/* Imported source images: small chapter icons must never become full-width photos. */
.inner-body .excurs-more-odesa-title{
  font:750 clamp(23px,2.45vw,31px)/1.22 var(--sans);
  letter-spacing:-.035em;color:#293145;
  text-align:left;margin:42px 0 25px;
}
.inner-body .excurs-more-odesa-title::after{
  content:"";display:block;width:46px;height:3px;
  margin-top:13px;background:#ed4457;border-radius:3px;
}
.inner-body .ex-text :is(h2,h3,h4,h5,h6) img[width][height]{
  display:inline-block!important;width:auto!important;height:auto!important;
  max-width:76px!important;max-height:76px!important;object-fit:contain!important;
  vertical-align:middle;margin:0 15px 4px 0!important;border-radius:0!important;
}
.inner-body .ex-text :is(h2,h3,h4,h5,h6):has(img[width][height]){line-height:1.45}
.inner-body .ex-faq{display:grid;gap:12px}
.inner-body .ex-faq details{border:1px solid #e2e6ef;border-radius:12px;background:#fff;padding:0!important;margin:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.inner-body .ex-faq details[open]{border-color:#f2a9b4;box-shadow:0 10px 30px rgba(223,62,81,.06)}
.inner-body .ex-faq summary{padding:20px 56px 20px 22px!important;font-size:clamp(16px,1.8vw,19px)!important;font-weight:700;line-height:1.45;min-height:61px}
.inner-body .ex-faq details>div{padding:0 22px 22px!important;color:#697382}

/* 1.9.2: multi-column excursion programmes inside legacy FAQ accordions. */
.inner-body .ex-faq details:has(.ex-faq-table-wrap){border-radius:15px}
.inner-body .ex-faq details:has(.ex-faq-table-wrap)>summary{
  background:#fff9fa;border-bottom:1px solid transparent;
  padding-top:19px!important;padding-bottom:19px!important;
}
.inner-body .ex-faq details[open]:has(.ex-faq-table-wrap)>summary{border-bottom-color:#f4dfe3}
.inner-body .ex-faq details:has(.ex-faq-table-wrap)>div{
  padding:14px 18px 20px!important;color:#354052;
}
.inner-body .ex-faq .ex-faq-table-wrap{
  width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;border:1px solid #e9edf2;
  border-radius:11px;background:#fff;scrollbar-color:#e7adb7 #f9f7f8;
}
.inner-body .ex-faq .ex-faq-table-wrap table{
  width:100%!important;min-width:650px!important;table-layout:fixed;
  border-collapse:collapse!important;border-spacing:0!important;
  font:400 14px/1.65 var(--sans)!important;color:#344054;
  margin:0!important;background:#fff;
}
.inner-body .ex-faq .ex-faq-table-wrap th,
.inner-body .ex-faq .ex-faq-table-wrap td{
  border:0!important;border-bottom:1px solid #e9edf2!important;
  padding:13px 15px!important;font-size:14px!important;
  font-weight:400;line-height:1.65!important;text-align:left!important;
  vertical-align:top!important;overflow-wrap:anywhere;white-space:normal!important;
}
.inner-body .ex-faq .ex-faq-table-wrap th{
  background:#f7f8fb!important;color:#242d41;
  font-weight:700!important;font-size:13px!important;
  letter-spacing:.005em;
}
.inner-body .ex-faq .ex-faq-table-wrap th:first-child,
.inner-body .ex-faq .ex-faq-table-wrap td:first-child{width:17%;font-weight:650;color:#2b3849}
.inner-body .ex-faq .ex-faq-table-wrap th:nth-child(2),
.inner-body .ex-faq .ex-faq-table-wrap td:nth-child(2){width:53%}
.inner-body .ex-faq .ex-faq-table-wrap th:nth-child(3),
.inner-body .ex-faq .ex-faq-table-wrap td:nth-child(3){width:30%}
.inner-body .ex-faq .ex-faq-table-wrap tbody tr:nth-child(even) td{background:#fbfcfd!important}
.inner-body .ex-faq .ex-faq-table-wrap tbody tr:hover td{background:#fff5f7!important}
.inner-body .ex-faq .ex-faq-table-wrap tbody tr:last-child td{border-bottom:0!important}
@media(max-width:720px){
  .inner-body .ex-faq details:has(.ex-faq-table-wrap)>div{padding:12px!important}
  .inner-body .ex-faq .ex-faq-table-wrap table{min-width:680px!important}
  .inner-body .ex-faq .ex-faq-table-wrap td{padding:12px!important}
}

/* Useful content from the old sidebar, recast as a post-article editorial panel. */
.article-after{background:#f8f9fc;border-top:1px solid #e7eaf0;padding:clamp(54px,6vw,88px) 0 88px;clear:both}
.article-after .eyebrow{color:#e94859;font-size:11px;margin:0 0 12px;letter-spacing:.12em}
.article-after-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px}
.article-after-heading h2{font:700 clamp(30px,3.6vw,47px)/1.13 var(--sans);letter-spacing:-.045em;margin:0;max-width:680px}
.article-after-heading>p{color:#707985;font-size:14px;line-height:1.8;max-width:330px;margin:0 0 3px}
.article-after-tools{display:grid;grid-template-columns:1.03fr 1fr 1.03fr;gap:16px}
.article-tool{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:30px 29px 32px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 32px rgba(26,36,61,.025)}
.article-tool-glyph{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#e94859;background:#fff0f2;font-size:28px;margin-bottom:24px}
.article-tool h3{font:700 clamp(20px,2.2vw,25px)/1.25 var(--sans);letter-spacing:-.035em;margin:0 0 12px}
.article-tool>p{font-size:13px;color:#78808e;line-height:1.7;margin:0 0 21px;max-width:320px}
.article-tool .search-form{margin-top:auto;position:relative;width:100%;display:flex;align-items:center;border:1px solid #dde0e8;background:#fafafd;border-radius:12px;overflow:hidden;height:54px}
.article-tool .search-form label{flex:1;min-width:0;margin:0;height:100%}
.article-tool .search-form input{border:0!important;box-shadow:none!important;outline:0;background:transparent;width:100%;height:100%;font-size:13px;padding:0 12px 0 16px;color:#293145}
.article-tool .search-form button{width:47px;height:100%;flex:0 0 47px;background:#ed4457;border:0;color:#fff;font-size:25px;cursor:pointer}
.article-tool .search-form button:hover{background:#cf3346}
.article-help-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;list-style:none;padding:0;margin:auto 0 0;width:100%}
.article-help-links>li{min-width:0;list-style:none}
.article-help-links>li>a{display:flex;align-items:center;min-height:38px;padding:9px 11px;border-radius:9px;background:#f7f8fb;font-size:11px;font-weight:600;line-height:1.45;color:#454d5b;transition:color .2s,background .2s}
.article-help-links>li>a:hover{color:#db364b;background:#fff1f2}
.article-help-links .sub-menu{display:none}
.article-tool-contact{background:linear-gradient(140deg,#f23f53 0%,#c92e4d 100%);color:white;border-color:transparent;box-shadow:0 14px 30px rgba(224,52,77,.14)}
.article-tool-contact .article-tool-glyph{color:#d6384a;background:white}
.article-tool-contact>p{color:rgba(255,255,255,.86)}
.article-contact-phone{font-size:clamp(19px,2vw,25px);font-weight:700;letter-spacing:-.03em;color:#fff;margin-top:auto;margin-bottom:19px;white-space:nowrap}
.article-contact-phone:hover{color:#fff;opacity:.85}
.article-contact-whatsapp{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;color:#df3b52!important;background:#fff;border-radius:10px;padding:14px 17px;font-size:12px;font-weight:700;transition:transform .2s}
.article-contact-whatsapp:hover{transform:translateY(-2px)}
.article-contact-whatsapp span{font-size:19px}
.article-related-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:54px 0 23px}
.article-related-heading h2{font:700 clamp(28px,3vw,37px)/1.2 var(--sans);letter-spacing:-.035em;margin:0}
.article-all-link{font-size:12px;font-weight:700;color:#df3b52;padding-bottom:9px;white-space:nowrap}
.article-all-link span{font-size:18px;margin-left:9px}
.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ex-posts--carousel{padding-bottom:30px}
.ex-posts--carousel .swiper-slide>.tour-card{width:100%;height:100%}
.article-related-slider{position:relative;min-width:0}
.article-related-swiper{overflow:hidden;min-width:0;padding:5px 3px 26px;margin:-5px -3px -26px}
.article-related-swiper .swiper-wrapper{align-items:stretch}
.article-related-swiper .swiper-slide{height:auto;display:flex;min-width:0}
.article-related-card{background:#fff;border:1px solid #e7eaf0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;color:#293145!important;box-shadow:0 5px 24px rgba(28,37,59,.035);transition:transform .3s,box-shadow .3s,border-color .3s}
.article-related-card:hover{transform:translateY(-4px);border-color:#f3c8d1;box-shadow:0 17px 37px rgba(28,37,59,.105)}
.article-related-picture{display:block;aspect-ratio:1.63;overflow:hidden;background:#e3e6ec;position:relative}
.article-related-picture::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(27,34,50,.12));pointer-events:none}
.article-related-picture img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.article-related-card:hover .article-related-picture img{transform:scale(1.04)}
.article-related-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:62px;color:#ee4559;background:linear-gradient(135deg,#fdf4f6,#e9edf7)}
.article-related-body{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 25px;flex:1;min-height:190px}
.article-related-label{font-size:10px;color:#e94859;font-weight:800;letter-spacing:.13em;margin-bottom:12px}
.article-related-body strong{font-size:19px;line-height:1.4;letter-spacing:-.025em;font-weight:750;max-width:360px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.article-related-more{font-size:12px;color:#e94859;font-weight:800;margin-top:auto;padding-top:19px}
.article-related-controls{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:29px}
.article-related-pagination{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:min(210px,40vw)!important;height:4px!important;background:#f3dce2;border-radius:100px;overflow:hidden}
.article-related-pagination .swiper-pagination-progressbar-fill{background:#ec445b;border-radius:100px}
.article-related-nav{display:flex;align-items:center;gap:11px;margin-left:auto}
.article-related-nav button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #ead9de;border-radius:50%;background:#fff;color:#df3b52;font-size:23px;font-weight:500;cursor:pointer;transition:color .2s,background .2s,border-color .2s,opacity .2s,transform .2s}
.article-related-nav button:hover:not(:disabled){color:#fff;background:#e63e56;border-color:#e63e56;transform:translateY(-2px)}
.article-related-nav button:focus-visible{outline:3px solid #ee5269;outline-offset:3px}
.article-related-nav button.swiper-button-disabled{opacity:.33;cursor:default}
/* Keep the cards browsable if the Swiper CDN is unavailable. */
.article-related-swiper:not(.swiper-initialized){overflow:visible;padding-bottom:8px;margin-bottom:-8px}
.article-related-swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:18px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.article-related-swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 min(345px,78vw);width:min(345px,78vw);scroll-snap-align:start}
@media(max-width:1100px){.article-after-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.article-tool-contact{grid-column:1/-1}.article-related-card strong{font-size:17px}}
@media(max-width:720px){.article-after{padding:52px 0 64px}.article-after-heading{display:block;margin-bottom:24px}.article-after-heading>p{margin-top:13px}.article-after-tools{grid-template-columns:1fr;gap:13px}.article-tool{padding:26px}.article-tool-contact{grid-column:auto}.article-help-links{grid-template-columns:1fr 1fr}.article-related-heading{margin-top:42px}.article-related-grid{grid-template-columns:1fr;gap:14px}.article-related-body{padding:21px 21px 23px;min-height:170px}.article-related-body strong{font-size:17px}.article-related-more{padding-top:14px}.article-related-picture{aspect-ratio:1.6}.article-related-controls{margin-top:20px}.article-all-link{display:none}}
@media(max-width:420px){.article-help-links{grid-template-columns:1fr}.article-related-label{font-size:9px}.article-related-nav button{width:43px;height:43px}}

/* The sea tours are suspended: keep this warning clearly visible on the yacht page. */
.inner-body .ex-text .excurs-yacht-safety{display:block;background:#fff0f3;border-left:4px solid #ed4457;color:#7d2840!important;font-size:16px;line-height:1.7;max-width:none;padding:19px 23px;margin:0!important;letter-spacing:normal;border-radius:0}
.inner-body .ex-text .excurs-yacht-safety--first{border-radius:9px 9px 0 0;padding-bottom:11px}
.inner-body .ex-text .excurs-yacht-safety--next{border-radius:0 0 9px 9px;padding-top:8px;margin-bottom:22px!important}
.inner-body .ex-text .excurs-yacht-safety:not(:has(+.excurs-yacht-safety)){border-radius:9px;margin-bottom:22px!important;padding:19px 23px}
.inner-body .ex-text .excurs-yacht-safety span,.inner-body .ex-text .excurs-yacht-safety strong{color:inherit!important;background:none!important;font-size:inherit!important}
@media(max-width:640px){.inner-body .ex-text .excurs-yacht-safety{font-size:14px;padding-left:16px;padding-right:16px}}

/* 1.9.5: clear, theme-coloured bullets in article lists. */
.inner-body .article-content ul:not(.excurs-route-list){list-style:disc outside;padding-left:24px}
.inner-body .article-content ul:not(.excurs-route-list)>li::marker{color:#ed4457;font-size:1.15em}
.inner-body .article-content ol>li::marker{color:#ed4457;font-weight:750}

/* Source article "Одеса і море": each stop gets its own dot and group heading. */
.inner-body .ex-text .excurs-route-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:21px 0 34px;
}
.inner-body .ex-text .excurs-route-group{
  min-width:0;
  padding:25px 24px 28px;
  background:#fff9fa;
  border:1px solid #f0d7df;
  border-radius:14px;
}
.inner-body .ex-text .excurs-route-group h3{
  margin:0 0 18px;
  padding-bottom:16px;
  border-bottom:1px solid #f2dbe2;
  color:#273346;
  font-size:18px;
  font-weight:750;
  line-height:1.35;
}
.inner-body .ex-text .excurs-route-list{
  display:grid;
  gap:11px;
  list-style:none;
  margin:0;
  padding:0;
}
.inner-body .ex-text .excurs-route-list li{
  position:relative;
  margin:0;
  padding:0 0 0 20px;
  color:#485465;
  font-size:14px;
  line-height:1.55;
  overflow-wrap:break-word;
}
.inner-body .ex-text .excurs-route-list li::before{
  content:"";
  position:absolute;
  top:.67em;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ed4457;
  box-shadow:0 0 0 3px #ffe9ef;
}
@media(max-width:1000px){.inner-body .ex-text .excurs-route-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){
  .inner-body .ex-text .excurs-route-groups{grid-template-columns:1fr;gap:13px}
  .inner-body .ex-text .excurs-route-group{padding:22px 20px}
  .inner-body .ex-text .excurs-route-list{gap:10px}
}

/* Polish the three editorial columns on the TOP-10 page. */
.inner-body .excurs-top10-panels .ex-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px;
  align-items:start;
}
.inner-body .excurs-top10-panels .ex-column{
  min-width:0;
  padding:28px 25px 30px;
  background:#fff;
  border:1px solid #eae6ea;
  border-top:4px solid #ed4457;
  border-radius:15px;
  box-shadow:0 12px 35px rgba(32,42,61,.055);
}
.inner-body .excurs-top10-panels .ex-text>h3{
  margin:0 0 21px;
  color:#253348;
  font-size:clamp(19px,2vw,25px);
  line-height:1.28;
  letter-spacing:-.02em;
  font-weight:750;
  text-align:left;
}
.inner-body .excurs-top10-panels .ex-text>h3 :is(span,strong){color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
.inner-body .excurs-top10-panels .excurs-top10-list{
  list-style:none;
  counter-reset:excurs-top-ten;
  display:grid;
  gap:3px;
  margin:0;
  padding:0;
}
.inner-body .excurs-top10-panels .excurs-top10-list>li{
  position:relative;
  counter-increment:excurs-top-ten;
  min-height:48px;
  margin:0;
  padding:11px 2px 11px 49px;
  border-bottom:1px solid #f1edf0;
  color:#536072;
  font-size:14px;
  line-height:1.65;
  transition:background-color .2s ease,color .2s ease;
}
.inner-body .excurs-top10-panels .excurs-top10-list>li:last-child{border-bottom:0}
.inner-body .excurs-top10-panels .excurs-top10-list>li::before{
  content:counter(excurs-top-ten,decimal-leading-zero);
  position:absolute;
  top:9px;
  left:0;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#fff0f4;
  color:#e43c55;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.inner-body .excurs-top10-panels .excurs-top10-list>li:hover{color:#243448;background:#fffafb}
.inner-body .excurs-top10-panels .excurs-top10-list a{
  color:#df3e53;
  text-decoration:none;
  border-bottom:1px solid #f4c8d0;
}
.inner-body .excurs-top10-panels .excurs-top10-list a:hover{color:#b52a41;border-bottom-color:#df3e53}
@media(max-width:1100px){.inner-body .excurs-top10-panels .ex-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:730px){
  .inner-body .excurs-top10-panels .ex-columns{grid-template-columns:1fr!important;gap:16px}
  .inner-body .excurs-top10-panels .ex-column{padding:24px 21px}
  .inner-body .excurs-top10-panels .ex-text>h3{font-size:21px}
}

/* The first homepage hero never fades in; inner sections reveal on scroll. */
@media(prefers-reduced-motion:no-preference){
  html.ex-scroll-enabled .ex-scroll-reveal{
    transition:opacity 750ms cubic-bezier(.22,.68,0,1),transform 750ms cubic-bezier(.22,.68,0,1);
    transition-delay:var(--ex-reveal-delay,0ms);
    will-change:opacity,transform;
  }
  html.ex-scroll-enabled .ex-scroll-reveal:not(.is-visible){
    opacity:0;
    transform:translate3d(0,26px,0);
  }
  html.ex-scroll-enabled .ex-scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
  html.ex-scroll-enabled .ex-scroll-reveal.is-visible :is(.tour-card,.interest-tile,.step){animation:ex-card-rise 650ms both cubic-bezier(.22,.68,0,1)}
  html.ex-scroll-enabled .ex-scroll-reveal.is-visible :is(.tour-card,.interest-tile,.step):nth-child(2){animation-delay:90ms}
  html.ex-scroll-enabled .ex-scroll-reveal.is-visible :is(.tour-card,.interest-tile,.step):nth-child(3){animation-delay:170ms}
  @keyframes ex-card-rise{from{opacity:.4;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
}

/* 1.9.6: remove the oversized decorative asterisk throughout the site. */
.hero-visual::before,
.contact-panel::after{content:none!important;display:none!important}

/* 1.9.7: the catacombs itinerary has nine real stops, not three multiline bullets. */
.inner-body .excurs-catacombs-stops{
  padding-top:10px!important;
  padding-bottom:32px!important;
}
.inner-body .excurs-catacombs-stops .ex-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px;
  align-items:stretch;
}
.inner-body .excurs-catacombs-stops .ex-column{
  padding:26px 28px;
  background:linear-gradient(145deg,#fff 0%,#fff8fa 100%);
  border:1px solid #f0dce2;
  border-radius:16px;
  box-shadow:0 12px 32px rgba(27,38,56,.045);
  min-width:0;
}
.inner-body .excurs-catacombs-stops .ex-text ul{
  display:grid;
  gap:14px;
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.inner-body .excurs-catacombs-stops .ex-text ul li{
  position:relative;
  padding:0 0 0 23px;
  margin:0;
  font-size:15px;
  line-height:1.55;
  font-weight:550;
  color:#344156;
}
.inner-body .excurs-catacombs-stops .ex-text ul li::marker{content:none}
.inner-body .excurs-catacombs-stops .ex-text ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ed4457;
  box-shadow:0 0 0 4px #ffe9ee;
}

/* Prose and actual price tables from the same legacy field get separate styling. */
.inner-body .excurs-catacombs-details{
  max-width:100%;
  margin:6px 0 28px;
  color:#425066;
  font-size:15px;
  line-height:1.8;
}
.inner-body .excurs-catacombs-details>p{
  max-width:900px;
  margin:0 0 22px;
}
.inner-body .excurs-catacombs-tip{
  padding:26px 28px;
  margin:0 0 30px;
  border:1px solid #f2d5df;
  border-left:4px solid #ed4457;
  border-radius:14px;
  background:linear-gradient(125deg,#fff5f7,#fff 95%);
  color:#303c50;
  font-size:16px;
  line-height:1.8;
}
.inner-body .excurs-catacombs-tip strong,
.inner-body .excurs-catacombs-tip em{color:#202b3e;font-weight:750}
.inner-body .excurs-catacombs-price-title{
  font-size:clamp(20px,2.1vw,27px);
  color:#253247;
  font-weight:750;
  line-height:1.3;
  margin:42px 0 18px;
}
.inner-body .excurs-catacombs-table{
  max-width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  margin:0 0 28px;
  border:1px solid #e7e9ef;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(27,38,56,.04);
}
.inner-body .excurs-catacombs-table table{
  width:100%;
  min-width:530px;
  border-spacing:0;
  border-collapse:separate;
  background:#fff;
  color:#303e53;
  font-size:14px;
  line-height:1.5;
}
.inner-body .excurs-catacombs-table :is(th,td){
  padding:15px 18px;
  text-align:left;
  border:0;
  border-bottom:1px solid #edf0f5;
}
.inner-body .excurs-catacombs-table th{font-weight:700;background:#fff0f3}
.inner-body .excurs-catacombs-table tr:nth-child(even) td{background:#fafbfc}
.inner-body .excurs-catacombs-table tr:last-child td{border-bottom:0}
.inner-body .excurs-catacombs-table td:first-child{font-weight:700}
@media(max-width:850px){
  .inner-body .excurs-catacombs-stops .ex-columns{grid-template-columns:1fr!important;gap:12px}
  .inner-body .excurs-catacombs-stops .ex-column{padding:21px 23px}
}
@media(max-width:640px){
  .inner-body .excurs-catacombs-tip{padding:21px 19px;font-size:14px}
  .inner-body .excurs-catacombs-details{font-size:14px}
  .inner-body .excurs-catacombs-table table{min-width:500px}
  .inner-body .excurs-catacombs-table :is(th,td){padding:13px 14px}
}

/* Shared Derybasivska banners on internal pages. The original per-page background is overridden, not removed from media. */
.inner-banner {
  background-image: url("https://excurse.kvartirnyj-remont.com.ua/wp-content/uploads/2026/11/derybasivska-banner-3840-scaled.jpg") !important;
  background-position: center 50%;
  background-size: cover;
  background-attachment: fixed;
}

/* Scroll-linked parallax works on mobile without background-attachment: fixed. */
@media (max-width: 900px) {
  .inner-banner {
    background-attachment: scroll;
    background-size: auto 125%;
    background-position: center 40%;
  }
}
@supports (animation-timeline: view()) {
  @media (max-width: 900px) {
    .inner-banner {
      animation: excurs-inner-banner-parallax 1s linear both;
      animation-timeline: view(block);
      animation-range: cover;
    }
  }
}
@keyframes excurs-inner-banner-parallax {
  from { background-position: center 36%; }
  to { background-position: center 64%; }
}
@media (prefers-reduced-motion: reduce) {
  .inner-banner { animation: none !important; background-attachment: scroll; }
}
