/* Start:/local/templates/VashGuide/components/bitrix/news.detail/travel-page/style.css?179198316810528*/
/* /travel/ detail: page-head (дата+H1) отдельно, карточка только контент */

main > section:has(.news-detail),
main > section:has(.travel-article),
main > section:has(.page-head){
  margin:0;
  padding:0;
  background:transparent;
}
main > section:has(.news-detail) > .container,
main > section:has(.travel-article) > .container,
main > section:has(.page-head) > .container{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box;
}

/* Крошки в одной белой полосе с page-head */
main:has(.page-head) > .vg-container.vg-ui,
main:has(#travel-page-head) > .vg-container.vg-ui,
main:has(.travel-article__back-wrap) > .vg-container.vg-ui{
  width:100%;
  max-width:none;
  background:#fff;
  margin:0;
  padding:16px max(20px,calc((100% - 1200px) / 2)) 0;
  box-sizing:border-box;
}

/* ========== ШАПКА СТРАНИЦЫ ========== */
section.page-head,
#travel-page-head,
main > section > .container > .page-head{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:10px 0 28px !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid rgba(31,45,61,.1) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box;
}
section.page-head .vg-container,
#travel-page-head .vg-container{
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
}
section.page-head .page-head__row,
#travel-page-head .page-head__row{
  display:block;
  margin:0;
}
section.page-head .page-head__main,
#travel-page-head .page-head__main{
  display:block;
  max-width:100%;
}

/* Дата и «Поделиться» — под заголовком, одной строкой */
section.page-head .page-head__meta,
#travel-page-head .page-head__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 0;
}
section.page-head .news-date-time,
section.page-head .page-head__chip,
#travel-page-head .news-date-time,
#travel-page-head .page-head__chip{
  display:inline-flex !important;
  align-items:center;
  float:none !important;
  width:fit-content !important;
  max-width:100%;
  margin:0 !important;
  padding:6px 12px !important;
  border-radius:999px;
  background:#F4EBD7;
  color:#1D2A37;
  font-family:Manrope,system-ui,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
}
section.page-head .page-head__share,
#travel-page-head .page-head__share{
  position:relative;
}
section.page-head .page-head__share > summary,
#travel-page-head .page-head__share > summary{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:5px 12px;
  border:1px solid rgba(31,45,61,.14);
  border-radius:999px;
  background:#fff;
  color:#1D2A37;
  font-family:Manrope,system-ui,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  list-style:none;
  cursor:pointer;
}
section.page-head .page-head__share > summary::-webkit-details-marker,
#travel-page-head .page-head__share > summary::-webkit-details-marker{
  display:none;
}
section.page-head .page-head__share > summary::marker,
#travel-page-head .page-head__share > summary::marker{
  content:"";
}
section.page-head .page-head__share > summary:hover,
section.page-head .page-head__share[open] > summary,
#travel-page-head .page-head__share > summary:hover,
#travel-page-head .page-head__share[open] > summary{
  background:#F4EBD7;
  border-color:transparent;
}
section.page-head .page-head__share-ic,
#travel-page-head .page-head__share-ic{
  width:15px;
  height:15px;
}
section.page-head .page-head__share-panel,
#travel-page-head .page-head__share-panel{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:20;
  min-width:196px;
  margin:0;
  padding:6px;
  background:#fff;
  border:1px solid rgba(31,45,61,.1);
  border-radius:12px;
  box-shadow:0 10px 24px -14px rgba(31,45,61,.28);
}
section.page-head .page-head__share-panel a,
section.page-head .page-head__share-panel button,
#travel-page-head .page-head__share-panel a,
#travel-page-head .page-head__share-panel button{
  display:block;
  width:100%;
  margin:0;
  padding:8px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#1D2A37;
  font-family:Manrope,system-ui,sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  box-shadow:none;
  min-height:0;
  appearance:none;
}
section.page-head .page-head__share-panel a:hover,
section.page-head .page-head__share-panel button:hover,
#travel-page-head .page-head__share-panel a:hover,
#travel-page-head .page-head__share-panel button:hover{
  background:#F4EBD7;
  color:#1D2A37;
}

/* H1 в шапке */
section.page-head h1.main_title,
section.page-head .main_title,
#travel-page-head h1.main_title,
#travel-page-head .main_title{
  display:block !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-family:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif !important;
  font-weight:500 !important;
  font-size:clamp(32px,2.7vw,44px) !important;
  line-height:1.15 !important;
  letter-spacing:-.01em;
  color:#1D2A37 !important;
  text-align:left !important;
}

/* ========== КАРТОЧКА = только текст/фото ========== */
.travel-article,
#travel-article-body,
.news-detail.travel-article__legacy-body{
  display:block;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
}
.travel-article__wrap{
  width:min(1200px,calc(100% - 40px));
  margin:28px auto 8px;
  padding:0;
  box-sizing:border-box;
}
.travel-article__card,
.news-detail.travel-article__legacy-body{
  background:#fff !important;
  border-radius:20px !important;
  box-shadow:0 1px 2px rgba(31,45,61,.06),0 10px 24px -14px rgba(31,45,61,.18) !important;
  overflow:hidden;
  padding:28px 32px 34px !important;
  margin:28px auto 8px !important;
  width:min(1200px,calc(100% - 40px)) !important;
  max-width:min(1200px,calc(100% - 40px)) !important;
  box-sizing:border-box;
  font-family:Manrope,system-ui,sans-serif;
  font-size:16.5px;
  line-height:1.65;
  color:#4B5563;
}
.travel-article__card{
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}
.travel-article__body{
  padding:28px 32px 34px;
  font-family:Manrope,system-ui,sans-serif;
  font-size:16.5px;
  line-height:1.65;
  color:#4B5563;
}
.travel-article__body::after,
.news-detail.travel-article__legacy-body::after{
  content:"";
  display:table;
  clear:both;
}

