/* vop-r78-type
   Cache-busted font override. The previous r77 asset is stuck on a 12-hour Cloudflare HIT.
   Same Casazama 1938 type settings: Liberation Serif 400 headings, Liberation Sans 400 text.
   Borders use the existing --color-border token. Logo and palette hex are untouched. */
/* vop-r78-type
   Beats r75j/r75l rules such as
   body.vop-pass-r75j.template-home #main-content #id.class .f-product-card__title a (2,4,2).
   This prefix is (2,5,2) before the target class. Logo image, palette hex and r76 stay. */
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l {
  --font-stack-header: "Liberation Serif", "Times New Roman", Times, serif !important;
  --font-stack-body: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  --font-weight-header: 400 !important;
  --font-weight-body: 400 !important;
  --heading-letter-spacing: -0.018em !important;
  --font-base-size: 16 !important;
  --base-line-height: 27 !important;
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(
  p, li, label, input, textarea, select, small, figcaption,
  .rte, .rte p, .f-richtext__description, .f-richtext__description p,
  .f-footer, .f-footer a, .f-footer--block-content, .f-footer--block-newsletter-desc,
  .f-announcement-bar, .f-announcement-bar__item, .f-announcement-bar__text, .f-announcement-bar__link,
  .f-header__menu, .f-header__menu a, .f-menu__link,
  .f-button, button.f-button, .f-price, .f-price-item, .f-product-card__price,
  .f-section__subheading, .f-richtext__subtitle, .f-slide__subtitle, .f-content-box__subheading
) {
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  .f-section__heading, .f-richtext__title, .f-slide__title, .f-content-box__heading,
  .f-page-header__title, .f-product-title, .f-sticky-addtocart--title,
  .f-collection-card__title, .f-collection-card__title a,
  .f-product-card__title, .f-product-card__title a, .f-product-card__name,
  .vop-room-card__title, .vop-room-card__title a,
  .f-footer--block-title, .f-accordion--item-button.f-footer--block-title,
  .f-hotspots-image__heading, .security-title, .yc-title, .yc-dimension-title
),
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(
  h1, h2, h3, .f-section__heading, .f-richtext__title, .f-slide__title,
  .f-collection-card__title, .f-product-card__title, .f-product-title, .f-footer--block-title
) :is(a, span, em, strong) {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: -0.018em !important;
  font-synthesis: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l h1,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-page-header__title {
  font-size: 36px !important;
  line-height: 1.15 !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(
  h2, .h2, .f-section__heading, .f-richtext__title, .f-content-box__heading
) {
  font-size: 32px !important;
  line-height: 1.15 !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content .vop-hero :is(
  h1, h2, .h1, .h2, .f-slide__title, .f-richtext__title
),
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-slider-hero.vop-hero .f-slide__title,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-slider-hero.vop-hero .f-slide__title.h2 {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(
  .f-section__subheading, .f-richtext__subtitle, .f-slide__subtitle, .f-content-box__subheading, .h6
) {
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-announcement-bar,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-announcement-bar :is(a, span, p) {
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-header__menu a,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-menu__link {
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  .f-collection-card__title, .f-collection-card__title a,
  .vop-room-card__title, .vop-room-card__title a
) {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.018em !important;
  text-align: center !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  .f-product-card__title, .f-product-card__title a, .f-product-card__name
) {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.018em !important;
  text-transform: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(
  .f-price, .f-price-item, .f-product-card__price, .f-product-card__price *, .product-price-info
) {
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-product-title,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .main-product__block-title .f-product-title {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.018em !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(
  .f-button:not(.f-button--icon), button.f-button:not(.f-button--icon)
) {
  font-family: "Liberation Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 23px !important;
  text-transform: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-footer .f-footer--middle .f-footer--block-title,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-footer .f-footer--block-title,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-footer .f-accordion--item-button.f-footer--block-title {
  font-family: "Liberation Serif", "Times New Roman", Times, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.018em !important;
  text-transform: none !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-logo,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-logo *,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-header__logo,
html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-header__logo * {
  font-family: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  .f-collection-card, .f-product-card, .vop-room-card
) {
  border: 1px solid rgb(var(--color-border)) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: rgb(var(--color-background));
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(
  .f-collection-card__title, .vop-room-card__title
) {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 12px 14px 14px !important;
}

html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content .f-product-card__title {
  min-height: 44px;
  margin-top: 12px !important;
  margin-bottom: 4px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

@media (max-width: 1279px) {
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l h1,
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-page-header__title,
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-product-title {
    font-size: 32px !important;
  }
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(h2, .h2, .f-section__heading, .f-richtext__title) {
    font-size: 28px !important;
  }
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content .vop-hero :is(.f-slide__title, .f-richtext__title) {
    font-size: 34px !important;
  }
}

@media (max-width: 767px) {
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l h1,
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-page-header__title,
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-product-title {
    font-size: 28px !important;
  }
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l :is(h2, .h2, .f-section__heading, .f-richtext__title) {
    font-size: 24px !important;
  }
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content .vop-hero :is(.f-slide__title, .f-richtext__title),
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content #f-slider-hero.vop-hero .f-slide__title {
    font-size: 30px !important;
  }
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l #main-content :is(.f-collection-card__title, .f-collection-card__title a, .vop-room-card__title) {
    font-size: 18px !important;
    min-height: 52px;
  }
  html body#f-theme.vop-pass-r77.vop-pass-r76.vop-pass-r75j.vop-pass-r75l .f-header__menu a {
    font-size: 15px !important;
  }
}
