/* baza34.courses — Pattern G (Gallery / Visual-First). Emerald + sunset amber. */
:root{
  --brand:#14684a; --brand-d:#0e4d36; --brand-l:#1f8a63;
  --accent:#e0891b; --accent-d:#b96c0a;
  --bg:#ffffff; --bg-alt:#f2f7f3; --bg-deep:#0e2b21;
  --text:#17231e; --muted:#5b6b64; --line:#e1e9e3;
  --radius:16px; --radius-s:10px;
  --shadow:0 6px 24px rgba(14,45,33,.10); --shadow-h:0 14px 40px rgba(14,45,33,.20);
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.book-btn{display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:13px 26px;border-radius:999px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.book-btn:hover{background:var(--accent-d);transform:translateY(-2px);box-shadow:0 8px 20px rgba(224,137,27,.35);text-decoration:none}
.book-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.7);color:#fff}
.book-btn.ghost:hover{background:rgba(255,255,255,.14);box-shadow:none}
.book-btn.solid-green{background:var(--brand)}
.book-btn.solid-green:hover{background:var(--brand-d)}

/* ── sticky nav ─────────────────────────── */
.topline{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topline .wrap{display:flex;align-items:center;gap:18px;height:64px}
.mark{font-weight:900;font-size:22px;letter-spacing:-.03em;color:var(--brand);white-space:nowrap}
.mark b{color:var(--accent)} .mark span{color:var(--muted);font-weight:700}
.topnav{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto}
.topnav a{color:var(--text);font-weight:600;font-size:15px;padding:8px 12px;border-radius:8px}
.topnav a:hover{background:var(--bg-alt);text-decoration:none;color:var(--brand)}
.nav-cta{margin-left:8px}

/* ── visual hero ────────────────────────── */
.showcase-hero{position:relative;color:#fff;overflow:hidden}
.showcase-hero .bg{position:absolute;inset:0;background:
  linear-gradient(120deg,rgba(14,45,33,.86) 0%,rgba(20,104,74,.72) 45%,rgba(224,137,27,.55) 100%),
  var(--hero-img,linear-gradient(160deg,#0e4d36,#1f8a63));
  background-size:cover;background-position:center}
.showcase-hero .wrap{position:relative;padding:76px 20px 64px}
.hero-eyebrow{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:18px}
.showcase-hero h1{font-size:clamp(28px,4.4vw,50px);max-width:16ch;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero-lead{font-size:clamp(16px,2vw,20px);max-width:60ch;color:rgba(255,255,255,.94);margin-bottom:26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

/* ── metric row ─────────────────────────── */
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;margin-top:38px}
.metric-row .cell{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-s);padding:16px 14px;backdrop-filter:blur(4px)}
.metric-row .n{font-size:30px;font-weight:900;color:#fff}
.metric-row .t{font-size:13px;color:rgba(255,255,255,.85)}

/* ── section shell ──────────────────────── */
section{padding:56px 0}
section.alt{background:var(--bg-alt)}
.sec-head{margin-bottom:28px}
.sec-head h2{font-size:clamp(22px,3vw,32px)}
.sec-head p{color:var(--muted);margin:0;max-width:70ch}
.kicker{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:6px}

/* ── gallery of spot-tiles (image-dominant) ── */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.spot-tile{position:relative;border-radius:var(--radius);overflow:hidden;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.spot-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-h);text-decoration:none}
.spot-tile .scene{position:absolute;inset:0;transition:transform .4s;z-index:0}
.spot-tile:hover .scene{transform:scale(1.06)}
.spot-tile .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,22,0) 30%,rgba(10,30,22,.82) 100%);z-index:1}
.spot-tile .body{position:relative;z-index:2;padding:18px}
.spot-tile h3{font-size:20px;margin:0 0 4px;color:#fff}
.spot-tile h3 a{color:#fff}
.spot-tile .place{font-size:13px;color:rgba(255,255,255,.85);margin-bottom:8px}
.spot-tile .price{position:absolute;top:14px;right:14px;z-index:2;background:rgba(255,255,255,.94);color:var(--brand-d);font-weight:800;font-size:14px;padding:6px 12px;border-radius:999px}
.badge-top{position:absolute;top:14px;left:14px;z-index:2;background:var(--accent);color:#fff;font-weight:800;font-size:12px;padding:5px 11px;border-radius:999px;box-shadow:0 4px 12px rgba(224,137,27,.4)}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag-pill{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;padding:3px 10px;border-radius:999px}
/* scenic gradients by water type */
.w-ahtuba{background:linear-gradient(160deg,#0b7a5e,#12a37a 55%,#5fd0a8)}
.w-volga{background:linear-gradient(160deg,#0e5a86,#1f86bf 55%,#77c6e8)}
.w-don{background:linear-gradient(160deg,#8a6a1e,#c79433 55%,#e9c877)}
.w-ozero{background:linear-gradient(160deg,#2f7d55,#4fa877 55%,#a7d8b3)}
.w-poyma{background:linear-gradient(160deg,#3a7d3f,#6aa93f 55%,#c2d879)}
.w-def{background:linear-gradient(160deg,#0e4d36,#1f8a63)}

/* ── photo band ─────────────────────────── */
.photo-band{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.photo-band figure{margin:0;border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow)}
.photo-band img{width:100%;height:230px;object-fit:cover;transition:transform .4s}
.photo-band figure:hover img{transform:scale(1.05)}
.photo-band figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;color:#fff;font-weight:700;font-size:14px;background:linear-gradient(transparent,rgba(10,30,22,.8))}
@media(max-width:600px){.photo-band{grid-template-columns:1fr}}

/* ── type tiles ─────────────────────────── */
.type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.type-tile{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);padding:18px 16px;transition:border-color .2s,transform .2s,box-shadow .2s;display:block}
.type-tile:hover{border-color:var(--brand-l);transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}
.type-tile .ic{font-size:26px;margin-bottom:8px}
.type-tile .nm{font-weight:800;color:var(--text)}
.type-tile .ds{font-size:13px;color:var(--muted);margin-top:4px}

/* ── promo / banner inventory ───────────── */
.promo-slot{border:1.5px dashed var(--accent);background:linear-gradient(90deg,#fff8ec,#fef2e0);border-radius:var(--radius);padding:22px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}
.promo-slot .lab{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-d);font-weight:800}
.promo-slot h3{margin:.2em 0}
.promo-slot p{margin:0;color:var(--muted)}
.promo-inline{grid-column:1/-1;background:linear-gradient(90deg,var(--brand),var(--brand-l));color:#fff;border-radius:var(--radius);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.promo-inline .lab{color:rgba(255,255,255,.7)}
.promo-inline h3{color:#fff;margin:.2em 0}

/* ── longread ───────────────────────────── */
.longread{max-width:820px;margin:0 auto}
.longread h2{font-size:26px;margin-top:1.4em}
.longread h3{font-size:20px;margin-top:1.2em}
.longread p,.longread li{color:#26332d}
.longread ul,.longread ol{padding-left:22px}
.longread table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.longread th,.longread td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.longread th{background:var(--brand);color:#fff;font-weight:700}
.longread tr:nth-child(even) td{background:var(--bg-alt)}
.callout{background:var(--bg-alt);border-left:4px solid var(--accent);border-radius:0 var(--radius-s) var(--radius-s) 0;padding:14px 18px;margin:18px 0}

/* jumplist (TOC) */
.jumplist{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-s);padding:16px 20px;margin:0 auto 26px;max-width:820px}
.jumplist strong{display:block;margin-bottom:8px;color:var(--brand-d)}
.jumplist ol{margin:0;padding-left:20px;columns:2;font-size:15px}

/* trail (breadcrumbs) */
.trail{font-size:14px;color:var(--muted);padding:14px 0}
.trail a{color:var(--muted)} .trail a:hover{color:var(--brand)}

/* ── FAQ accordion ──────────────────────── */
.qa-wrap{max-width:820px;margin:0 auto}
.qa-block{border:1px solid var(--line);border-radius:var(--radius-s);margin-bottom:12px;overflow:hidden;background:var(--bg)}
.qa-block .q{width:100%;text-align:left;background:none;border:none;padding:16px 20px;font-size:17px;font-weight:700;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}
.qa-block .q:hover{color:var(--brand)}
.qa-block .q .chev{color:var(--accent);transition:transform .2s;flex:none}
.qa-block.open .q .chev{transform:rotate(180deg)}
.qa-block .a{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .25s ease;color:#33413a}
.qa-block.open .a{padding:0 20px 18px;max-height:600px}

/* ── base card detail ───────────────────── */
.base-hero{border-radius:var(--radius);overflow:hidden;position:relative;min-height:320px;color:#fff;display:flex;align-items:flex-end;margin-bottom:24px}
.base-hero .scene{position:absolute;inset:0}
.base-hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,22,.1),rgba(10,30,22,.8))}
.base-hero .body{position:relative;padding:26px}
.base-hero h1{font-size:clamp(26px,4vw,40px);color:#fff}
.feat-list{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.feat-list .f{background:var(--bg-alt);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}
.info-card{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.info-card .row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line)}
.info-card .row:last-child{border-bottom:none}
.info-card .row .k{color:var(--muted)} .info-card .row .v{font-weight:700;text-align:right}

/* ── final CTA ──────────────────────────── */
.final-cta{background:linear-gradient(120deg,var(--brand-d),var(--brand) 60%,var(--brand-l));color:#fff;border-radius:var(--radius);padding:44px 32px;text-align:center}
.final-cta h2{color:#fff;font-size:clamp(24px,3.4vw,34px)}
.final-cta p{color:rgba(255,255,255,.9);max-width:56ch;margin:0 auto 22px}

/* ── footer ─────────────────────────────── */
.site-foot{background:var(--bg-deep);color:#c9d6cf;padding:52px 0 26px;margin-top:20px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.site-foot h4{color:#fff;font-size:15px;margin-bottom:12px}
.site-foot a{color:#c9d6cf;font-size:14px}
.site-foot a:hover{color:var(--accent)}
.site-foot ul{list-style:none;padding:0;margin:0}
.site-foot li{margin-bottom:7px}
.foot-note{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;font-size:13px;color:#8ea69a}

/* ── responsive ─────────────────────────── */
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .type-grid{grid-template-columns:repeat(3,1fr)}
  .metric-row{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .topnav{display:none}
}
@media(max-width:600px){
  body{font-size:16px}
  .gallery-grid{grid-template-columns:1fr}
  .type-grid{grid-template-columns:repeat(2,1fr)}
  .metric-row{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr}
  .jumplist ol{columns:1}
  .showcase-hero .wrap{padding:52px 20px 44px}
}
@media print{
  .topline,.promo-slot,.promo-inline,.final-cta,.hero-actions,.nav-cta{display:none}
  .showcase-hero{color:#000;background:none}
  .showcase-hero .bg,.spot-tile .veil{display:none}
  body{font-size:12pt}
}


/* Advertising inventory: clearly separated from editorial cards. */
.ad-strip{padding:18px 0 6px;background:#f7faf7}
.ad-unit{display:flex;text-decoration:none;border:2px solid #f0a332;background:linear-gradient(120deg,#fff8e8,#eef8ed);color:#18352a;box-shadow:0 8px 24px rgba(24,53,42,.08)}
.ad-unit span{display:grid;gap:4px}.ad-unit b{font-size:1.05rem}.ad-unit small{color:#52675f}
.ad-unit strong{font-size:1.2rem;color:#9a5200}.ad-unit em{font-style:normal;font-weight:800;color:#176c46}
.ad-unit-horizontal{min-height:120px;border-radius:20px;padding:24px 30px;align-items:center;justify-content:space-between;gap:24px}
.catalog-with-ad{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.catalog-ad{position:sticky;top:90px}
.ad-unit-vertical{min-height:520px;border-radius:22px;padding:28px 22px;flex-direction:column;justify-content:space-between}
@media(max-width:899px){
  .ad-unit-horizontal{min-height:0;padding:18px;flex-wrap:wrap}
  .catalog-with-ad{display:flex;flex-direction:column}
  .catalog-ad{position:static;order:-1;width:100%}
  .ad-unit-vertical{min-height:0;padding:18px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}
}
@media(max-width:560px){.ad-unit-horizontal,.ad-unit-vertical{align-items:flex-start;flex-direction:column;gap:10px}}

/* ── 2026 visual refresh: modern editorial marketplace ───────── */
:root{
  --brand:#0d6b4f;--brand-d:#073f31;--brand-l:#24a878;
  --accent:#f29b30;--accent-d:#c96b10;
  --bg:#fbfcf8;--bg-alt:#f0f6ef;--bg-deep:#072a21;
  --text:#10231d;--muted:#607168;--line:rgba(13,72,53,.12);
  --radius:24px;--radius-s:15px;
  --shadow:0 12px 35px rgba(7,63,49,.09);
  --shadow-h:0 24px 65px rgba(7,63,49,.18);
  --wrap:1240px;
}
html{background:var(--bg-deep)}
body{font-family:"Segoe UI Variable","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
  radial-gradient(circle at 8% 14%,rgba(36,168,120,.06),transparent 22rem),var(--bg);letter-spacing:-.006em}
::selection{background:#bdebd8;color:var(--brand-d)}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:3px solid #ffc463;outline-offset:4px;border-radius:10px}
h1,h2,h3,h4{letter-spacing:-.035em;text-wrap:balance}
p{max-width:75ch}
.wrap{padding-inline:clamp(18px,3vw,32px)}

.topline{background:color-mix(in srgb,#fff 82%,transparent);border-color:rgba(7,63,49,.08);box-shadow:0 8px 30px rgba(7,63,49,.05);backdrop-filter:blur(22px) saturate(160%)}
.topline .wrap{height:76px}
.mark{font-size:24px;display:flex;align-items:center;letter-spacing:-.045em}
.mark::before{content:"";width:36px;height:36px;margin-right:10px;border-radius:12px;background:
  radial-gradient(circle at 65% 30%,#ffd38e 0 12%,transparent 13%),linear-gradient(145deg,var(--brand-l),var(--brand-d));box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 8px 18px rgba(13,107,79,.22)}
.topnav{gap:4px}
.topnav a{font-size:14px;padding:10px 13px;border-radius:12px;transition:.2s ease}
.topnav a:hover{background:#e7f4ed;color:var(--brand-d);transform:translateY(-1px)}
.book-btn{padding:13px 22px;border-radius:14px;box-shadow:0 10px 24px rgba(201,107,16,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.book-btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(201,107,16,.26)}
.nav-cta{font-size:14px;padding:11px 17px}

.showcase-hero{min-height:760px;display:flex;align-items:center;isolation:isolate}
.showcase-hero::before,.showcase-hero::after{content:"";position:absolute;z-index:1;border-radius:999px;filter:blur(1px);pointer-events:none}
.showcase-hero::before{width:340px;height:340px;right:-90px;top:-80px;background:radial-gradient(circle,rgba(255,192,92,.26),transparent 68%)}
.showcase-hero::after{width:440px;height:440px;left:-220px;bottom:-250px;background:radial-gradient(circle,rgba(39,209,151,.22),transparent 68%)}
.showcase-hero .bg{background:
  linear-gradient(95deg,rgba(4,34,27,.94) 0%,rgba(7,63,49,.84) 44%,rgba(7,63,49,.25) 76%,rgba(242,155,48,.15) 100%),
  var(--hero-img);background-position:center 46%;transform:scale(1.01)}
.showcase-hero .wrap{z-index:2;width:100%;padding-block:clamp(62px,7vw,88px)}
.hero-eyebrow{padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.showcase-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:.98;max-width:16ch;margin:12px 0 24px;letter-spacing:-.055em;text-shadow:0 4px 34px rgba(0,0,0,.28)}
.hero-lead{font-size:clamp(17px,1.8vw,22px);line-height:1.5;max-width:58ch;margin-bottom:32px;color:rgba(255,255,255,.86)}
.hero-actions{gap:10px}.hero-actions .book-btn{padding:15px 22px}
.book-btn.ghost{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.metric-row{max-width:820px;gap:1px;margin-top:46px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden;backdrop-filter:blur(18px)}
.metric-row .cell{border:0;border-radius:0;background:rgba(5,47,36,.34);padding:18px 20px}
.metric-row .n{font-size:28px;letter-spacing:-.04em}.metric-row .t{font-size:12px;text-transform:uppercase;letter-spacing:.06em}

section{padding-block:clamp(58px,7vw,92px)}
section.alt{background:linear-gradient(180deg,#f1f7f1,#eef5f0)}
.sec-head{margin-bottom:34px;display:grid;gap:8px}
.sec-head h1,.sec-head h2{font-size:clamp(32px,4.3vw,50px);line-height:1.05;max-width:18ch}
.sec-head p{font-size:17px;line-height:1.7}
.kicker{display:inline-flex;width:max-content;align-items:center;gap:8px;color:var(--brand);background:#e5f3ec;border:1px solid #cae8da;border-radius:999px;padding:6px 11px;letter-spacing:.09em}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(242,155,48,.15)}

.gallery-grid{gap:22px}
.spot-tile{min-height:330px;border:1px solid rgba(255,255,255,.28);border-radius:26px;box-shadow:0 16px 42px rgba(7,63,49,.14);isolation:isolate}
.gallery-grid>.spot-tile:first-child{grid-column:span 2;min-height:410px}
.spot-tile::after{content:"↗";position:absolute;right:18px;bottom:18px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-size:19px;opacity:0;transform:translateY(8px);transition:.25s ease;backdrop-filter:blur(10px)}
.spot-tile:hover::after{opacity:1;transform:none}
.spot-tile .scene{background-size:cover;background-position:center;filter:saturate(.9);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .3s}
.spot-tile:hover .scene{transform:scale(1.055);filter:saturate(1.08)}
.spot-tile .veil{background:linear-gradient(180deg,rgba(3,25,19,.03) 16%,rgba(3,25,19,.18) 48%,rgba(3,25,19,.94) 100%)}
.spot-tile .body{padding:26px 68px 24px 24px}
.spot-tile h3{font-size:clamp(21px,2.2vw,28px)}
.spot-tile .place{font-size:14px;margin-bottom:12px;color:rgba(255,255,255,.75)}
.spot-tile .price,.badge-top{top:18px;padding:7px 11px;border-radius:10px;box-shadow:0 8px 18px rgba(5,35,27,.16);backdrop-filter:blur(10px)}
.spot-tile .price{right:18px;background:rgba(255,255,255,.9)}.badge-top{left:18px}
.tag-pill{padding:5px 9px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.19);backdrop-filter:blur(8px)}
.w-ahtuba{background-image:linear-gradient(160deg,rgba(9,98,75,.35),rgba(6,49,38,.1)),url('/assets/img/gallery-utro.webp')}
.w-volga{background-image:linear-gradient(160deg,rgba(14,90,134,.32),rgba(6,49,38,.08)),url('/assets/img/gallery-zakat.webp')}
.w-don{background-image:linear-gradient(160deg,rgba(110,72,12,.28),rgba(6,49,38,.12)),url('/assets/img/gallery-rybalka.webp')}
.w-ozero,.w-poyma{background-image:linear-gradient(160deg,rgba(17,101,65,.3),rgba(6,49,38,.08)),url('/assets/img/gallery-utro.webp')}

.type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.type-tile{min-height:150px;padding:22px;border-radius:20px;background:rgba(255,255,255,.76);box-shadow:0 8px 25px rgba(7,63,49,.05);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.type-tile::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-38px;background:radial-gradient(circle,rgba(36,168,120,.22),transparent 70%);transition:.3s}
.type-tile:hover{transform:translateY(-6px);border-color:rgba(36,168,120,.35);box-shadow:0 18px 40px rgba(7,63,49,.11)}
.type-tile:hover::after{transform:scale(1.35)}
.type-tile .ic{font-size:30px}.type-tile .nm{font-size:17px}.type-tile .ds{line-height:1.45}

.photo-band{gap:20px}.photo-band figure{border-radius:24px;box-shadow:var(--shadow)}.photo-band img{height:300px}.photo-band figcaption{padding:40px 20px 18px}
.trail{padding-block:20px;font-size:13px}.trail a{background:#eef5f0;padding:5px 9px;border-radius:8px}
.longread{max-width:860px}.longread h2{font-size:clamp(27px,3vw,38px);margin-top:1.7em}.longread h3{font-size:22px}.longread p,.longread li{color:#34463f}
.longread table{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.longread th,.longread td{border:0;border-bottom:1px solid var(--line);padding:13px 15px}.longread th{background:var(--brand-d)}
.callout{border:1px solid #d7eadf;border-left:5px solid var(--accent);border-radius:16px;padding:18px 20px;background:linear-gradient(120deg,#f7fbf7,#fffaf1)}
.jumplist{border-radius:18px;padding:20px 24px;background:rgba(255,255,255,.8);box-shadow:var(--shadow)}

.base-layout{gap:34px!important}.base-hero{min-height:440px;border-radius:28px;box-shadow:var(--shadow-h);border:1px solid rgba(255,255,255,.24)}
.base-hero .scene{background-size:cover;background-position:center}.base-hero .body{padding:clamp(24px,4vw,42px)}.base-hero h1{font-size:clamp(36px,5vw,58px);max-width:14ch}
.info-card{border-radius:22px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);padding:24px;backdrop-filter:blur(12px)}
.info-card .row{padding:13px 0}.feat-list .f{padding:8px 13px;background:#e9f4ee;border-color:#d4e9dd}
.promo-slot{border-style:solid;border-color:rgba(242,155,48,.42);background:linear-gradient(120deg,#fff9ef,#f0f8f2);border-radius:22px;padding:26px;box-shadow:0 12px 30px rgba(110,72,12,.07)}
.final-cta{border-radius:28px;padding:clamp(38px,6vw,70px);position:relative;overflow:hidden;background:linear-gradient(130deg,#063a2d,#0d7455 60%,#24a878)}
.final-cta::after{content:"";position:absolute;width:320px;height:320px;right:-120px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,99,.27),transparent 70%)}
.qa-block{border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 7px 22px rgba(7,63,49,.04)}

.ad-strip{padding:22px 0;background:linear-gradient(180deg,#f7faf6,#fbfcf8)}
.ad-unit{border:1px solid rgba(242,155,48,.45);background:linear-gradient(115deg,#fff7e9,#f0f8f1 58%,#e3f2ea);box-shadow:0 14px 38px rgba(7,63,49,.08)}
.ad-unit-horizontal{border-radius:22px}.ad-unit-vertical{border-radius:24px}
.ad-unit em{background:var(--brand);color:#fff;padding:10px 13px;border-radius:11px}
.catalog-with-ad{gap:30px}.catalog-with-ad main .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-with-ad main .gallery-grid>.spot-tile:first-child{grid-column:span 2}
.catalog-ad{top:100px}

.site-foot{border-radius:34px 34px 0 0;background:
  radial-gradient(circle at 80% 20%,rgba(36,168,120,.18),transparent 25rem),var(--bg-deep);padding-top:68px}
.foot-grid{gap:40px}.site-foot h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9fbeaf}.site-foot a{font-size:15px}.foot-note{padding-top:24px}

@media(max-width:1020px){
  .topnav a:nth-last-child(-n+2){display:none}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:899px){
  .showcase-hero{min-height:auto}.showcase-hero h1{max-width:15ch}
  .catalog-with-ad main .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-ad{position:static}
}
@media(max-width:680px){
  .topline .wrap{height:66px}.mark{font-size:21px}.mark::before{width:31px;height:31px;border-radius:10px}.nav-cta{font-size:0;padding:10px}.nav-cta::after{content:"＋ База";font-size:13px}
  .showcase-hero .wrap{padding-block:64px 48px}.showcase-hero h1{font-size:clamp(39px,12vw,58px)}.hero-lead{font-size:17px}
  .hero-actions{display:grid}.hero-actions .book-btn{text-align:center;width:100%}
  .metric-row{grid-template-columns:repeat(2,1fr);margin-top:30px}.metric-row .cell{padding:14px}.metric-row .n{font-size:24px}
  section{padding-block:54px}.sec-head h1,.sec-head h2{font-size:34px}
  .gallery-grid,.catalog-with-ad main .gallery-grid{grid-template-columns:1fr}.gallery-grid>.spot-tile:first-child,.catalog-with-ad main .gallery-grid>.spot-tile:first-child{grid-column:auto;min-height:350px}.spot-tile{min-height:330px}
  .type-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;margin-inline:-4px}.type-tile{min-width:220px;scroll-snap-align:start}
  .photo-band img{height:250px}.base-hero{min-height:380px}.base-hero h1{font-size:38px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px}.site-foot{border-radius:26px 26px 0 0}
}
@media(max-width:430px){.foot-grid{grid-template-columns:1fr}.spot-tile .body{padding-right:56px}.ad-unit-horizontal,.ad-unit-vertical{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}