/* Старая разметка ДО срабатывания JS: не держать H1/дату в «красивой» карточке как основной акцент —
   JS вынесет их; до JS просто нормальный поток */
.news-detail.custom-section:not(.travel-article):not(.travel-article__legacy-body){
  width:min(1200px,calc(100% - 40px));
  margin:28px auto 8px;
  padding:28px 32px 34px;
  background:#fff;
  border-radius:20px;
  box-shadow:0 1px 2px rgba(31,45,61,.06),0 10px 24px -14px rgba(31,45,61,.18);
  box-sizing:border-box;
  font-family:Manrope,system-ui,sans-serif;
  font-size:16.5px;
  line-height:1.65;
  color:#4B5563;
}

/* Картинка */
.travel-article__media,
.travel-article .news-img_wrap,
.news-detail .news-img_wrap{
  float:left !important;
  display:block;
  width:auto !important;
  max-width:min(420px,46%) !important;
  margin:4px 28px 18px 0 !important;
  aspect-ratio:auto !important;
  overflow:hidden;
  background:transparent;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(31,45,61,.06),0 8px 20px -12px rgba(31,45,61,.2);
}
.travel-article .detail_picture,
.travel-article__media img,
.news-detail .detail_picture{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:320px;
  object-fit:contain !important;
  border:0;
  border-radius:14px;
}

.travel-article__body p,
.news-detail p{
  margin:0 0 16px;
  font-size:16.5px;
  line-height:1.65;
  color:#4B5563;
}
.travel-article__body h2,
.news-detail h2{
  margin:28px 0 12px;
  font-family:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  font-weight:500;
  font-size:clamp(24px,2.2vw,30px);
  line-height:1.25;
  color:#1D2A37;
  clear:both;
}
.news-detail ul,
.news-detail ol{
  margin:0 0 18px;
  padding-left:1.35rem;
  clear:both;
}
.news-detail ul{list-style:disc}
.news-detail ol{list-style:decimal}

.travel-article__back-wrap{
  width:min(1200px,calc(100% - 40px));
  margin:8px auto 56px;
  padding:0;
  box-sizing:border-box;
}
.travel-article__back-wrap .back-to-page_block{padding:0}
.travel-article__back-wrap .back-to-page_block a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  margin:0;
  padding:10px 18px;
  border:1px solid rgba(31,45,61,.16);
  border-radius:12px;
  background:#fff;
  color:#1D2A37;
  font-family:Manrope,system-ui,sans-serif;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(31,45,61,.06),0 10px 24px -14px rgba(31,45,61,.18);
}
.travel-article__back-wrap .back-to-page_block a:hover{
  background:#C9A66B;
  border-color:#C9A66B;
  color:#fff;
}

@media (max-width:768px){
  main:has(.page-head) > .vg-container.vg-ui,
  main:has(#travel-page-head) > .vg-container.vg-ui{
    padding:12px 16px 0;
  }
  section.page-head,
  #travel-page-head{
    padding:6px 0 20px !important;
  }
  section.page-head h1.main_title,
  #travel-page-head h1.main_title{
    font-size:26px !important;
  }
  .travel-article__wrap,
  .travel-article__card,
  .news-detail.travel-article__legacy-body,
  .news-detail.custom-section:not(.travel-article):not(.travel-article__legacy-body),
  .travel-article__back-wrap{
    width:calc(100% - 32px) !important;
  }
  .travel-article__body,
  .news-detail.travel-article__legacy-body{
    padding:20px 18px 24px !important;
  }
  .travel-article__media,
  .news-detail .news-img_wrap{
    float:none !important;
    max-width:100% !important;
    width:100% !important;
    margin:0 0 16px !important;
  }
  .news-detail .detail_picture{
    width:100% !important;
    max-height:240px;
  }
}

/* End */


/* Start:/local/templates/VashGuide/components/bitrix/news.list/travel-also/style.css?17919831781497*/
.travel-also{
  width:min(1200px,calc(100% - 40px));
  margin:40px auto 8px;
  box-sizing:border-box;
}
.travel-also__title{
  margin:0 0 18px;
  font-family:var(--vg-serif),"Source Serif 4",Georgia,serif;
  font-weight:500;
  font-size:clamp(28px,2.4vw,36px);
  line-height:1.15;
  letter-spacing:-.01em;
  color:var(--vg-navy,#1D2A37);
}
.travel-also__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.travel-also__card.post-card{
  height:100%;
  min-width:0;
  margin:0;
}
.travel-also__body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:14px 16px 16px;
}
.travel-also__date{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin:0 0 8px;
  padding:4px 10px;
  border-radius:999px;
  background:#F4EBD7;
  color:#1D2A37;
  font-family:Manrope,system-ui,sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.3;
}
.travel-also .post-card h3{
  margin:0;
  font-size:16px;
  line-height:1.35;
}
.travel-also .post-card p{
  margin:8px 0 0;
  -webkit-line-clamp:2;
}
.travel-also a{
  color:inherit;
  text-decoration:none;
}
.travel-also + .travel-article__back-wrap{
  margin-top:28px;
}
@media (max-width:1100px){
  .travel-also__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  .travel-also{
    width:calc(100% - 32px);
    margin-top:28px;
  }
  .travel-also__title{font-size:26px}
  .travel-also__grid{grid-template-columns:minmax(0,1fr);gap:16px}
}

/* End */
/* /local/templates/VashGuide/components/bitrix/news.detail/travel-page/style.css?179198316810528 */
/* /local/templates/VashGuide/components/bitrix/news.list/travel-also/style.css?17919831781497 */