/* Port-fixar: matchar live-beteende där React/Next normaliserar bort strukturer temats CSS antog. */

/* ln-img-small: temats regel kräver .ln-img-small a img, men <a>-wrappern normaliseras bort i
   den statiska renderingen. Matcha bilden direkt så loggor/ikoner får sin 80px-höjd som på live. */
.ln-img-small img {
  width: auto !important;
  height: 80px !important;
  object-fit: contain !important;
}

/* ---- Uppdesignade äta/evenemang-sidor (RichSubpage) ---- */

/* CTA-band med bildväxlare i bakgrunden (fade-slider bakom texten) */
.ln-sommercta.ln-cta-hasslider {
  position: relative;
  background-image: none !important;
  overflow: hidden;
}
.ln-cta-slider {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
}
/* dekorativ bakgrundsväxlare: slick-themes margin-bottom + dots + pilar bort
   (annars skär de en grå kant längst ner där slidern slutar 30px för tidigt) */
.ln-cta-slider.slick-slider {
  margin-bottom: 0 !important;
}
.ln-cta-slider .slick-dots,
.ln-cta-slider .slick-prev,
.ln-cta-slider .slick-next {
  display: none !important;
}
.ln-cta-slider .slick-list,
.ln-cta-slider .slick-track,
.ln-cta-slider .slick-slide,
.ln-cta-slider .slick-slide > div {
  height: 100%;
}
.ln-cta-slider .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* mörk overlay så texten är läsbar ovanpå de växlande bilderna */
.ln-sommercta.ln-cta-hasslider::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.38) 55%, rgba(0, 0, 0, 0.15) 100%);
}
.ln-sommercta.ln-cta-hasslider > .container {
  position: relative;
  z-index: 2;
}

/* ---- Aktiviteter: stora bilden som bildväxlare (ln-extrabild-slider) ---- */
/* Före slick-init: visa bara första bilden så 940px-bilderna inte staplas (FOUC). */
.ln-extrabild-slider:not(.slick-initialized) > div:not(:first-child) {
  display: none;
}
/* Synlig banner-växlare: behåll dots som diskret indikator, men inga pilar över fotot. */
.ln-extrabild-slider .slick-prev,
.ln-extrabild-slider .slick-next {
  display: none !important;
}
.ln-extrabild-slider .slick-dots {
  bottom: 16px;
}
.ln-extrabild-slider .slick-dots li button:before {
  color: #fff;
  opacity: 0.6;
  font-size: 9px;
}
.ln-extrabild-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}

/* Nyhetspuff: säsongs-/öppettidsinfo som en tydlig notis, inte inbakad i brödtexten */
.ln-rich-body .ln-notice {
  background: #d6f0e8;
  border-left: 4px solid #1c6b5b;
  border-radius: 12px;
  padding: 18px 24px;
  margin: 0 0 30px;
}
.ln-rich-body .ln-notice p {
  margin: 0 0 8px;
  font-size: 15.5px;
  line-height: 1.55;
  color: #244f45;
}
.ln-rich-body .ln-notice p:last-child {
  margin-bottom: 0;
}

/* Beskrivningstext: luftigare, inte WP-blog-stel. Rubriker större (kundens h4/h5/h6). */
.ln-rich-body .ln-mer-information h2,
.ln-rich-body .ln-mer-information h3,
.ln-rich-body .ln-mer-information h4,
.ln-rich-body .ln-mer-information h5,
.ln-rich-body .ln-mer-information h6 {
  font-size: 30px;
  line-height: 1.25;
  margin: 0 0 18px;
  color: #1c1c1c;
  font-weight: 700;
}
.ln-rich-body .ln-mer-information p {
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 14px;
  color: #3a3a3a;
}
.ln-rich-body .ln-mer-information strong {
  color: #1c1c1c;
}

/* Kontakt-kort i sidopanelen (matchar Beachpoolens beige prisruta) */
.ln-contact-card {
  background: #f4f2ee;
  border-radius: 18px;
  padding: 32px 34px;
}
.ln-contact-card h3 {
  font-size: 20px;
  margin: 0 0 18px;
  color: #1c1c1c;
}
.ln-contact-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ln-contact-card li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 16px;
}
.ln-contact-card li:last-child {
  border-bottom: none;
}
.ln-contact-card li i {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  color: #1c6b5b;
  font-size: 17px;
}
.ln-contact-card li a {
  color: #1c1c1c;
  text-decoration: none;
  word-break: break-word;
}
.ln-contact-card li a:hover {
  text-decoration: underline;
}

