#lt-winter-seo{ --accent:#00a7ff; --accent-2:#0077ff; --accent-soft:rgba(0,167,255,.13); --text:#13202f; --muted:#5e6b78; --line:rgba(19,32,47,.10); --card:#fff; --shadow:0 18px 50px rgba(19,32,47,.10); font-family:Arial,Helvetica,sans-serif; color:var(--text); margin:42px 0; width:100%; } #lt-winter-seo *{ box-sizing:border-box; } #lt-winter-seo a{ color:inherit; text-decoration:none; } #lt-winter-seo .lt-wrap{ width:100%; max-width:none; margin:0; padding:0 16px; } /* HERO */ #lt-winter-seo .lt-hero{ position:relative; overflow:hidden; border-radius:34px; min-height:560px; display:flex; align-items:flex-end; padding:52px; background: linear-gradient(180deg,rgba(19,32,47,.04) 0%,rgba(19,32,47,.80) 100%), url("https://leningrad-tours.ru/media-files/Zimnie/Winter%20tours%20Petersburg.png") center/cover no-repeat; box-shadow:0 24px 70px rgba(19,32,47,.18); } #lt-winter-seo .lt-hero:before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at top right, rgba(0,167,255,.26), transparent 34%), radial-gradient(circle at bottom left, rgba(0,119,255,.18), transparent 32%); pointer-events:none; } #lt-winter-seo .lt-hero-content{ max-width:960px; color:#fff; position:relative; z-index:2; } #lt-winter-seo .lt-badge{ display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); font-size:14px; margin-bottom:18px; } #lt-winter-seo .lt-badge:before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(0,167,255,.22); } #lt-winter-seo .lt-hero-title{ margin:0 0 18px; font-size:56px; line-height:1.04; letter-spacing:-.045em; color:#fff; font-weight:800; text-shadow:0 4px 22px rgba(0,0,0,.36); } #lt-winter-seo .lt-lead{ margin:0 0 24px; font-size:19px; line-height:1.72; color:rgba(255,255,255,.95); max-width:850px; text-shadow:0 2px 12px rgba(0,0,0,.28); } #lt-winter-seo .lt-hero-actions{ display:flex; flex-wrap:wrap; gap:12px; } #lt-winter-seo .lt-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 20px; border-radius:999px; font-size:15px; font-weight:800; transition:transform .22s ease, box-shadow .22s ease, background .22s ease; } #lt-winter-seo .lt-btn-primary{ background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#fff; box-shadow:0 12px 34px rgba(0,119,255,.28); } #lt-winter-seo .lt-btn-secondary{ background:rgba(255,255,255,.13); color:#fff; border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } #lt-winter-seo .lt-btn:hover{ transform:translateY(-2px); } /* SECTIONS */ #lt-winter-seo .lt-section{ margin-top:38px; } #lt-winter-seo .lt-intro{ display:grid; grid-template-columns:1.25fr .75fr; gap:22px; align-items:stretch; } #lt-winter-seo .lt-box{ background:rgba(255,255,255,.96); border:1px solid rgba(255,255,255,.55); border-radius:28px; box-shadow:0 14px 44px rgba(19,32,47,.08); padding:30px; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); } #lt-winter-seo .lt-box h2{ margin:0 0 14px; font-size:30px; line-height:1.18; letter-spacing:-.02em; } #lt-winter-seo .lt-box p{ margin:0 0 14px; font-size:16px; line-height:1.75; color:var(--muted); } #lt-winter-seo .lt-box p:last-child{ margin-bottom:0; } #lt-winter-seo .lt-box a{ color:var(--accent-2); font-weight:800; text-decoration:none; } #lt-winter-seo .lt-box a:hover{ text-decoration:underline; } #lt-winter-seo .lt-note{ background: linear-gradient(135deg,rgba(0,167,255,.14),rgba(0,119,255,.06)); border:1px solid rgba(0,167,255,.24); } #lt-winter-seo .lt-note strong{ display:block; font-size:23px; line-height:1.22; margin-bottom:12px; } #lt-winter-seo .lt-note span{ display:block; color:var(--muted); line-height:1.7; font-size:15px; } /* HEADINGS */ #lt-winter-seo .lt-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:20px; } #lt-winter-seo .lt-head h2{ margin:0; font-size:36px; line-height:1.12; letter-spacing:-.03em; } #lt-winter-seo .lt-head-text{ max-width:880px; } #lt-winter-seo .lt-head-text p{ margin:12px 0 0; color:var(--muted); font-size:16px; line-height:1.7; } /* WINTER ROUTES */ #lt-winter-seo .lt-winter-routes{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } #lt-winter-seo .lt-route-card{ display:block; background:#fff; border:1px solid rgba(19,32,47,.08); border-radius:28px; overflow:hidden; box-shadow:0 14px 42px rgba(19,32,47,.07); transition:transform .26s ease, box-shadow .26s ease, border-color .26s ease; } #lt-winter-seo .lt-route-card:hover{ transform:translateY(-5px); border-color:rgba(0,167,255,.32); box-shadow:0 22px 60px rgba(19,32,47,.13); } #lt-winter-seo .lt-route-image{ position:relative; min-height:245px; overflow:hidden; background:#111; } #lt-winter-seo .lt-route-image:after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(19,32,47,.04) 0%,rgba(19,32,47,.40) 100%); pointer-events:none; } #lt-winter-seo .lt-route-image > a{
  position:absolute;
  inset:0;
  display:block;
  z-index:1;
  }
  #lt-winter-seo .lt-route-image img{ width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .5s ease; } #lt-winter-seo .lt-route-card:hover .lt-route-image img{ transform:scale(1.07); } #lt-winter-seo .lt-glass-badge{ position:absolute; top:16px; left:16px; z-index:2; display:inline-flex; padding:8px 13px; border-radius:999px; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); font-size:13px; font-weight:800; box-shadow:0 10px 28px rgba(0,0,0,.14); } #lt-winter-seo .lt-route-body{ padding:24px; } #lt-winter-seo .lt-route-body h3{ margin:0 0 10px; font-size:23px; line-height:1.2; } #lt-winter-seo .lt-route-body p{ margin:0 0 16px; color:var(--muted); font-size:15px; line-height:1.65; } #lt-winter-seo .lt-route-link{ display:inline-flex; gap:8px; align-items:center; color:var(--accent-2); font-weight:800; font-size:15px; } #lt-winter-seo .lt-route-link:after{ content:"→"; transition:transform .22s ease; } #lt-winter-seo .lt-route-card:hover .lt-route-link:after{ transform:translateX(4px); } /* FAQ */ #lt-winter-seo .lt-faq-block{ background:#fff; border:1px solid var(--line); border-radius:30px; padding:34px; box-shadow:0 14px 42px rgba(19,32,47,.07); } #lt-winter-seo .lt-faq-block h2{ margin:0 0 18px; font-size:34px; line-height:1.16; letter-spacing:-.03em; } #lt-winter-seo .faq-item{ border-bottom:1px solid rgba(19,32,47,.10); } #lt-winter-seo .faq-item:last-child{ border-bottom:0; } #lt-winter-seo .faq-item summary{ list-style:none; cursor:pointer; padding:18px 0; font-size:18px; font-weight:700; display:flex; align-items:center; gap:10px; color:var(--text); } #lt-winter-seo .faq-item summary::-webkit-details-marker{ display:none; } #lt-winter-seo .faq-item summary::before{ content:"▶"; color:var(--accent); font-size:14px; transition:transform .3s ease; } #lt-winter-seo .faq-item[open] summary::before{ transform:rotate(90deg); } #lt-winter-seo .faq-answer{ padding:0 0 18px 24px; font-size:16px; color:var(--muted); line-height:1.7; } #lt-winter-seo .faq-answer a{ color:var(--accent-2); font-weight:800; text-decoration:none; } #lt-winter-seo .faq-answer a:hover{ text-decoration:underline; } /* GALLERY */ #lt-winter-seo .lt-gallery-box{ background:#fff; border:1px solid var(--line); border-radius:30px; padding:30px; box-shadow:0 14px 42px rgba(19,32,47,.07); } #lt-winter-seo .lt-gallery-box h2{ margin:0 0 20px; font-size:34px; line-height:1.16; letter-spacing:-.03em; } #lt-winter-seo .lt-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } #lt-winter-seo .lt-gallery figure{ margin:0; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(19,32,47,.10); background:#111; } #lt-winter-seo .lt-gallery img{ display:block; width:100%; height:260px; object-fit:cover; transition:transform .4s ease; } #lt-winter-seo .lt-gallery img:hover{ transform:scale(1.05); } /* BLUE BOTTOM NAV */ #lt-winter-seo .lt-bottom-nav{ position:relative; overflow:hidden; background: radial-gradient(circle at top right, rgba(255,255,255,.24), transparent 34%), linear-gradient(135deg,#00a7ff,#0077ff); border-radius:30px; padding:32px; color:#fff; box-shadow:0 20px 60px rgba(0,119,255,.24); } #lt-winter-seo .lt-bottom-nav h2{ margin:0 0 16px; font-size:30px; line-height:1.18; color:#fff; } #lt-winter-seo .lt-nav-links{ display:flex; flex-wrap:wrap; gap:10px; } #lt-winter-seo .lt-nav-links a{ display:inline-flex; padding:11px 15px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.26); color:#fff; font-size:14px; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 10px 28px rgba(0,0,0,.10); transition:background .22s ease, transform .22s ease; } #lt-winter-seo .lt-nav-links a:hover{ background:rgba(255,255,255,.24); transform:translateY(-2px); } /* RESPONSIVE */ @media(max-width:1180px){ #lt-winter-seo .lt-winter-routes{ grid-template-columns:repeat(2,1fr); } } @media(max-width:980px){ #lt-winter-seo .lt-intro{ grid-template-columns:1fr; } #lt-winter-seo .lt-head{ display:block; } #lt-winter-seo .lt-hero{ padding:34px; min-height:460px; } #lt-winter-seo .lt-hero-title{ font-size:42px; } #lt-winter-seo .lt-gallery{ grid-template-columns:repeat(2,1fr); } } @media(max-width:680px){ #lt-winter-seo .lt-winter-routes{ grid-template-columns:1fr; } } @media(max-width:560px){ #lt-winter-seo{ margin:24px 0; } #lt-winter-seo .lt-wrap{ padding:0 12px; } #lt-winter-seo .lt-hero{ border-radius:24px; padding:26px; min-height:420px; } #lt-winter-seo .lt-hero-title{ font-size:32px; } #lt-winter-seo .lt-lead{ font-size:16px; } #lt-winter-seo .lt-box, #lt-winter-seo .lt-bottom-nav, #lt-winter-seo .lt-faq-block, #lt-winter-seo .lt-gallery-box{ padding:24px; border-radius:24px; } #lt-winter-seo .lt-head h2, #lt-winter-seo .lt-bottom-nav h2, #lt-winter-seo .lt-faq-block h2, #lt-winter-seo .lt-gallery-box h2{ font-size:28px; } #lt-winter-seo .lt-route-image{ min-height:230px; } #lt-winter-seo .lt-gallery{ grid-template-columns:1fr; } #lt-winter-seo .lt-gallery img{ height:auto; } #lt-winter-seo .lt-nav-links a{ font-size:13px; } }