/** Shopify CDN: Minification failed

Line 357:49 Expected identifier but found whitespace
Line 357:51 Unexpected "{"
Line 357:60 Expected ":"
Line 357:80 Expected ":"
Line 357:97 Expected identifier but found whitespace
Line 357:99 Unexpected "{"
Line 357:108 Expected ":"
Line 357:128 Expected ":"
Line 383:29 Expected identifier but found whitespace
Line 383:31 Unexpected "{"
... and 39 more hidden warnings

**/
.for-pc { display: block; }
.for-sp { display: none; }
@media screen and (max-width: 768px) {
	.for-pc { display: none; }
	.for-sp { display: block; }
}
@media screen and (min-width: 990x) {
  .not-pc { display: none; }
}

/* Quebom! Color */
:root {
  --main-color: #006934;
  --accent-color: #4ecdc4;
  --background-color: #f7f7f7;
  --text-color: #222;
  --page-title-color: #444444;
  --shop-title-font-family: "fot-tsukuardgothic-std", sans-serif;

  --page-headline-font-family: "Chewy", system-ui, "Noto Sans JP";
  /* --page-headline: "baloo-2", sans-serif; */
  --page-headline-font-weight: 400;
}
/* ====================
ヘッダー
====================*/

/* ====================
フッター
====================*/
.footer-insta-list { 
  margin: .5rem 0 0;
  padding: 0; 
  list-style: none; 
  display: grid !important; 
  gap: .5rem; 
}
.footer-insta-link { display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; color: inherit; }
.footer-insta-link:hover { text-decoration: underline; }
.footer-insta-logo img { width: 24px; height: 24px; object-fit: cover; border-radius: 6px; display: block; }
.footer-insta-text { 
    line-height: 1; 
    padding-bottom: 7px;
}
.footer-insta-logo {
    height: 100%;
}

