/*
 * oui stars Travel mobile homepage repair — 2026-09-07
 * Server-rendered Index media, protected dark-card hierarchy and one safe-area tab bar.
 */
.os-index-priority{
  display:grid;
  grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr);
  gap:0 clamp(24px,3vw,44px);
  overflow:hidden;
  padding:0;
}
.os-index-priority__media{
  background:#222a32;
  display:block;
  grid-column:1;
  grid-row:1/5;
  min-width:0;
  overflow:hidden;
}
.os-index-priority__image{
  aspect-ratio:16/10;
  display:block;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  opacity:1;
  visibility:visible;
  width:100%;
}
.os-index-priority>.os-index-priority__meta,
.os-index-priority>.os-index-priority__title,
.os-index-priority>.os-index-priority__excerpt,
.os-index-priority>.os-index-priority__footer{
  grid-column:2;
  margin-inline-end:clamp(24px,3vw,44px);
}
.os-index-priority>.os-index-priority__meta{margin-top:clamp(24px,3vw,38px)}
.os-index-priority>.os-index-priority__title{margin-top:0}
.os-index-priority>.os-index-priority__excerpt{margin-top:18px}
.os-index-priority>.os-index-priority__footer{margin-bottom:clamp(22px,3vw,36px)}
[data-op-theme="dark"] .os-home .os-index-priority__title,
[data-op-theme="dark"] .os-home .os-index-priority__title a,
[data-op-theme="dark"] .os-home .os-index-priority__excerpt,
[data-op-theme="dark"] .os-home .os-index-priority__read{
  color:var(--osh-bg)!important;
  -webkit-text-fill-color:currentColor;
  opacity:1;
  visibility:visible;
}
@media(max-width:767px){
  html body{padding-bottom:calc(68px + env(safe-area-inset-bottom))!important}
  html{scroll-padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .os-bottom-nav{display:none!important}
  #op-tabbar{
    box-sizing:border-box;
    min-height:54px;
    padding:7px 6px calc(8px + env(safe-area-inset-bottom));
  }
  html body .os-home{padding-bottom:24px}
  .os-index-priority{
    display:flex;
    flex-direction:column;
    margin-bottom:24px;
    padding:0;
    width:100%;
  }
  .os-index-priority__media{
    aspect-ratio:16/9;
    flex:none;
    order:0;
    width:100%;
  }
  .os-index-priority__image{aspect-ratio:16/9;height:100%}
  .os-index-priority>.os-index-priority__meta,
  .os-index-priority>.os-index-priority__title,
  .os-index-priority>.os-index-priority__excerpt,
  .os-index-priority>.os-index-priority__footer{
    margin-inline:18px;
    width:auto;
  }
  .os-index-priority>.os-index-priority__meta{
    margin-bottom:12px;
    margin-top:18px;
    order:1;
  }
  .os-index-priority>.os-index-priority__title{
    color:var(--osh-bg)!important;
    display:block!important;
    font-size:clamp(25px,7.2vw,34px)!important;
    line-height:1.08;
    margin-bottom:0;
    margin-top:0;
    max-width:none;
    order:2;
    overflow:visible!important;
  }
  .os-index-priority>.os-index-priority__title a{
    color:inherit!important;
    -webkit-text-fill-color:currentColor;
    display:inline!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .os-index-priority>.os-index-priority__excerpt{
    display:-webkit-box;
    font-size:15px;
    line-height:1.5;
    margin-top:13px;
    order:3;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  .os-index-priority>.os-index-priority__footer{
    align-items:center;
    flex-direction:row;
    margin-bottom:18px;
    margin-top:17px;
    order:4;
    padding-top:13px;
  }
  .os-index-priority[dir="rtl"]>.os-index-priority__footer{flex-direction:row-reverse}
}
@media(max-width:380px){
  .os-index-priority>.os-index-priority__title{font-size:25px!important}
  .os-index-priority>.os-index-priority__meta,
  .os-index-priority>.os-index-priority__title,
  .os-index-priority>.os-index-priority__excerpt,
  .os-index-priority>.os-index-priority__footer{margin-inline:16px}
}