/* Galleriet ligger sedan 2026-09-10 under informationen. Det behover luft ovanfor,
   annars klistrar det i texten/logotypen precis ovanfor (Kevin 10/9). */
.ln-akt-gallery-block {
  margin-top: 50px;
}
@media (max-width: 640px) {
  .ln-akt-gallery-block {
    margin-top: 30px;
  }
}

/* Spelbar video i brodtexten (American Days 2026-09-10). */
.ln-rich-body .ln-video-block {
  margin: 26px 0 10px;
}
.ln-rich-body .ln-video-block video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  background: #000;
}

/* Evenemangskorten satte height + width utan object-fit, sa bilderna strackts ut.
   Syntes forst nar korten fick liggande herobilder 2026-09-10. */
.ln-events .ln-event-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 35%;
     object-position: 50% 35%;
  height: 320px;
  display: block;
}
@media (max-width: 1400px) {
  .ln-events .ln-event-img img {
    height: 300px;
  }
}
@media (max-width: 640px) {
  .ln-events .ln-event-img img {
    height: 240px;
  }
}

/* "Vanliga frågor"-knappen scrollar till sidans FAQ (Kevin 2026-09-10).
   Marginalen gor att rubriken inte hamnar under den fasta headern. */
#ln-faq {
  scroll-margin-top: 110px;
}

/* Bokningsblocket som ersatte prislistorna pa omradessidorna (10/9).
   Kevin: knappen mindre, centrerad och mer luft under. */
.ln-boka-block {
  text-align: center;
  padding-bottom: 20px;
}
.ln-boka-block p {
  margin-bottom: 26px;
}
.ln-boka-block .btn-primary {
  display: inline-flex;
  align-items: center;
  padding: 12px 26px;
  font-size: 15px;
  margin-bottom: 60px;
}
@media (max-width: 640px) {
  .ln-boka-block .btn-primary {
    margin-bottom: 40px;
  }
}

/* Svensk Camping-märket i campinginfon. Kunden ville visa medlemskapet som en
   kvalitetsstämpel (feedback 2026-09-09). Diskret, inte en banner. */
.ln-medlemsmarke {
  display: inline-block;
  margin: 6px 0 26px;
}
.ln-medlemsmarke img {
  width: 150px;
  height: auto;
  transition: opacity .2s ease;
}
.ln-medlemsmarke:hover img {
  opacity: .8;
}

/* Mobilmenyns undermenyer. Temats custom.js binder utfällningen till
   .dropdown-toggle-btn, en pilknapp längst till höger i menyraden. Knappen
   saknades i Next-porten, så undermenyerna inte gick att öppna på mobil.
   På desktop sköts utfällningen av hover och Bootstraps egen pil efter
   texten, så där ska knappen inte synas. */
@media (min-width: 992px) {
  .ln-header-menu ul.navbar-nav li .dropdown-toggle-btn {
    display: none;
  }
}

@media (max-width: 991px) {
  /* Pilknappen till höger är mobilens affordance, Bootstraps pil efter
     texten blir en andra pil på samma rad. */
  .ln-header-menu ul.navbar-nav li .dropdown-toggle::after {
    display: none;
  }
  .ln-header-menu ul.navbar-nav li .dropdown-toggle-btn {
    padding: 10px 4px !important;
  }
}

/* Gula faktarutan ligger i hogerkolumnen. Nar kolumnerna staplas pa mobil
   hamnar den direkt ovanfor galleriet, och da klistrade bilderna i rutan
   (Kevin 10/9: "i mobilen saknas utrymme over bilderna").

   Orsaken: rutan har height:100% sa den fyller hela kolumnhojden pa desktop,
   vilket ar meningen dar. Kolumnen strackts av flex-raden till radens hojd,
   och tillsammans med rutans 30 px toppmarginal blev rutan 30 px hogre an sin
   kolumn. Overhanget at upp precis den luft galleriet hade over sig. Pa mobil
   star rutan ensam i sin rad och behover ingen utfyllnad, da racker auto. */
@media (max-width: 991px) {
  .ln-tomtbeskrivning-content {
    height: auto;
  }
  .ln-akt-gallery-block {
    margin-top: 40px;
  }
}