@media screen and (max-width: 749px) {
  .footer-insta-list {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* ====================
ローディングアニメーション 共通
====================*/
  .qb-loader{
    position:fixed; inset:0; background:var(--qb-bg, #000); z-index:9999;
    display:grid; place-items:center; transition:opacity 1.2s ease;
  }
  .qb-loader[hidden]{ opacity:0; pointer-events:none; }
  .qb-loader__inner{ display:grid; place-items:center; gap:16px; }
  .qb-logo{ width:min(520px); height:auto; display:block; filter:none; }
  .qb-logo--fallback{ color:#fff; font-weight:700; font-size:1.25rem; }

  /* 共通アニメ土台 */
  .qb-anim{ width:64px; height:64px; position:relative; }

  /* 1) pulse：ロゴが主役。下に淡い波紋 */
  .qb-anim--pulse::before{
    content:""; position:absolute; inset:0; border-radius:999px; border:2px solid rgba(255,255,255,.35);
    animation:qb-pulse 1.4s ease-out infinite;
  }
  @keyframes qb-pulse{
    0%{ transform:scale(.6); opacity:.9; }
    100%{ transform:scale(1.6); opacity:0; }
  }

  /* 2) stroke：円周が描かれていく。ロゴが線で描かれるタイプのSVGだと相性◎ */
  .qb-anim--stroke{
    --d: 210; /* ダッシュ長 */
    background: conic-gradient(from 0turn, rgba(255,255,255,.9), rgba(255,255,255,.15));
    -webkit-mask:
      radial-gradient(circle 28px, #0000 27px, #000 28px);
            mask:
      radial-gradient(circle 28px, #0000 27px, #000 28px);
    animation: qb-rotate 1.2s linear infinite;
  }
  @keyframes qb-rotate{ to{ transform:rotate(1turn); } }

  /* 3) ring：二重リングのロード */
  .qb-anim--ring::before,
  .qb-anim--ring::after{
    content:""; position:absolute; inset:0; border-radius:50%;
    border:3px solid rgba(255,255,255,.25);
    border-top-color:#fff;
    animation:qb-spin 1s linear infinite;
  }
  .qb-anim--ring::after{
    inset:8px; border-width:3px; border-bottom-color:#fff; border-top-color:transparent;
    animation-duration:5s;
  }
  @keyframes qb-spin{ to{ transform:rotate(360deg); } }

  /* ダーク/ライトに馴染ませたい場合は好みで filter を活用
     .qb-logo{ filter:brightness(0) invert(1); }  など */
  @media (prefers-reduced-motion: reduce){
    .qb-anim, .qb-anim::before, .qb-anim::after{ animation:none !important; }
  }
/* ====================
ローディングアニメーション SP
====================*/
@media (max-width: 750px) {
    .qb-loader{
        position:fixed; inset:0; background:var(--qb-bg, #000); z-index:9999;
        display:grid; place-items:center; transition:opacity 0.8s ease;
    }
    .qb-logo{ 
        width:min(220px); height:auto; display:block; filter:none; 
    }
}
/* ====================
バナーロゴ
====================*/
/* 土台を相対配置に */
.banner { position: relative; }

/* テーマのオーバーレイより下に */
.banner__overlay { z-index: 1; }

/* 重ね画像を最前面に */
.banner-overlay-image {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 3;           /* overlay(1) より上 */
  pointer-events: none; /* クリックを邪魔しない */
}
.banner-overlay-image img {
  max-width: 100px;     /* 好みで調整 */
  width: 100%;
  height: auto;
}
/* 右下に固定したい場合（例）
.banner-overlay-image { top: auto; left: auto; bottom: 24px; right: 24px; transform: none; }
*/


/* ====================
ショップリスト
====================*/
.shop-list h2 {
    letter-spacing: 1px;
    margin-bottom: 0;
    color: var(--main-color);
    font-family: var(--page-headline-font-family);
    font-weight: var(--page-headline-font-weight);
    font-style: normal;
    font-size: 4rem;
    text-shadow: 1px 2px 1px #fdd000;
  }
  @media (max-width: 749px){
    .shop-list h2 {
      padding-left: 0;
    }
  }
.shop-list .subtitle {
    margin: 0 0 24px;
    font-size: 1.7rem;
    font-family: var(--shop-title-font-family);
  }
  @media (max-width: 749px){
    .shop-list .subtitle {
      padding-left: 0;
    }
  }
  @media (min-width: 990px) {
  .shop-list .page-width{
      width: 1000px;
      max-width: 1000px;
      margin:0 auto;
      padding: 0;   
    }
  }
  @media (max-width: 989px) {
  .shop-list .page-width{
      width: 100%;
      max-width: 1000px;
      margin:0 auto;
      padding: 0 2rem;
    }
  }

  /* ===== グリッド設定 ===== */
  .shop-list__grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
    gap:36px;
    margin: 24px 0 120px;
  }
  @media (max-width: 749px){
    .shop-list__grid{
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }
  }

  /* ===== カード基本 ===== */
  .shop-card{
    display:flex;
    flex-direction:column;
    background:rgba(var(--color-background),1);
    border:1px solid rgba(var(--color-foreground),.08);
    overflow:hidden;
    text-decoration:none;
  }
  

  /* ===== 画像 ===== */
  .shop-card__image{
    width:100%;
    background:rgba(0,0,0,.04);
  }
  .shop-card__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  /* スマホでは縦長に見えるよう高さを固定 */
  @media (max-width: 749px){
    .shop-card__image img{
      aspect-ratio:3/4;
      object-position:center;
    }
  }

  /* PCではやや横長 */
  @media (min-width: 750px){
    .shop-card__image img{
      aspect-ratio:4/3;
    }
  }

  .shop-card__body{
    padding:12px;
  }
  @media (max-width: 749px){
    .shop-card__body{
      padding: 6;
    }
  }
  .shop-card__title-wrap{
    display:flex;
    align-items:center;
    gap:10px;
  }
  @media (max-width: 749px){
    .shop-card__title-wrap{
      display:flex;
      flex-direction: column;
      gap: 0;
    }
  }

  .shop-card__logo{
    width: 100px;
    height:auto;
    object-fit:contain;
    flex-shrink:0;
  }
  @media (max-width: 749px){
    .shop-card__logo{
      width: 100px;
      height:auto;
      object-fit:contain;
      flex-shrink:0;
    }
  }
  .shop-card__title{
    font-weight:600;
    line-height:1.3;
  }

  .shop-card__sub{
    opacity:.75;
    margin:.4rem 0 0;
  }
  .shop-card__title h5 {
    margin: 0;
    color: #444444;
    font-size: 1.9rem;

    font-family: var(--shop-title-font-family);
    font-weight: var(--shop-title-font-weight);
    font-style: normal;
    letter-spacing: .5px;
  }
  @media (max-width: 749px){
    .shop-card__title h5 {
      margin: 0;
      font-size: 1.6rem;
      letter-spacing: .5px;
      text-align: center;
    }
  }
  .shop-card__title h6 {
    margin: 0;
    color: #444444;
    font-size: 2.2rem;
    font-family: var(--shop-title-font-family);
    /* font-family: "Noto Sans JP"; */
    font-weight: var(--shop-title-font-weight);
    font-style: normal;
    letter-spacing: .5px;
  }
  @media (max-width: 749px){
    .shop-card__title h6 {
      font-size: 1.7rem;
      text-align: center;
    }
  }
  .shop-card__title .smaller {
    font-size: 1.4rem;
  }
  .shop-card__title .smallest {
    font-size: 1.3rem;
  }
  .template-page-churrasco .shop-list {
    max-width: 1000px;
    margin: 0 auto;
  }

/* ====================
ショップページタイトル
====================*/

.page-top-title-cta { --ptc-gap: 28px; --ptc-cta-gap: 36px; --ptc-icon-size: 28px; }
    .page-top-title-cta .page-width{ padding-top: {{ section.settings.pad_y }}px; padding-bottom: {{ section.settings.pad_y }}px; }

    .page-top-title-cta__inner{
      display:flex; align-items:center; gap: var(--ptc-gap);
    }
    .ptc__logo img{ display:block; width:100%; height:auto; }

    .ptc__title{
      flex:1 1 auto; 
      color:var(--page-title-color);
      font-family: var(--shop-title-font-family);
      font-weight: var(--shop-title-font-weight);
      font-style: normal;
      letter-spacing: .5px;
      font-size: 2rem;
    }
    .ptc__title span{
        font-size: 2.3rem;
    }


    .ptc__ctas{ display:flex; align-items:center; gap: var(--ptc-cta-gap); flex-wrap: wrap; }
    .ptc__cta{ display:inline-flex; align-items:center; gap: 10px; text-decoration:none; color: rgb(var(--color-foreground)); }
    .ptc__cta:hover .ptc__label{ text-decoration: underline; text-underline-offset: 3px; }
    .ptc__icon{ width: var(--ptc-icon-size); height: var(--ptc-icon-size); display:inline-flex; }
    .ptc__icon svg{ width:100%; height:100%; fill: currentColor; }
    .ptc__icon--phone{ color: {{ section.settings.phone_icon_color }}; } /* 緑アイコン */

    .ptc__icon--reserve {
  color: #333; /* カレンダーの線色 */
  stroke: currentColor;
}
.ptc__icon--reserve svg {
  vertical-align: middle;
}
.ptc__cta:hover .ptc__icon--reserve {
  color: #000; /* ホバー時少し濃く */
}

    /* 幅が狭い時は折り返し */
    @media (max-width: 980px){
      .page-top-title-cta__inner{ flex-wrap: wrap; }
      .ptc__ctas{ margin-left:auto; }
    }
/* ====================
ショップページ 共通
====================*/

.shop-detail .page-width{max-width:var(--page-width,1200px);margin:0 auto;}
.shop-detail__subtitle{opacity:.8;margin:.25rem 0 1.25rem}
.shop-detail__hero img{width:100%;height:auto;border-radius:12px;display:block}
.shop-detail .card{background:rgba(var(--color-background),1);border:1px solid rgba(var(--color-foreground),.08);border-radius:12px;padding:16px}
.shop-detail__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:24px 0}
.shop-detail__thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.shop-detail__note{margin-top:16px}

/* ====================
ショップページ メニュー
====================*/
.collapsible-content {
  max-width: 1000px;
  margin: 0 auto;
}
.collapsible-content__answer-inner li {
  display: flex;
  justify-content: space-between;
  list-style: none;
}

/* ====================
ショップページ 店内ビュー
====================*/
  .google-streetview.container { max-width: var(--page-width, 1200px); margin: 0 auto; padding: 2rem 1rem; }
  .google-streetview.fullwidth { width: 100%; padding: 2rem 0; }
  .google-streetview__inner { width: 100%; }
  .google-streetview__list { display: grid; gap: 1.5rem; }
  .google-streetview__title { margin: .5rem 0 .25rem; }
  .google-streetview__address { margin: 0 0 .75rem; opacity: .75; }
  .google-streetview__framewrap {
    position: relative;
    height: var(--h-desktop, 520px);
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.06);
    background: #f7f7f7;
  }
  @media (max-width: 749px){
    .google-streetview__framewrap{ height: var(--h-mobile, 360px); }
  }
  .google-streetview__framewrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none; /* スクロール乗っ取り防止：クリックで有効化 */
    display: block;
  }
  .google-streetview__enable{
    position:absolute; inset:auto 12px 12px auto;
    padding:.5rem .75rem; border:1px solid rgba(0,0,0,.12);
    background:#fff; font-size:.85rem; cursor:pointer;
  }
  .google-streetview__placeholder{
    position:absolute; inset:0; display:grid; place-items:center; color:#666;
    font-size:.9rem;
  }


/* ====================
リコメンドメニュー recommend-menu.liquid
====================*/
.recommend-menu { 
  padding: 0 30px; 
  margin: 120px auto;
}
  
.recommend-menu__inner { 
  display: grid; 
  padding: 0;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr;
  max-width: 1000px;
  gap: 20px 0; 
}

/* 画像エリア */
.recommend-menu__image-area {
  position: relative;
  height: 500px;
}
/* ===== 画像フェードをゆっくり＋チラつき軽減 ===== */
.menu-image {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.95s ease; /* ← ゆっくり */
  will-change: opacity;           /* ブラウザ最適化 */
  backface-visibility: hidden;    /* Safariのチラつき対策 */
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translateZ(0);  /* GPUヒント */
  contain: paint;                    /* 再描画範囲の限定 */
}

.menu-image.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
  height: 500px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

/* スライド（併用時のチラつき抑制） */
.menu-image.slide-enter,
.menu-image.slide-exit { will-change: opacity, transform; }

/* 画像の読み込みが完了するまでの白フラ防止（任意） */
.menu-image img {
  width: 500px; height: 500px; object-fit: cover;
  opacity: 0; transition: opacity .4s ease;
  
}
.menu-image img.is-decoded { opacity: 1; }

/* ===== アコーディオンのSVG矢印 ===== */
.icon-chevron {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  transform-origin: center;
  width: 12px
}

.accordion-item.is-open .icon-chevron {
  transform: rotate(180deg);
}


/* オーバーレイ・タイトル */
.menu-image__overlay {
  position: absolute; 
  display: inline-block; 
  max-width: 90%;
}
.menu-image__title {
  display: inline-block;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  letter-spacing: .02em;
  font-size: 2rem;
  text-shadow: 1px 1px 1px #444444;
}

/* 配置バリエーション */
.menu-image__overlay.top-left { top: 20px; left: 20px; right: auto; bottom: auto; }
.menu-image__overlay.top-right { top: 20px; right: 20px; left: auto; bottom: auto; text-align: right; }
.menu-image__overlay.bottom-left { bottom: 20px; left: 20px; right: auto; top: auto; }
.menu-image__overlay.bottom-right { bottom: 20px; right: 20px; left: auto; top: auto; text-align: right; }
.menu-image__overlay.center { inset: 0; display: grid; place-items: center; text-align: center; }

/* 切替アニメーション：基本（fade） */
.menu-image.is-active { opacity: 1; pointer-events: auto; transition: opacity .55s ease; z-index: 1; }

/* スライド用（fade+slideの軽量表現） */
.menu-image.slide-enter { opacity: 0; transform: translateX(24px); }
.menu-image.slide-enter.menu-image--animating { transition: transform .45s ease, opacity .45s ease; opacity: 1; transform: translateX(0); }
.menu-image.slide-exit { opacity: 1; transform: translateX(0); z-index: 0; }
.menu-image.slide-exit.menu-image--animating { transition: transform .45s ease, opacity .45s ease; opacity: 1; transform: translateX(-24px); }

/* アコーディオン */
.recommend-menu__list {
  width: 370px;
  margin-left: 50px;
}
.recommend-menu__heading { 
    letter-spacing: 1px;
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--main-color);
    font-family: var(--page-headline-font-family);
    font-weight: var(--page-headline-font-weight);
    font-style: normal;
    font-size: 4rem;
    text-shadow: 1px 2px 1px #fdd000;
  }
  .recommend-menu__subheading {
    padding-left: 10px;
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
  .recommend-menu__subheading .small {
    font-size: 1.3rem;
  }

.accordion-item { border-bottom: 1px solid rgba(0,0,0,.12); }
/* ボタン行 */
.accordion-toggle {
  display: flex;
  padding: 1rem;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  background: none;
  border: 0;
  cursor: pointer;
}

/* SVGアイコン：回転の安定化 */
.icon-chevron {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  /* ↓ SVG回転の安定化（Safari/一部Chrome対策） */
  transform-origin: 50% 50%;
  transform-box: fill-box;
  pointer-events: none; /* クリックを妨げない */
}

/* 開いた時に回転：is-open ではなく aria-expanded を見る */
.accordion-toggle[aria-expanded="true"] .icon-chevron {
  transform: rotate(180deg);
}

.accordion-title { 
  flex: 1 1 auto; 
  text-align: left; 
  font-size: 1.6rem;
}
.accordion-item.is-open .accordion-arrow { transform: rotate(180deg); }
.accordion-content { 
  display: none; 
  padding: 8px 0 10px 10px; 
  color: rgba(0,0,0,.82); 
  line-height: 1.7; 
  font-size: 1.4rem;
}
.accordion-content p {
  margin: 0;
}
.accordion-item.is-open .accordion-content { display: block; }

.accordion-arrow {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

/* 矢印の形（CSS擬似要素で描画） */
.accordion-arrow::before,
.accordion-arrow::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  background: #000;
  border-radius: 1px;
  top: 4px;
  transition: all 0.25s ease;
}

/* ↓ 形：右下に45度傾けた2本の線 */
.accordion-arrow::before {
  transform: rotate(45deg);
  right: 7px;
}
.accordion-arrow::after {
  transform: rotate(-45deg);
  left: 7px;
}

/* 開いたときは↑（180°回転） */
.accordion-item.is-open .accordion-arrow {
  transform: rotate(180deg);
}


/* レスポンシブ */
@media (max-width: 750px) {
  .recommend-menu { 
    padding: 0; 
    margin: 0 auto;
  }
  .recommend-menu__heading { 
    margin: 0 0 12px; 
    padding-left: 0;
    position: relative;
    top: -410px;
  }
  .recommend-menu__subheading {
    position: relative;
    padding-left: 0;
    font-size: 1.5rem;
    top: -425px;
  }
  
  .recommend-menu__inner { 
    grid-template-columns: 1fr; 
    gap: 0;
  }
  .recommend-menu__image-area { 
    width: 100%; 
    height: 430px;
  }
  .menu-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .recommend-menu__list {
    position: relative;
    top: -10px;
    width: 370px;
    padding-left: 0;
    margin: 0 auto;
  }
  .accordion-title { 
    color: #343434;
  }
  .icon-chevron {
    color: #343434;
  }
  .menu-image.is-active {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
    height: 430px; 
    top: 120px;
    box-shadow: 0 0 0 0;
  }
  .menu-image__title {
    position: relative;
    top: -10px;
    font-size: 1.5rem;
  }
}

/* ====================
 トップページ banner-with-popup.liquid
====================*/
section.banner-with-popup-section {
  padding-bottom: 0;
}
.banner-with-popup__info {
  align-items: flex-start;
}
.banner-with-popup__info h2 {
  letter-spacing: 1px;
  margin-bottom: 0;
  color: var(--main-color);
  font-family: var(--page-headline-font-family);
  font-weight: var(--page-headline-font-weight);
  font-style: normal;
  font-size: 4rem;
  text-shadow: 1px 2px 1px #fdd000;
}
.banner-with-popup__subheading {
  font-size: 2rem;
  font-family: var(--shop-title-font-family);
  margin-bottom: 3rem;
}
.banner-with-popup__description {
  font-size: 1.5rem;
}

.button--primary {
  background-color: #fdd000;
}
.button--primary::after {
  background-color: var(--main-color);
  color: white;
}
.button--primary span {
  text-shadow: 1px 1px 2px #343434;
  font-size: 1.1rem;
}

/* === banner-with-popup のボタンだけ強制リセット === */
.section-{{ section.id }} .banner-with-popup__button.button{
  display: inline-flex;           /* テーマ準拠 */
  align-items: center;            /* 垂直中央 */
  justify-content: center;        /* 水平中央 ← 文字が左寄り問題を解消 */
  text-align: center;
  line-height: 1; 
  margin-top: 3rem;                /* 行のズレ防止 */
}

/* テキストが hover で消える対策（色を固定） */
.section-{{ section.id }} .banner-with-popup__button.button.button--primary{
  color: rgb(var(--color-button-text));
}
.section-{{ section.id }} .banner-with-popup__button.button.button--primary:hover,
.section-{{ section.id }} .banner-with-popup__button.button.button--primary:focus-visible{
  color: rgb(var(--color-button-text));  /* hoverでも文字色を維持 */
}

/* second/tertiary を使う場合の保険（必要なら残す） */
.section-{{ section.id }} .banner-with-popup__button.button.button--secondary:hover,
.section-{{ section.id }} .banner-with-popup__button.button.button--tertiary:hover{
  color: inherit;                  /* hoverで透明になる等の事故防止 */
}

/* シンプル（arrow）を使う時の微調整：テキスト消失防止＋矢印だけ軽く動かす */
.section-{{ section.id }} .banner-with-popup__button.button.button--simple{
  color: currentColor;
}
.section-{{ section.id }} .banner-with-popup__button.button.button--arrow::after{
  transform: translateX(0);
}
.section-{{ section.id }} .banner-with-popup__button.button.button--arrow:hover::after{
  transform: translateX(2px);
}
/* ====================
オンラインストア
====================*/
.multicolumn h2{
  letter-spacing: 1px;
  margin-bottom: 12px;
  color: var(--main-color);
  font-family: var(--page-headline-font-family);
  font-weight: var(--page-headline-font-weight);
  font-style: normal;
  font-size: 4rem;
  text-shadow: 1px 2px 1px #fdd000;
}
.multicolumn .section-header__subheading {
  font-size: 2rem;
  font-family: var(--shop-title-font-family);
  margin-bottom: 24px;
}
.multicolumn .section-header {
  padding-left: 0rem;
}




/* ====================
ページシュラスコ
====================*/

@media (min-width: 990px) {
  .template-page-churrasco .slideshow__info {
    max-width: 100%;
  }
  .section-{{ section.id }} .slideshow__content[data-tab="1"] .slideshow__item-heading.h2{
    position: absolute;
    top: 30%;
    left: 5%;
    font-size: 4rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }
  .section-{{ section.id }} .slideshow__content[data-tab="2"] .slideshow__item-heading.h2{
    position: absolute;
    top: 10%;
    right: 5%;
    font-size: 4rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }

  .section-{{ section.id }} .slideshow__content[data-tab="3"] .slideshow__item-heading.h2{
    position: absolute;
    top: 60%;
    left: 5%;
    font-size: 4rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }

  .section-{{ section.id }} .slideshow__content[data-tab="4"] .slideshow__item-heading.h2{
    position: absolute;
    top: 10%;
    right: 5%;
    font-size: 4rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }

  .section-{{ section.id }} .slideshow__content[data-tab="5"] .slideshow__item-heading.h2{
    position: absolute;
    top: 60%;
    left: 5%;
    font-size: 4rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }
}
@media (max-width: 989px) {
  .slideshow__info {
    max-width: 100%;
    width: 100%;
    left: 0;
  }
  .slideshow__mob-tab-wrapper {
    top: 95%;
    left: 15%;
  }
   .section-{{ section.id }} .slideshow__content[data-tab="1"] .slideshow__item-heading.h2{
    position: absolute;
    top: 50%;
    left: 5%;
    font-size: 3rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }
  .section-{{ section.id }} .slideshow__content[data-tab="2"] .slideshow__item-heading.h2{
    position: absolute;
    top: 30%;
    right: 5%;
    font-size: 3rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }

  .section-{{ section.id }} .slideshow__content[data-tab="3"] .slideshow__item-heading.h2{
    position: absolute;
    top: 30%;
    left: 5%;
    font-size: 3rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }

  .section-{{ section.id }} .slideshow__content[data-tab="4"] .slideshow__item-heading.h2{
    position: absolute;
    top: 30%;
    right: 5%;
    font-size: 3rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #fdd000;
  }

  .section-{{ section.id }} .slideshow__content[data-tab="5"] .slideshow__item-heading.h2{
    position: absolute;
    top: 40%;
    left: 5%;
    font-size: 3rem;
    font-family: var(--page-headline-font-family);
    letter-spacing: 1px;
    text-shadow: 1px 2px 1px #000000;
  }
}


@media (min-width: 990px) {
  .image-with-text__left {
    width: 500px;
    height: 500px;
  }
}

.banner-with-popup__image {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-with-popup__image:first-child {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.banner-with-popup__image.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.banner-with-popup__wrapper:not(.is-loaded) .banner-with-popup__image {
  opacity: 0 !important;
  visibility: hidden !important;
}