#lt-auth-expert-polina-kseniya-babich{
  --lt-blue:#0077ff;
  --lt-blue-light:#eef8ff;
  --lt-text:#17212b;
  --lt-muted:#6b7682;
  --lt-line:rgba(23,33,43,.10);
  width:100%;
  margin:18px 0 30px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
#lt-auth-expert-polina-kseniya-babich *{box-sizing:border-box;}
#lt-auth-expert-polina-kseniya-babich .lt-ae-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
#lt-auth-expert-polina-kseniya-babich .lt-ae-card{
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;
  padding:14px 16px;background:#fff;border:1px solid var(--lt-line);
  border-radius:16px;box-shadow:0 7px 22px rgba(23,33,43,.055);
}
#lt-auth-expert-polina-kseniya-babich .lt-ae-card--expert{
  background:linear-gradient(135deg,var(--lt-blue-light),#fff 72%);
}
#lt-auth-expert-polina-kseniya-babich .lt-ae-photo{width:64px;height:64px;border-radius:13px;overflow:hidden;}
#lt-auth-expert-polina-kseniya-babich .lt-ae-photo img{width:100%;height:100%;object-fit:cover;display:block;}
#lt-auth-expert-polina-kseniya-babich .lt-ae-kicker{
  margin-bottom:4px;color:var(--lt-muted);font-size:11px;font-weight:750;text-transform:uppercase;
}
#lt-auth-expert-polina-kseniya-babich .lt-ae-name-line{display:flex;gap:5px;margin-bottom:5px;}
#lt-auth-expert-polina-kseniya-babich .lt-ae-name-line a{
  color:var(--lt-blue);font-size:16px;font-weight:800;text-decoration:none;
}
#lt-auth-expert-polina-kseniya-babich .lt-ae-arrow{color:var(--lt-blue);}
#lt-auth-expert-polina-kseniya-babich .lt-ae-desc{
  margin:0;color:var(--lt-muted);font-size:12.5px;line-height:1.45;
}
@media(max-width:640px){
  #lt-auth-expert-polina-kseniya-babich .lt-ae-row{grid-template-columns:1fr;}
  #lt-auth-expert-polina-kseniya-babich .lt-ae-card{grid-template-columns:56px minmax(0,1fr);}
  #lt-auth-expert-polina-kseniya-babich .lt-ae-photo{width:56px;height:56px;}
}
.article-top-spb{ max-width: 880px; margin: 40px auto; padding: 0 16px 40px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #0b1220; line-height: 1.7; scroll-behavior: smooth; } .article-top-spb, .article-top-spb *{ box-sizing: border-box; column-count: 1 !important; column-gap: 0 !important; columns: auto !important; } .article-top-spb h1{ font-size: clamp(30px, 4vw, 42px); line-height: 1.15; font-weight: 800; letter-spacing: -0.03em; margin: 0 0 22px; color: #0b1220; } .article-top-spb .lead{ font-size: 17px; margin: 0 0 18px 0; color: #111827; } .place-section{ margin: 40px 0; border-bottom: 1px solid #e5e7eb; padding-bottom: 26px; display: block !important; width: 100%; max-width: 100%; grid-column: 1 / -1; } .place-section:last-of-type{ border-bottom: none; } .place-section h2{ font-size: 24px; font-weight: 750; margin: 0 0 14px; letter-spacing: -0.01em; } .place-section h3{ font-size: 20px; font-weight: 740; margin: 18px 0 10px; letter-spacing: -0.01em; } .place-section p{ font-size: 17px; margin: 10px 0; } #why-go, #how-to-get, #what-included, #price, #booking, #conclusion, #ready-tours-spb, #perm-spb-faq, #perm-spb-directions{ scroll-margin-top: 24px; } #article-tours-perm-spb .inline-link{ color: #2563eb; font-weight: 650; text-decoration: none; } #article-tours-perm-spb .inline-link:hover{ text-decoration: underline; } .lt-table-wrap{ width: 100%; margin: 18px 0 0; overflow-x: auto; border-radius: 18px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.08); background: #ffffff; } .lt-route-table{ width: 100%; min-width: 760px; border-collapse: collapse; background: #ffffff; } .lt-route-table .lt-col-method{ width: 17%; } .lt-route-table .lt-col-features{ width: 39%; } .lt-route-table .lt-col-time{ width: 13%; } .lt-route-table .lt-col-price{ width: 31%; } .lt-route-table th:nth-child(3), .lt-route-table td:nth-child(3){ width: 13%; min-width: 105px; } .lt-route-table th:nth-child(4), .lt-route-table td:nth-child(4){ width: 31%; min-width: 230px; } .lt-route-table th, .lt-route-table td{ padding: 16px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid #e5e7eb; font-size: 15px; line-height: 1.5; } .lt-route-table th{ background: #f3f7ff; color: #0b1220; font-weight: 760; } .lt-route-table td:first-child{ font-weight: 740; color: #0b1220; } .lt-route-table tr:last-child td{ border-bottom: none; } .lt-may-tours{ max-width: 880px; margin: 40px auto 0; } .lt-may-tours h2{ font-size: 24px; font-weight: 750; margin: 0 0 18px; letter-spacing: -0.01em; } .lt-may-tours-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px !important; } .lt-may-tours-grid-four{ gap: 22px !important; } .lt-may-tour-card{ display: block; background: #ffffff; border: 1px solid rgba(11,18,32,.08); border-radius: 18px; padding: 14px; text-decoration: none; color: #0b1220; box-shadow: 0 6px 22px rgba(0,0,0,.05); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .lt-may-tour-card:hover{ transform: translateY(-3px); border-color: #2563eb; box-shadow: 0 10px 28px rgba(0,0,0,.08); } .lt-may-tour-img{ width: 100%; height: 150px; object-fit: cover; display: block; border-radius: 14px; margin-bottom: 12px; background: #f4f6fa; } .lt-may-tour-title{ display: block; font-size: 16px; font-weight: 750; line-height: 1.35; margin-bottom: 5px; } .lt-may-tour-meta{ display: block; font-size: 14px; color: #6b7280; line-height: 1.4; } .lt-faq-accordion{ margin-top: 16px; } .lt-faq-item{ margin: 0 0 12px; background: #ffffff; border: 1px solid rgba(0,0,0,0.08); border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); overflow: hidden; } .lt-faq-item summary{ list-style: none; cursor: pointer; position: relative; padding: 18px 52px 18px 18px; font-size: 17px; font-weight: 700; line-height: 1.45; color: #0b1220; transition: background-color .15s ease; } .lt-faq-item summary::-webkit-details-marker{ display: none; } .lt-faq-item summary::after{ content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 24px; line-height: 1; color: #2563eb; font-weight: 500; } .lt-faq-item[open] summary::after{ content: "−"; } .lt-faq-item summary:hover{ background: rgba(37,99,235,0.04); } .lt-faq-content{ padding: 0 18px 18px; } .lt-faq-content p{ margin: 0; font-size: 17px; color: #111827; } .lt-bottom-nav{ position: relative; overflow: hidden; margin: 40px 0 0; 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: #ffffff; box-shadow: 0 20px 60px rgba(0,119,255,.24); } .lt-bottom-nav h2{ margin: 0 0 18px; font-size: 30px; line-height: 1.18; color: #ffffff; } .lt-nav-links{ display: flex !important; flex-wrap: wrap !important; gap: 16px 14px !important; align-items: center !important; } .lt-nav-links a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 18px !important; margin: 0 !important; border-radius: 999px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.26); color: #ffffff; font-size: 14px; line-height: 1.25; text-decoration: none; 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-nav-links a:hover{ background: rgba(255,255,255,.24); transform: translateY(-2px); } @media (max-width: 640px){ .article-top-spb{ padding: 0 12px 32px; } .article-top-spb h1{ font-size: 28px; } .article-top-spb .lead, .place-section p{ font-size: 16px; } .place-section h2, .lt-may-tours h2{ font-size: 20px; } .place-section h3{ font-size: 18px; } .lt-table-wrap{ border-radius: 16px; } .lt-route-table th, .lt-route-table td{ padding: 14px 14px; font-size: 14px; } .lt-may-tours-grid{ grid-template-columns: 1fr; gap: 18px !important; } .lt-may-tour-img{ height: 170px; } .lt-faq-item summary{ font-size: 16px; padding: 16px 46px 16px 16px; } .lt-faq-content{ padding: 0 16px 16px; } .lt-faq-content p{ font-size: 16px; } .lt-bottom-nav{ padding: 24px; border-radius: 24px; } .lt-bottom-nav h2{ font-size: 24px; } .lt-nav-links{ gap: 14px 10px !important; } .lt-nav-links a{ font-size: 13px; padding: 10px 13px !important; } }