/* --------------------------------------------------------------------------
   Kölisteformuläret på /kolista-och-bokning-till-dansveckan/.
   Formuläret ligger som rå HTML i Prismic och postar till Netlify Forms.
   -------------------------------------------------------------------------- */
.ln-form-block {
  margin: 30px 0 10px;
  max-width: 640px;
}
.ln-form-block .ln-form-rad {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}
.ln-form-block .ln-form-rad > label {
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-weight: 600;
  font-size: 15px;
}
.ln-form-block input[type="text"],
.ln-form-block input[type="email"],
.ln-form-block input[type="tel"],
.ln-form-block input[type="number"],
.ln-form-block textarea {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid #ccc7bb;
  border-radius: 4px;
  font: inherit;
  font-weight: 400;
  background: #fff;
}
.ln-form-block input:focus,
.ln-form-block textarea:focus {
  outline: 2px solid #1d5b6b;
  outline-offset: 1px;
  border-color: #1d5b6b;
}
.ln-form-block .ln-form-grupp {
  border: 1px solid #e3ded3;
  border-radius: 4px;
  padding: 14px 16px 16px;
  margin: 0 0 16px;
}
.ln-form-block .ln-form-grupp legend {
  font-weight: 600;
  font-size: 15px;
  padding: 0 6px;
  width: auto;
  float: none;
  margin-bottom: 4px;
}
.ln-form-block .ln-form-grupp label {
  display: block;
  font-weight: 400;
  margin-bottom: 6px;
}
.ln-form-block .ln-form-grupp input {
  margin-right: 8px;
}
/* Honeypot mot skräppost. Fältet ska aldrig synas för en människa. */
.ln-form-block .ln-form-hp {
  position: absolute;
  left: -9999px;
}
.ln-form-block button[type="submit"] {
  margin-top: 6px;
  border: 0;
  cursor: pointer;
}

/* --------------------------------------------------------------------------
   Spelschemat på dansveckan. Ersätter den inklistrade affischen med text,
   kundfeedback 2026-09-11 punkt 5.3.
   -------------------------------------------------------------------------- */
.ln-schema {
  margin: 22px 0 34px;
  border: 1px solid #e3ded3;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}
.ln-schema-rad {
  display: grid;
  grid-template-columns: 8.5rem 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid #efece4;
}
.ln-schema-rad:last-of-type { border-bottom: 0; }
.ln-schema-rad.ln-schema-nonstop { background: #f7f4ec; }
.ln-schema-dag { display: flex; flex-direction: column; line-height: 1.2; }
.ln-schema-datum { font-size: 22px; font-weight: 700; color: #1d5b6b; }
.ln-schema-veckodag { font-size: 13px; color: #6b6f77; }
.ln-schema-band {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .01em;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ln-schema-etikett {
  font-size: 11px;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-weight: 700;
  color: #8a5a17;
  background: #f6eddc;
  border-radius: 99px;
  padding: 3px 9px;
  white-space: nowrap;
}
.ln-schema-tid {
  font-variant-numeric: tabular-nums;
  font-size: 15px;
  color: #5c6068;
  white-space: nowrap;
}
.ln-schema-fot {
  margin: 0;
  padding: 13px 18px;
  border-top: 1px solid #e3ded3;
  background: #faf8f3;
  font-size: 14px;
  color: #5c6068;
}
@media (max-width: 600px) {
  .ln-schema-rad { grid-template-columns: 1fr; gap: 4px; padding: 14px 16px; }
  .ln-schema-dag { flex-direction: row; align-items: baseline; gap: 8px; }
  .ln-schema-band { font-size: 17px; }
}

/* Eventlogotyp överst i textblocket, American Days (kundfeedback 5.4).
   Loggan ersätter sidrubriken, se harEgenLogga i RichSubpage, så den har
   rubrikens tyngd och rubrikens luft under sig. */
.ln-rich-body .ln-eventlogga,
.ln-eventlogga {
  margin: 0 0 64px;
}
.ln-eventlogga img {
  max-width: 440px;
  width: 100%;
  height: auto;
}
@media (max-width: 600px) {
  .ln-eventlogga { margin-bottom: 40px; }
  .ln-eventlogga img { max-width: 300px; }
}

/* Kontaktuppgifter i den gula rutan på äta-sidorna (kundfeedback 4.3). */
.ln-tomtbeskrivning-inner .ln-gul-kontakt {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}
.ln-tomtbeskrivning-inner .ln-gul-kontakt li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 9px;
  font-size: 16px;
}
.ln-tomtbeskrivning-inner .ln-gul-kontakt li:last-child { margin-bottom: 0; }
.ln-tomtbeskrivning-inner .ln-gul-kontakt a {
  text-decoration: none;
  color: inherit;          /* telefonnumret ska läsas som text, inte som en blå länk */
}
.ln-tomtbeskrivning-inner .ln-gul-kontakt a:hover { text-decoration: underline; }
.ln-tomtbeskrivning-inner .ln-gul-kontakt i { color: #1d5b6b; }

/* Första elementet i brödtexten ska börja i linje med den gula rutan bredvid.
   Videoblocket hade 26px topputrymme och sköt ner filmen en bit (kundens 4.3,
   "linjera film och kontaktbox"). */
.ln-rich-body .col-lg-7 > *:first-child,
.ln-rich-body .col-12 > *:first-child,
.ln-rich-body .col-lg-7 > *:first-child > *:first-child,
.ln-rich-body .col-12 > *:first-child > *:first-child {
  margin-top: 0;
}

/* Stillbilderna ovanför filmen på äta-sidorna ska täcka samma bredd som filmen
   (kundens 4.3, Kevins förtydligande 16/9). */
.ln-akt-gallery-inline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 14px;
}
.ln-akt-gallery-inline img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
@media (max-width: 600px) {
  .ln-akt-gallery-inline { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* --------------------------------------------------------------------------
   Festlokalerna: en sektion per lokal med gul faktaruta och egna bilder.
   Kevin 2026-09-17, kundens punkt 3.6: "tre likadana sektioner med lite
   space emellan". Bilderna ar blandat staende och liggande, sa de beskars
   till samma format for att sektionerna ska se lika ut.
   -------------------------------------------------------------------------- */
.ln-lokal-sektion {
  margin-top: 56px;
}
.ln-lokal-sektion:first-of-type {
  margin-top: 0;
}
.ln-lokal-rubrik {
  margin-bottom: 22px;
}
.ln-lokal-sektion .ln-mer-information > *:first-child {
  margin-top: 0;
}
.ln-lokal-galleri {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 26px;
}
.ln-lokal-galleri img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
@media (max-width: 991px) {
  .ln-lokal-sektion {
    margin-top: 44px;
  }
  .ln-lokal-galleri {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}
@media (max-width: 600px) {
  .ln-lokal-galleri {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

/* --------------------------------------------------------------------------
   Stugsidorna far samma uppstallning som ata- och aktivitetssidorna:
   rubrik, bilder och text till vanster, gul faktaruta till hoger.
   Kevin 2026-09-17.
   -------------------------------------------------------------------------- */
.ln-stuga-galleri {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 0 0 26px;
}
.ln-stuga-galleri img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.ln-stuga-planritning {
  margin-top: 26px;
}
.ln-stuga-planritning img {
  border-radius: 12px;
}
.ln-tomtbeskrivning-outer .ln-camping-detailinfo > *:first-child {
  margin-top: 0;
}
@media (max-width: 600px) {
  .ln-stuga-galleri { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* --------------------------------------------------------------------------
   Uttagsikon pa campingomradenas el-rad. Kundens punkt 2.7, Kevin 17/9.
   Ikonen sitter i renderingen, texten i Prismic ar ren text.
   -------------------------------------------------------------------------- */
.ln-eluttag {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.ln-eluttag-ikon {
  flex: none;
  margin-top: 2px;
  color: var(--ln-ikon, currentColor);
  opacity: .75;
}

/* Campingomradenas inledande mening lag som h2 men ar en brodtextmening.
   Kevin 2026-09-17. */
.ln-camping-ingress {
  font-size: 1.05rem;
  margin: 0 0 14px;
}

/* Kartan pa omradessidorna, kundens feedback 2026-09-18.
   Hela campingkartan i stallet for ett inzoomat utklipp, med lightbox for zoom. */
.ln-kartbild-knapp {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: zoom-in;
  position: relative;
}
.ln-kartbild-knapp img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.ln-kartbild-hint {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
}
.ln-kartlightbox {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ln-kartlightbox__yta {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
}
.ln-kartlightbox__yta img {
  max-width: 96vw;
  max-height: 92vh;
  transform-origin: center center;
  transition: transform 0.12s ease-out;
  user-select: none;
}
.ln-kartlightbox__verktyg {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  display: flex;
  gap: 8px;
}
.ln-kartlightbox__verktyg button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  color: #111;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.ln-kartlightbox__verktyg button:disabled {
  opacity: 0.4;
  cursor: default;
}
@media (max-width: 767px) {
  .ln-kartbild-hint { right: 8px; bottom: 8px; font-size: 12px; }
  .ln-kartlightbox__verktyg { top: 10px; right: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .ln-kartlightbox__yta img { transition: none; }
}

/* Kunden 2026-09-18: "Se priser och boka"-knappen ar lite for avlang.
   Knappen ar inline-flex men sitter i .ln-pricing som ar en kolumn-flexbox,
   dar ett barn strackts ut pa hela bredden (uppmatt 1746 px pa desktop).
   align-self bryter strackningen, blocket ar redan centrerat. */
.ln-block-pricing .btn-primary,
.ln-boka-block .btn-primary {
  -ms-flex-item-align: center;
  align-self: center;
  width: auto;
}

/* Namnet vid telefonnumret i den gula kontaktrutan (kunden 2026-09-18:
   "Endast nummer till My ... Ni kan aven lagga till hennes namn"). */
.ln-kontakt-namn {
  margin-right: 6px;
}
.ln-kontakt-namn::after {
  content: "\00a0\2013";
}

/* Kartan ar en helbild, inte ett dekorbeskuret foto. .ln-tomtbeskrivning-img img
   tvingar height 540px (480 pa mobil) + object-fit cover, vilket bet av kartan
   pa bade miniatyren och i lightboxen. Kevin 2026-09-18: "blir beskuren 1:1
   konstigt i telefonen". Har ska hela kartan synas, alltso fri hojd. */
.ln-tomtbeskrivning-img .ln-kartbild-knapp img {
  height: auto;
  /* Reserverar rutan medan bilden laddas, annars hoppar sidan. Samma
     forhallande som kartfilen (2560x1728), och nar bilden val ar inne
     styr dess egna matt. */
  aspect-ratio: 2560 / 1728;
  -o-object-fit: contain;
     object-fit: contain;
}
.ln-kartlightbox .ln-kartlightbox__yta img {
  width: auto;
  height: auto;
  max-width: 96vw;
  max-height: 92vh;
  border-radius: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .ln-tomtbeskrivning-img .ln-kartbild-knapp img {
    height: auto;
  }
}

/* Bildtexten over kartan, den ersatter den gamla lanken i brodtexten. */
.ln-kartbildtext {
  margin: 0 0 10px;
  font-weight: 600;
}

/* Reservbanner för sidor utan egen bannerbild i Prismic. Låg upplösning under
   1024px, hög över. Deklarationerna står i stigande ordning: webbläsare som inte
   kan image-set() eller AVIF faller tillbaka på raden ovanför, som alla förstår.
   Innerbannern får samma 5-procentiga överlagring som sidor med egen bild. */
.ln-innerbanner--default {
  background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url('/assets/images/inner-banner-1920.jpg');
  background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    image-set(
      url('/assets/images/inner-banner-1920.avif') type('image/avif'),
      url('/assets/images/inner-banner-1920.webp') type('image/webp'),
      url('/assets/images/inner-banner-1920.jpg') type('image/jpeg')
    );
}

/* CTA-bandet har aldrig haft överlagringen, så den utelämnas här. */
.ln-cta--default {
  background-image: url('/assets/images/inner-banner-1920.jpg');
  background-image: image-set(
    url('/assets/images/inner-banner-1920.avif') type('image/avif'),
    url('/assets/images/inner-banner-1920.webp') type('image/webp'),
    url('/assets/images/inner-banner-1920.jpg') type('image/jpeg')
  );
}

@media (max-width: 1024px) {
  .ln-innerbanner--default {
    background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), url('/assets/images/inner-banner-1024.jpg');
    background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
      image-set(
        url('/assets/images/inner-banner-1024.avif') type('image/avif'),
        url('/assets/images/inner-banner-1024.webp') type('image/webp'),
        url('/assets/images/inner-banner-1024.jpg') type('image/jpeg')
      );
  }

  .ln-cta--default {
    background-image: url('/assets/images/inner-banner-1024.jpg');
    background-image: image-set(
      url('/assets/images/inner-banner-1024.avif') type('image/avif'),
      url('/assets/images/inner-banner-1024.webp') type('image/webp'),
      url('/assets/images/inner-banner-1024.jpg') type('image/jpeg')
    );
  }
}