/* =========================================================
   LML SPORT CUSTOM CSS - MASTER CLEAN V7
   2026-09-04
   Meta-description article cards + consolidated blog card cascade
========================================================= */

/* See Ticket#343112 */
.variant-selector-text-button.disabled {
  color: rgba(0, 0, 0, 0.6) !important;
}

.variant-selector-text-button.disabled:after {
  display: none !important;
}

/* See Ticket#347105 */
.product-details .media-browser-container img {
  width: 98px;
  height: 73.5px;
}

.badge-top-product {
  display: none;
}

.cbx-border-img {
  width: 160px;
  height: 120px;
}

.discount-overlay {
  color: white;
}

/* =========================================================
   BADGES
========================================================= */

.badge-lagervare,
.badge-premium,
.badge-til-sauna,
.badge-til-sauna-og-dampbad,
.badge-til-dampbad {
  background-color: #4797A8;
}

.badge-udg-r,
.badge-kommer-til-juni,
.badge-kommer-til-maj,
.badge-kommer-til-september,
.badge-god-pris,
.badge-midlertidigt-udsolgt {
  background-color: #E35205;
}

.badge-bestseller {
  background-color: #B6CFD0;
}

.badge-nyhed {
  background-color: #3D0385;
}

/* =========================================================
   BRAND PAGES – LML SPORT
   General brand page styling
========================================================= */

/* Hide default Umbraco page title wrapper when custom brand header is used */
.brand-page-custom main > .uk-container.uk-container-large.uk-margin-large-bottom.uk-margin-medium-top {
  display: none;
}


/* Custom brand header: title + logo */
.brand-header-custom {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin: 4px 0 34px 0;
  padding: 6px 0 14px 0;
  border-bottom: 1px solid rgba(182, 207, 208, 0.7);
}

.brand-header-custom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 88px;
  height: 3px;
  background: #4797A8;
  border-radius: 99px;
}

.brand-header-custom h1 {
  margin: 0;
  font-family: Lato, Arial, sans-serif;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0;
  color: #00587C;
  text-transform: none;
}

.brand-header-custom img {
  max-width: 220px;
  height: auto;
  display: block;
}

.brand-header-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.brand-eyebrow {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #4797A8;
  text-transform: uppercase;
}

/* Hero row layout */
.brand-hero-row {
  align-items: center;
}

.brand-hero-row > div:first-child {
  flex: 0 0 40%;
  max-width: 40%;
}

.brand-hero-row > div:last-child {
  flex: 0 0 60%;
  max-width: 60%;
}

.brand-hero-heading {
  font-size: 36px;
  line-height: 1.15;
  margin: 0 0 24px 0;
  color: #1f1f1f;
  font-weight: 700;
}

/* Intro text */
.brand-intro-text p {
  font-family: Lato, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.72;
  margin: 0 0 18px 0;
  color: #1f1f1f;
}

.brand-intro-text .brand-cta {
  display: inline-block;
  margin-top: 12px;
  padding: 14px 22px;
  background-color: #00587C;
  color: #ffffff !important;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 700;
  box-shadow: 0 6px 16px rgba(0, 88, 124, 0.18);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.brand-intro-text .brand-cta:hover {
  background-color: #004763;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0, 88, 124, 0.24);
}

/* Hero image */
.brand-main-image {
  position: relative;
  width: 100%;
}

.brand-main-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.12);
}

/* Optional image gallery */
.brand-image-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.brand-image-gallery img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  border: 1px solid #d9e2e7;
}

/* Benefits section */
.brand-benefits-section {
  position: relative;
  margin: 70px 0 0 0;
  padding: 38px 34px 88px 34px;
  background: linear-gradient(180deg, rgba(182, 207, 208, 0.18) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 14px;
}

.brand-benefits-section h2 {
  font-family: Lato, Arial, sans-serif;
  font-size: 42px;
  line-height: 1.2;
  margin: 0 0 14px 0;
  color: #00587C;
  font-weight: 700;
}

.brand-benefits-intro {
  font-size: 18px;
  line-height: 1.7;
  max-width: 850px;
  margin: 0 0 30px 0;
  color: #333333;
}

.brand-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.brand-benefit-card {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(182, 207, 208, 0.95);
  border-radius: 12px;
  padding: 26px 24px 24px 24px;
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.06);
  height: 100%;
  overflow: hidden;
}

.brand-benefit-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: #4797A8;
}

.brand-benefit-card h3 {
  font-size: 18px;
  line-height: 1.35;
  margin: 0 0 10px 0;
  color: #00587C;
  font-weight: 700;
}

.brand-benefit-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
}

/* Product intro */
.brand-product-intro {
  margin: 0 0 32px 0;
  max-width: 920px;
}

.brand-product-intro h2 {
  font-size: 34px;
  line-height: 1.2;
  margin: 0 0 12px 0;
  color: #00587C;
  font-weight: 700;
}

.brand-product-intro p {
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 14px 0;
  color: #333333;
}

.brand-product-intro p:last-child {
  margin-bottom: 0;
}

/* Brand video */
.brand-video-intro {
  margin: 0 0 20px 0;
  max-width: 850px;
}

.brand-video-intro h2 {
  font-size: 34px;
  line-height: 1.2;
  margin: 0 0 12px 0;
  color: #00587C;
  font-weight: 700;
}

.brand-video-intro p {
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
  color: #333333;
}

.brand-video-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 72px 0;
  overflow: hidden;
  border-radius: 12px;
  background: #000000;
  border: 1px solid rgba(182, 207, 208, 0.75);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.12);
}

.brand-video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* =========================================================
   BRAND CONTACT NOTE
   Neutral informationstekst – ingen callout tile / venstrestreg
========================================================= */

.brand-contact-note {
  margin-top: 24px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #4f5e68;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 400;
}

.brand-contact-note strong {
  color: #172433;
  font-weight: 700;
}

.brand-contact-note a {
  color: #00587C;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* Support / practical info */
.brand-support-section {
  margin: 0 0 80px 0;
}

.brand-support-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr 1fr;
  gap: 28px;
  align-items: start;
}

.brand-support-card {
  background: #ffffff;
  border: 1px solid rgba(182, 207, 208, 0.95);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.06);
  height: 100%;
}

.brand-support-card h2 {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 14px 0;
  color: #00587C;
  font-weight: 700;
}

.brand-support-card p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 14px 0;
  color: #333333;
}

.brand-support-card p:last-child {
  margin-bottom: 0;
}

/* Download buttons */
.brand-download-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 18px;
}

.brand-download-btn {
  display: inline-block;
  padding: 13px 18px;
  background: #00587C;
  color: #ffffff !important;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 700;
  text-align: center;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.brand-download-btn:hover {
  background: #004763;
  transform: translateY(-1px);
}

/* Sales contacts */
.brand-sales-people {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 18px;
}

.brand-sales-person {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding-top: 14px;
  border-top: 1px solid rgba(182, 207, 208, 0.7);
}

.brand-sales-person:first-child {
  padding-top: 0;
  border-top: 0;
}

.brand-sales-person img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  object-position: center top;
  border-radius: 12px;
  flex-shrink: 0;
}

.brand-sales-person-info h3 {
  margin: 0 0 4px 0;
  font-size: 18px;
  line-height: 1.3;
  color: #00587C;
  font-weight: 700;
}

.brand-sales-role {
  font-style: italic;
  color: #333333;
  margin-bottom: 8px !important;
}

.brand-sales-person-info p {
  margin: 0 0 6px 0;
  font-size: 15px;
  line-height: 1.5;
}

.brand-sales-person-info a {
  color: #00587C;
  text-decoration: underline;
}

/* FAQ section */
.brand-faq-section {
  margin: 0 0 72px 0;
  padding: 42px 34px;
  background: linear-gradient(180deg, rgba(182, 207, 208, 0.16) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 14px;
}

.brand-faq-section h2 {
  font-size: 34px;
  line-height: 1.2;
  margin: 0 0 24px 0;
  color: #00587C;
  font-weight: 700;
}

.brand-faq-item {
  padding: 20px 0;
  border-top: 1px solid rgba(182, 207, 208, 0.85);
}

.brand-faq-item:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.brand-faq-item h3 {
  font-size: 20px;
  line-height: 1.35;
  margin: 0 0 8px 0;
  color: #00587C;
  font-weight: 700;
}

.brand-faq-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #333333;
}

/* Tablet */
@media (max-width: 1024px) {
  .brand-header-custom {
    margin-bottom: 32px;
  }

  .brand-header-custom img {
    max-width: 190px;
  }

  .brand-hero-row > div:first-child {
    flex: 0 0 45%;
    max-width: 45%;
  }

  .brand-hero-row > div:last-child {
    flex: 0 0 55%;
    max-width: 55%;
  }

  .brand-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .brand-benefits-section h2 {
    font-size: 34px;
  }

  .brand-intro-text p,
  .brand-benefits-intro {
    font-size: 17px;
  }

  .brand-support-grid {
    grid-template-columns: 1fr 1fr;
  }

  .brand-support-contact {
    grid-column: 1 / -1;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .brand-header-custom {
    gap: 14px;
    margin: 4px 0 24px 0;
    padding: 8px 0 14px 0;
  }

  .brand-header-custom h1 {
    font-size: 24px;
    line-height: 1.18;
  }

  .brand-header-custom img {
    max-width: 115px;
  }

  .brand-header-custom::after {
    width: 64px;
  }

  .brand-eyebrow {
    font-size: 12px;
    line-height: 1.2;
  }

  .brand-hero-row,
  .brand-hero-row > div,
  .brand-intro-text,
  .brand-main-image {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  .brand-hero-row > div:first-child,
  .brand-hero-row > div:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .brand-hero-heading {
    font-size: 26px;
    line-height: 1.18;
    margin-bottom: 18px;
  }

  .brand-main-image {
    margin-top: 24px;
  }

  .brand-main-image img {
    border-radius: 8px;
  }

  .brand-image-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .brand-intro-text p,
  .brand-benefits-intro,
  .brand-benefit-card p {
    font-size: 16px;
  }

  .brand-intro-text .brand-cta {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  .brand-benefits-section {
    margin: 44px 0 0 0;
    padding: 28px 18px 64px 18px;
    border-radius: 10px;
  }

  .brand-benefits-section h2,
  .brand-product-intro h2,
  .brand-video-intro h2 {
    font-size: 26px;
    line-height: 1.2;
  }

  .brand-benefits-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .brand-benefit-card {
    padding: 22px 20px 20px 20px;
  }

  .brand-product-intro p,
  .brand-video-intro p {
    font-size: 16px;
  }

  .brand-video-intro {
    margin-top: 10px;
  }

  .brand-video-wrapper {
    margin-bottom: 48px;
    border-radius: 8px;
  }

  .brand-support-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .brand-support-card {
    padding: 20px;
  }

  .brand-support-card h2 {
    font-size: 24px;
    line-height: 1.2;
  }

  .brand-sales-person {
    gap: 12px;
  }

  .brand-sales-person img {
    width: 96px;
    height: 96px;
  }

  .brand-faq-section {
    margin: 0 0 56px 0;
    padding: 30px 18px;
    border-radius: 10px;
  }

  .brand-faq-section h2 {
    font-size: 26px;
  }

  .brand-faq-item h3 {
    font-size: 18px;
  }
}

/* =========================================================
   BECO BRANDUNIVERS
   Legacy/compatibility styling for existing BECO pages.
   Keep these classes so current BECO rich text HTML still works.
========================================================= */

/* Base */
.beco-page {
  color: #123047;
  line-height: 1.6;
}

.beco-page * {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

.beco-anchor {
  scroll-margin-top: 200px !important;
  margin-bottom: 22px;
}

/* Typography */
.beco-eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #008ccf;
}

.beco-title {
  margin: 0 0 22px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.05;
  font-weight: 900;
  color: #08263c;
}

.beco-h2 {
  margin: 0 0 18px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 900;
  color: #08263c;
}

.beco-h3 {
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 900;
  color: #08263c;
}

.beco-lead {
  max-width: 860px;
  margin: 0 0 28px;
  font-size: 19px;
  color: #35546a;
}

.beco-text {
  margin: 0 0 18px;
  font-size: 16px;
  color: #35546a;
}

.beco-muted {
  color: #5c7284;
}

/* Buttons */
.beco-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.beco-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.beco-btn-primary {
  background: #008ccf;
  color: #ffffff !important;
}

.beco-btn-primary:hover {
  background: #0075ad;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.beco-btn-secondary {
  background: #eef7fc;
  color: #0075ad !important;
  border: 1px solid #cfe9f6;
}

.beco-btn-secondary:hover {
  background: #dff1fa;
  color: #005f8d !important;
  transform: translateY(-1px);
}

/* Hero */
.beco-hero-block {
  width: 100%;
  padding: 90px 70px;
  background:
    linear-gradient(105deg, rgba(8, 38, 60, 0.94) 0%, rgba(8, 64, 96, 0.88) 55%, rgba(0, 140, 207, 0.65) 100%),
    url('/media/PLACEHOLDER/beco-hero.jpg');
  background-size: cover;
  background-position: center;
  color: #ffffff;
}

.beco-hero-content {
  max-width: 820px;
}

.beco-hero-block .beco-title,
.beco-hero-block .beco-lead,
.beco-hero-block .beco-text {
  color: #ffffff !important;
}

.beco-hero-block .beco-eyebrow {
  color: #7fd7ff !important;
}

/* Cards */
.beco-card {
  display: block;
  position: relative;
  z-index: 1;
  width: auto !important;
  height: auto !important;
  min-height: 100%;
  margin: 12px 14px 34px 14px !important;
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dfeaf0 !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 28px rgba(8, 38, 60, 0.045) !important;
  overflow: visible !important;
}

.beco-card-icon {
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 18px !important;
  border-radius: 15px !important;
  background: #eef7fc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #008ccf !important;
  font-weight: 900 !important;
  font-size: 20px !important;
}

.beco-card .beco-text {
  margin-bottom: 0 !important;
}

.beco-process-card {
  padding: 24px !important;
  margin-bottom: 28px !important;
}

/* Feature boxes */
.beco-feature-box {
  background: #ffffff !important;
  border-radius: 28px !important;
  padding: 34px !important;
  box-shadow: 0 18px 45px rgba(8, 38, 60, 0.09) !important;
}

.beco-feature-box-blue {
  background: linear-gradient(135deg, #008ccf, #005f8d) !important;
  color: #ffffff !important;
}

.beco-feature-box-blue .beco-h2,
.beco-feature-box-blue .beco-h3,
.beco-feature-box-blue .beco-text,
.beco-feature-box-blue .beco-list li {
  color: #ffffff !important;
}

.beco-feature-box-blue .beco-eyebrow {
  color: #bcecff !important;
}

/* Lists */
.beco-list {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.beco-list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  color: #35546a;
}

.beco-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #008ccf;
  font-weight: 900;
}

.beco-feature-box-blue .beco-list li::before {
  color: #7fd7ff;
}

/* Product tags */
.beco-product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.beco-product-tags span {
  display: inline-flex;
  padding: 8px 13px;
  border-radius: 999px;
  background: #eef7fc;
  color: #0075ad;
  font-size: 14px;
  font-weight: 800;
}

/* Images */
.beco-image-box {
  min-height: 360px;
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(0, 140, 207, 0.20), rgba(8, 38, 60, 0.08)),
    #e9f5fb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0075ad;
  font-weight: 900;
  text-align: center;
  padding: 30px;
}

.beco-image-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 30px;
}

/* Contact */
.beco-contact-card {
  background: #ffffff;
  border-radius: 26px;
  padding: 30px;
  margin-bottom: 54px !important;
  box-shadow: 0 16px 42px rgba(8, 38, 60, 0.10);
}

.beco-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 30px;
}

/* FAQ - div version */
.beco-faq-section {
  margin-top: 70px !important;
  padding-top: 20px !important;
}

.beco-faq {
  max-width: 920px !important;
  margin: 34px 0 0 0 !important;
}

.beco-faq-item {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #dfeaf0 !important;
  border-radius: 18px !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(8, 38, 60, 0.04) !important;
}

.beco-faq-question {
  display: block !important;
  padding: 20px 22px 10px !important;
  font-weight: 900 !important;
  color: #08263c !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

.beco-faq-content {
  display: block !important;
  padding: 0 22px 22px !important;
  color: #35546a !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Horizontal divider */
.beco-full-divider {
  width: 100%;
  height: 1px;
  background: #c6dce5;
  margin: 46px 0 48px 0;
  position: relative;
}

.beco-full-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 2px;
  background: #008ccf;
  border-radius: 999px;
}

/* Umbraco spacing */
.beco-page .umb-block-grid__layout-container,
.beco-page .umb-block-grid__layout-item,
.beco-page .umb-block-list,
.beco-page .umb-block-list__layout-container {
  row-gap: 42px !important;
}

/* =========================================================
   BECO CONTENT NAV – FINAL VERSION
   Requires JS class: .beco-nav-is-fixed
========================================================= */

/* Default position in normal page flow */
.beco-sticky-nav-row {
  position: relative !important;
  z-index: 900 !important;
  background: #ffffff !important;
  margin-top: 0 !important;
  margin-bottom: 42px !important;
}

/* Desktop fixed state, added by JS */
.beco-sticky-nav-row.beco-nav-is-fixed {
  min-height: 86px !important;
}

.beco-sticky-nav-row.beco-nav-is-fixed .beco-jump-section {
  position: fixed !important;
  top: 106px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
  background: #ffffff !important;
  border-top: 1px solid #c6dce5 !important;
  border-bottom: 1px solid #c6dce5 !important;
  box-shadow: 0 8px 22px rgba(8, 38, 60, 0.08) !important;
}

/* Desktop nav design */
.beco-jump-section {
  width: 100% !important;
  background: #ffffff !important;
  border-top: 1px solid #c6dce5 !important;
  border-bottom: 1px solid #c6dce5 !important;
  box-shadow: 0 8px 22px rgba(8, 38, 60, 0.06) !important;
}

.beco-jump-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}

.beco-jump-label {
  display: block !important;
  width: 100% !important;
  padding: 8px 12px 7px !important;
  background: #f3f9fc !important;
  border-bottom: 1px solid #d9eaf1 !important;
  color: #08263c !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.beco-jump-label::before {
  content: "Indholdsfortegnelse";
  font-size: 11px !important;
}

.beco-jump-links {
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
}

.beco-jump-links a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 8px !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-right: 1px solid #e1eef3 !important;
  color: #08263c !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.beco-jump-links a:last-child {
  border-right: 0 !important;
}

.beco-jump-links a:hover,
.beco-jump-links a:focus {
  background: #eef7fc !important;
  color: #008ccf !important;
  box-shadow: inset 0 -2px 0 #008ccf !important;
}

/* =========================================================
   BECO MOBILE
========================================================= */

@media (max-width: 768px) {
  .beco-anchor {
    scroll-margin-top: 110px !important;
  }

  .beco-hero-block {
    padding: 60px 24px;
  }

  .beco-title {
    font-size: 34px;
  }

  .beco-h2 {
    font-size: 28px;
  }

  .beco-lead {
    font-size: 17px;
  }

  .beco-card {
    margin: 10px 0 24px 0 !important;
    padding: 24px !important;
  }

  .beco-full-divider {
    margin: 34px 0 38px 0;
  }

  .beco-full-divider::before {
    width: 64px;
  }

  .beco-contact-grid {
    grid-template-columns: 1fr;
  }

  /* Mobile bottom nav, 2 rows x 4 */
  .beco-sticky-nav-row,
  .beco-sticky-nav-row.beco-nav-is-fixed {
    position: static !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .beco-sticky-nav-row .beco-jump-section,
  .beco-sticky-nav-row.beco-nav-is-fixed .beco-jump-section {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border-top: 1px solid #c6dce5 !important;
    border-bottom: 0 !important;
    box-shadow: 0 -8px 24px rgba(8, 38, 60, 0.14) !important;
  }

  .beco-jump-inner {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .beco-jump-label {
    padding: 7px 12px 6px !important;
  }

  .beco-jump-links {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0 !important;
  }

  .beco-jump-links a {
    min-height: 38px !important;
    padding: 6px 4px !important;
    border-right: 1px solid #e1eef3 !important;
    border-bottom: 1px solid #e1eef3 !important;
    font-size: 11.5px !important;
  }

  .beco-jump-links a:nth-child(4n) {
    border-right: 0 !important;
  }

  .beco-jump-links a:nth-child(n+5) {
    border-bottom: 0 !important;
  }

  body {
    padding-bottom: 106px !important;
  }
}

/* =========================================================
   BECO HERO RIGHT OVERFLOW FIX
========================================================= */

.beco-hero-block {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Sikrer at heroens indhold ikke presser blokken bredere */
.beco-hero-content {
  max-width: 820px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Fjerner horizontal overflow på BECO-siden */
.beco-page,
.beco-page * {
  max-width: 100%;
}

/* Mobile fix */
@media (max-width: 768px) {
  .beco-hero-block {
    width: 100% !important;
    max-width: 100% !important;
    padding: 56px 20px !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .beco-hero-content {
    max-width: 100% !important;
  }

  .beco-title {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}
/* =========================================================
   BECO MOBILE CARD SPACING TIGHTENING
========================================================= */

@media (max-width: 768px) {
  .beco-card {
    margin: 6px 0 10px 0 !important;
    padding: 22px 24px !important;
  }

  .beco-card-icon {
    margin-bottom: 14px !important;
  }

  .beco-h3 {
    margin-bottom: 8px !important;
  }

  .beco-card .beco-text {
    margin-bottom: 0 !important;
  }

  /* Reducerer ekstra luft fra Umbraco-rækker/columns omkring BECO-kort */
  .beco-page .umb-block-grid__layout-item,
  .beco-page .umb-block-list__layout-item {
    margin-bottom: 12px !important;
  }
}

/* =========================================================
   BECO MOBILE CARD ROW SPACING
   Bruges på rækker med class: beco-card-row
========================================================= */

@media (max-width: 768px) {
  .beco-card-row {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .beco-card-row > * {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .beco-card-row .beco-card {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: 20px 24px !important;
  }

  .beco-card-row .beco-card-icon {
    margin-bottom: 12px !important;
  }

  .beco-card-row .beco-h3 {
    margin-bottom: 6px !important;
  }

  .beco-card-row .beco-text {
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   BECO SALES CONTACTS
========================================================= */

.beco-sales-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 24px;
}

.beco-sales-person {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 16px;
  align-items: center;
  padding-top: 18px;
  border-top: 1px solid #dfeaf0;
}

.beco-sales-person:first-child {
  padding-top: 0;
  border-top: 0;
}

.beco-sales-person img {
  width: 92px;
  height: 92px;
  object-fit: cover;
  object-position: center top;
  border-radius: 18px;
  border: 1px solid #dfeaf0;
  box-shadow: 0 8px 20px rgba(8, 38, 60, 0.08);
}

.beco-sales-info strong {
  display: block;
  margin-bottom: 3px;
  color: #08263c;
  font-size: 17px;
  line-height: 1.25;
}

.beco-sales-info span {
  display: block;
  margin-bottom: 8px;
  color: #5c7284;
  font-size: 14px;
  line-height: 1.35;
}

.beco-sales-info p {
  margin: 0;
  color: #35546a;
  font-size: 15px;
  line-height: 1.45;
}

.beco-sales-info a {
  color: #0075ad;
  text-decoration: none;
}

.beco-sales-info a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .beco-sales-person {
    grid-template-columns: 78px 1fr;
    gap: 14px;
  }

  .beco-sales-person img {
    width: 78px;
    height: 78px;
    border-radius: 16px;
  }

  .beco-sales-info strong {
    font-size: 16px;
  }

  .beco-sales-info p {
    font-size: 14px;
  }
}
.beco-shop-list-card {
  background: #ffffff;
  border: 1px solid #dfeaf0;
  border-radius: 24px;
  padding: 30px 32px;
  box-shadow: 0 12px 28px rgba(8, 38, 60, 0.045);
}

.beco-shop-section-row {
  margin-bottom: 54px !important;
}
/* =========================================================
   BECO SHOP MOBILE SPACING
========================================================= */

.beco-shop-list-card {
  margin-bottom: 42px !important;
}

@media (max-width: 768px) {
  .beco-feature-box-blue {
    margin-bottom: 28px !important;
  }

  .beco-shop-list-card {
    margin-bottom: 34px !important;
    padding: 26px 24px !important;
  }

  .beco-shop-list-card .beco-list li {
    margin-bottom: 10px !important;
  }
}
/* =========================================================
   BECO SHOP BANNER
========================================================= */

.beco-shop-banner-section {
  margin: 18px 0 56px 0;
}

.beco-shop-gallery-intro {
  max-width: 860px;
  margin-bottom: 28px;
}

.beco-shop-banner {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 22px;
  border: 1px solid #dfeaf0;
  box-shadow: 0 14px 34px rgba(8, 38, 60, 0.07);
}

@media (max-width: 768px) {
  .beco-shop-banner-section {
    margin: 10px 0 42px 0;
  }

  .beco-shop-gallery-intro {
    margin-bottom: 20px;
  }

  .beco-shop-banner {
    border-radius: 16px;
  }
}

/* =========================================================
   BECO RANGE SECTIONS - SWIMWEAR / AQUASPORT
========================================================= */

.beco-range-content {
  max-width: 620px;
}

.beco-range-image {
  width: 100%;
  height: 100%;
  min-height: 360px;
  border-radius: 28px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(0, 140, 207, 0.18), rgba(8, 38, 60, 0.06)),
    #e9f5fb;
  border: 1px solid #dfeaf0;
  box-shadow: 0 14px 34px rgba(8, 38, 60, 0.06);
}

.beco-range-image img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.beco-range-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.beco-range-actions .beco-btn {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  .beco-range-content {
    max-width: 100%;
  }

  .beco-range-image {
    min-height: 260px;
    border-radius: 22px;
    margin-bottom: 24px;
  }

  .beco-range-image img {
    min-height: 260px;
  }

  .beco-range-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .beco-range-actions .beco-btn {
    width: 100%;
  }
}

/* =========================================================
   BECO RANGE ROW - IMAGE/TEXT BREATHING ROOM
========================================================= */

@media (min-width: 769px) {
  .beco-range-row .beco-range-image {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .beco-range-row .beco-range-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 18px !important;
    padding-right: 0 !important;
  }

  /* Når tekst ligger først og billede ligger til højre */
  .beco-range-row .beco-range-content:first-child {
    padding-left: 0 !important;
    padding-right: 18px !important;
  }

  .beco-range-row .beco-range-image:last-child {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 768px) {
  .beco-range-row .beco-range-image {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .beco-range-row .beco-range-content,
  .beco-range-row .beco-range-content:first-child {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =========================================================
   BECO HERO WITH CAROUSEL / PRODUCT COLLAGE
========================================================= */

.beco-hero-block {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 90px 70px !important;
  box-sizing: border-box !important;
  color: #ffffff !important;
  background:
    linear-gradient(105deg, rgba(8, 38, 60, 0.96) 0%, rgba(8, 64, 96, 0.9) 52%, rgba(0, 140, 207, 0.68) 100%) !important;
}

.beco-hero-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr) !important;
  gap: 54px !important;
  align-items: center !important;
}

.beco-hero-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 820px !important;
}

.beco-hero-block .beco-title,
.beco-hero-block .beco-lead,
.beco-hero-block .beco-text {
  color: #ffffff !important;
}

.beco-hero-block .beco-eyebrow {
  color: #7fd7ff !important;
}

/* Carousel area */

.beco-hero-carousel {
  position: relative !important;
  z-index: 2 !important;
  min-height: 500px !important;
}

.beco-hero-carousel-main {
  position: absolute !important;
  right: 0 !important;
  top: 48px !important;
  width: 82% !important;
  height: 360px !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.22) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.beco-hero-carousel-main img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0;
  transform: scale(1.04);
  animation: becoHeroFade 15s infinite;
}

.beco-hero-carousel-main img:nth-child(1) {
  animation-delay: 0s;
}

.beco-hero-carousel-main img:nth-child(2) {
  animation-delay: 5s;
}

.beco-hero-carousel-main img:nth-child(3) {
  animation-delay: 10s;
}

/* Floating cards */

.beco-hero-floating {
  position: absolute !important;
  width: 220px !important;
  height: 165px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.20) !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

.beco-hero-floating img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}

.beco-hero-floating-one {
  left: 0 !important;
  top: 0 !important;
  animation: becoHeroFloatOne 7s ease-in-out infinite;
}

.beco-hero-floating-two {
  left: 48px !important;
  bottom: 0 !important;
  animation: becoHeroFloatTwo 8s ease-in-out infinite;
}

/* Dots */

.beco-hero-carousel-dots {
  position: absolute !important;
  right: 34px !important;
  bottom: 54px !important;
  display: flex !important;
  gap: 8px !important;
  z-index: 3 !important;
}

.beco-hero-carousel-dots span {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.45) !important;
  animation: becoHeroDot 15s infinite;
}

.beco-hero-carousel-dots span:nth-child(1) {
  animation-delay: 0s;
}

.beco-hero-carousel-dots span:nth-child(2) {
  animation-delay: 5s;
}

.beco-hero-carousel-dots span:nth-child(3) {
  animation-delay: 10s;
}

/* Animations */

@keyframes becoHeroFade {
  0% {
    opacity: 0;
    transform: scale(1.04);
  }

  6% {
    opacity: 1;
  }

  28% {
    opacity: 1;
    transform: scale(1);
  }

  34% {
    opacity: 0;
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
  }
}

@keyframes becoHeroDot {
  0%, 34%, 100% {
    background: rgba(255, 255, 255, 0.45);
    transform: scale(1);
  }

  8%, 28% {
    background: #ffffff;
    transform: scale(1.35);
  }
}

@keyframes becoHeroFloatOne {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes becoHeroFloatTwo {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(8px);
  }
}

/* Tablet */

@media (max-width: 1024px) {
  .beco-hero-block {
    padding: 72px 44px !important;
  }

  .beco-hero-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .beco-hero-carousel {
    min-height: 350px !important;
  }

  .beco-hero-carousel-main {
    width: 74% !important;
    height: 280px !important;
  }

  .beco-hero-floating {
    width: 180px !important;
    height: 135px !important;
  }
}

/* Mobile */

@media (max-width: 768px) {
  .beco-hero-block {
    padding: 56px 24px !important;
  }

  .beco-hero-layout {
    display: block !important;
  }

  .beco-hero-carousel {
    display: none !important;
  }
}

/* Accessibility: reduced motion */

@media (prefers-reduced-motion: reduce) {
  .beco-hero-carousel-main img,
  .beco-hero-floating-one,
  .beco-hero-floating-two,
  .beco-hero-carousel-dots span {
    animation: none !important;
  }

  .beco-hero-carousel-main img:first-child {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* =========================================================
   BECO SHOP SECTION - CAROUSEL + INFO
========================================================= */

.beco-shop-carousel {
  position: relative;
  width: 100%;
  min-height: 420px;
  height: 100%;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid #dfeaf0;
  box-shadow: 0 18px 45px rgba(8, 38, 60, 0.10);
  background: #e9f5fb;
}

.beco-shop-carousel img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.04);
  animation: becoShopFade 20s infinite;
}

.beco-shop-carousel img:nth-child(1) {
  animation-delay: 0s;
}

.beco-shop-carousel img:nth-child(2) {
  animation-delay: 5s;
}

.beco-shop-carousel img:nth-child(3) {
  animation-delay: 10s;
}

.beco-shop-carousel img:nth-child(4) {
  animation-delay: 15s;
}

.beco-shop-carousel-label {
  position: absolute;
  left: 22px;
  bottom: 22px;
  z-index: 3;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(8, 38, 60, 0.78);
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.beco-shop-carousel-dots {
  position: absolute;
  right: 22px;
  bottom: 26px;
  z-index: 3;
  display: flex;
  gap: 8px;
}

.beco-shop-carousel-dots span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  animation: becoShopDot 20s infinite;
}

.beco-shop-carousel-dots span:nth-child(1) {
  animation-delay: 0s;
}

.beco-shop-carousel-dots span:nth-child(2) {
  animation-delay: 5s;
}

.beco-shop-carousel-dots span:nth-child(3) {
  animation-delay: 10s;
}

.beco-shop-carousel-dots span:nth-child(4) {
  animation-delay: 15s;
}

@keyframes becoShopFade {
  0% {
    opacity: 0;
    transform: scale(1.04);
  }

  5% {
    opacity: 1;
  }

  22% {
    opacity: 1;
    transform: scale(1);
  }

  27% {
    opacity: 0;
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
  }
}

@keyframes becoShopDot {
  0%, 27%, 100% {
    background: rgba(255, 255, 255, 0.55);
    transform: scale(1);
  }

  6%, 22% {
    background: #ffffff;
    transform: scale(1.35);
  }
}

.beco-shop-info-block,
.beco-shop-info-card {
  height: 100%;
}

.beco-shop-info-card {
  padding: 32px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid #dfeaf0;
  box-shadow: 0 14px 34px rgba(8, 38, 60, 0.055);
}

.beco-shop-info-card .beco-text:last-child {
  margin-bottom: 0;
}

.beco-shop-cta-strip {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 34px 0 0;
  padding: 20px 24px;
  border-radius: 22px;
  background: #f3f9fc;
  border: 1px solid #dfeaf0;
}

.beco-shop-cta-strip strong {
  color: #08263c;
  font-size: 18px;
  line-height: 1.25;
  white-space: nowrap;
}

.beco-shop-cta-strip span {
  color: #35546a;
  line-height: 1.5;
}

.beco-shop-cta-strip a {
  margin-left: auto;
  color: #0075ad;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.beco-shop-cta-strip a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .beco-shop-carousel {
    min-height: 300px;
    border-radius: 22px;
    margin-top: 22px;
  }

  .beco-shop-carousel-label {
    left: 16px;
    bottom: 16px;
    font-size: 10px;
  }

  .beco-shop-carousel-dots {
    right: 16px;
    bottom: 20px;
  }

  .beco-shop-info-card {
    padding: 26px 24px;
    border-radius: 22px;
  }

  .beco-shop-cta-strip {
    display: block;
    padding: 22px;
  }

  .beco-shop-cta-strip strong,
  .beco-shop-cta-strip span,
  .beco-shop-cta-strip a {
    display: block;
    margin: 0 0 10px 0;
    white-space: normal;
  }

  .beco-shop-cta-strip a {
    margin-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .beco-shop-carousel img,
  .beco-shop-carousel-dots span {
    animation: none !important;
  }

  .beco-shop-carousel img:first-child {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* =========================================================
   BECO ROUNDED VISUAL STYLE
   Closer to Aquaglide / standard brand pages
========================================================= */

/* Standard cards / content boxes */
.beco-card,
.beco-feature-box,
.beco-shop-info-card,
.beco-contact-card,
.beco-shop-list-card,
.beco-range-image,
.beco-shop-carousel,
.beco-shop-banner,
.beco-image-box {
  border-radius: 12px !important;
}

/* Larger soft sections can be slightly rounder */
.beco-feature-box-blue,
.beco-shop-cta-strip {
  border-radius: 14px !important;
}

/* Images inside image boxes */
.beco-range-image img,
.beco-image-box img,
.beco-shop-banner {
  border-radius: 12px !important;
}

/* Hero carousel / floating images */
.beco-hero-carousel-main {
  border-radius: 14px !important;
}

.beco-hero-floating {
  border-radius: 12px !important;
}

/* FAQ */
.beco-faq-item {
  border-radius: 12px !important;
}

/* Sales/contact images */
.beco-sales-person img {
  border-radius: 12px !important;
}

/* Buttons stay pill-shaped */
.beco-btn {
  border-radius: 999px !important;
}

/* Mobile: keep same style, just slightly softer where needed */
@media (max-width: 768px) {
  .beco-card,
  .beco-feature-box,
  .beco-shop-info-card,
  .beco-contact-card,
  .beco-shop-list-card,
  .beco-range-image,
  .beco-shop-carousel,
  .beco-shop-banner,
  .beco-image-box,
  .beco-range-image img,
  .beco-image-box img,
  .beco-shop-banner,
  .beco-hero-floating,
  .beco-faq-item {
    border-radius: 12px !important;
  }

  .beco-hero-carousel-main,
  .beco-feature-box-blue,
  .beco-shop-cta-strip {
    border-radius: 14px !important;
  }
}

/* =========================================================
   BECO CATALOG CARD - AQUAFUN
========================================================= */

.beco-catalog-card {
  height: 100%;
  min-height: 320px;
  padding: 34px;
  border-radius: 12px;
  border: 1px solid #dfeaf0;
  background:
    linear-gradient(135deg, rgba(0, 140, 207, 0.10), rgba(255, 255, 255, 1));
  box-shadow: 0 14px 34px rgba(8, 38, 60, 0.055);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.beco-catalog-card .beco-btn {
  margin-top: 18px;
  align-self: flex-start;
}

.beco-aquafun-card {
  background:
    linear-gradient(135deg, rgba(0, 140, 207, 0.14), rgba(238, 247, 252, 0.88));
}

@media (max-width: 768px) {
  .beco-catalog-card {
    min-height: 0;
    padding: 26px 24px;
    border-radius: 12px;
  }

  .beco-catalog-card .beco-btn {
    width: 100%;
    align-self: stretch;
  }
}

/* =========================================================
   BRAND CSS SLIDESHOW
   Used inside .brand-main-image
========================================================= */

.brand-css-slideshow {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.12);
  background: #e9f5fb;
}

.brand-css-slideshow img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 0;
  transform: scale(1.03);
  animation: brandSlideshowFade 15s infinite;
}

.brand-css-slideshow img:nth-child(1) {
  animation-delay: 0s;
}

.brand-css-slideshow img:nth-child(2) {
  animation-delay: 5s;
}

.brand-css-slideshow img:nth-child(3) {
  animation-delay: 10s;
}

@keyframes brandSlideshowFade {
  0% {
    opacity: 0;
    transform: scale(1.03);
  }

  6% {
    opacity: 1;
  }

  28% {
    opacity: 1;
    transform: scale(1);
  }

  34% {
    opacity: 0;
    transform: scale(1.02);
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-css-slideshow img {
    animation: none !important;
  }

  .brand-css-slideshow img:first-child {
    opacity: 1 !important;
    transform: none !important;
  }
}



  .brand-section-divider {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 56px 0 56px 0;
    background: rgba(182, 207, 208, 0.85);
  }

  .brand-section-divider::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 88px;
    height: 3px;
    background: #4797A8;
    border-radius: 99px;
  }

  @media (max-width: 767px) {
    .brand-section-divider {
      margin: 38px 0 38px 0;
    }

    .brand-section-divider::after {
      width: 64px;
    }
  }

/* =========================================================
   BRAND SQUARE SLIDESHOW
   Bruges til kvadratiske inspirations-/renoveringsslideshows
========================================================= */

.brand-square-slideshow {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.12);
  background: #202424;
}

.brand-square-slideshow img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  display: block;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  transform: none !important;
  animation: brandSquareFadeNoZoom 15s infinite;
}

.brand-square-slideshow img:nth-child(1) {
  animation-delay: 0s;
}

.brand-square-slideshow img:nth-child(2) {
  animation-delay: 5s;
}

.brand-square-slideshow img:nth-child(3) {
  animation-delay: 10s;
}

@keyframes brandSquareFadeNoZoom {
  0% {
    opacity: 0;
  }

  6% {
    opacity: 1;
  }

  28% {
    opacity: 1;
  }

  34% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-square-slideshow img {
    animation: none !important;
  }

  .brand-square-slideshow img:first-child {
    opacity: 1 !important;
  }
}

/* =========================================================
   BRAND 60/40 ROW
   Bruges til tekst + mindre billede/slideshow
========================================================= */

.brand-row-60-40 {
  align-items: center;
}

@media (min-width: 768px) {
  .brand-row-60-40 > div:first-child {
    flex: 0 0 58%;
    max-width: 58%;
  }

  .brand-row-60-40 > div:last-child {
    flex: 0 0 42%;
    max-width: 42%;
  }

  .brand-row-60-40 .brand-square-slideshow {
    max-width: 520px;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .brand-row-60-40 > div:first-child,
  .brand-row-60-40 > div:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .brand-row-60-40 > div:last-child {
    margin-top: 24px;
  }

  .brand-row-60-40 .brand-square-slideshow {
    max-width: 100%;
    margin-left: 0;
  }
}

/* =========================================================
   BRAND 40/60 ROW
   Bruges til billede/slideshow + tekst
========================================================= */

.brand-row-40-60 {
  align-items: center;
}

@media (min-width: 768px) {
  .brand-row-40-60 > div:first-child {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .brand-row-40-60 > div:last-child {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .brand-row-40-60 .brand-square-slideshow,
  .brand-row-40-60 .brand-main-image {
    max-width: 520px;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .brand-row-40-60 > div:first-child,
  .brand-row-40-60 > div:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .brand-row-40-60 > div:last-child {
    margin-top: 24px;
  }

  .brand-row-40-60 .brand-square-slideshow,
  .brand-row-40-60 .brand-main-image {
    max-width: 100%;
    margin-right: 0;
  }
}

/* =========================================================
   BRAND FEATURE LIST
========================================================= */

.brand-feature-list {
  margin: 22px 0 22px 0;
  padding: 0;
  list-style: none;
}

.brand-feature-list li {
  position: relative;
  margin: 0 0 14px 0;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.65;
  color: #333333;
}

.brand-feature-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #4797A8;
  font-weight: 900;
}

.brand-feature-list strong {
  color: #00587C;
}

/* =========================================================
   LML SPORT - REUSABLE CASE STORY LAYOUT
   Cleaned version without body selector hacks
   Used for article / case story pages
========================================================= */

/* ---------- Variables ---------- */

.lml-case--default,
.lml-case--beco,
.lml-case--dgi-byen,
.lml-case--hotel-viking,
.lml-case-hero-block,
.lml-case-intro-block,
.lml-case-gallery-block,
.lml-case-section-block,
.lml-case-statement-block,
.lml-case-result-cta-block,
.lml-case-split-block,
.lml-case-quote-block {
  --lml-case-primary: #00587C;
  --lml-case-dark: #004763;
  --lml-case-accent: #4797A8;
  --lml-case-soft: #edf8fc;
  --lml-case-border: #d8e5ea;
  --lml-case-text: #172433;
  --lml-case-muted: #5d6b78;
}

/* ---------- General block layout ---------- */

.lml-case-hero-block,
.lml-case-intro-block,
.lml-case-gallery-block,
.lml-case-section-block,
.lml-case-statement-block,
.lml-case-result-cta-block,
.lml-case-split-block,
.lml-case-quote-block {
  width: calc(100% - 48px);
  max-width: none;
  margin-left: 24px !important;
  margin-right: 24px !important;
  margin-bottom: 64px !important;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.lml-case-hero-block *,
.lml-case-intro-block *,
.lml-case-gallery-block *,
.lml-case-section-block *,
.lml-case-statement-block *,
.lml-case-result-cta-block *,
.lml-case-split-block *,
.lml-case-quote-block * {
  box-sizing: border-box;
}

/* =========================================================
   HERO
========================================================= */

.lml-case-hero-block {
  margin-top: 6px !important;
  margin-bottom: 40px !important;
}

.lml-case-hero-block > div,
.lml-case-hero-block [data-swift-text] {
  margin-top: 0 !important;
}

.lml-case-hero-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.16), transparent 36%),
    linear-gradient(135deg, var(--lml-case-primary), var(--lml-case-dark));
  box-shadow: 0 14px 34px rgba(0, 88, 124, 0.14);
}

.lml-case-hero-split__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 3.5vw, 48px) !important;
  color: #ffffff;
}

.lml-case-hero-split__image {
  min-height: 360px !important;
  background: #e8eef2;
}

.lml-case-hero-split__image img {
  width: 100%;
  height: 100%;
  min-height: 360px !important;
  display: block;
  object-fit: cover;
  object-position: center;
}

.lml-case-hero-brand-strip {
  width: min(360px, 74%);
  margin-left: calc(clamp(28px, 3.5vw, 48px) * -1);
  margin-bottom: 22px;
  padding: 18px 28px 18px clamp(28px, 3.5vw, 48px);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.14) 0%,
    rgba(255,255,255,0.09) 55%,
    rgba(255,255,255,0.04) 100%
  );
  border: 1px solid rgba(255,255,255,0.16);
  border-left: 0;
  border-radius: 0 12px 12px 0;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

.lml-case-hero-logo {
  display: block;
  max-width: 155px;
  width: 100%;
  height: auto;
  margin: 0;
  filter: brightness(0) invert(1);
  opacity: 0.98;
}

.lml-case-eyebrow {
  display: inline-flex;
  align-self: flex-start;
  margin: 0 0 16px !important;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.lml-case-eyebrow--dark {
  background: rgba(0, 88, 124, .12);
  color: var(--lml-case-primary) !important;
}

.lml-case-lead {
  max-width: 640px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(18px, 1.8vw, 22px) !important;
  line-height: 1.3 !important;
}

/* =========================================================
   INTRO + FACTS
   Rich Text safe version without .lml-case-facts wrapper
========================================================= */

.lml-case-intro-block > div,
.lml-case-intro-block [data-swift-text] {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

.lml-case-intro-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(520px, 0.8fr) !important;
  column-gap: 64px !important;
  row-gap: 0 !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
}

.lml-case-intro-text {
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  max-width: 760px !important;
}

.lml-case-intro-text p {
  margin: 0 0 22px !important;
  color: var(--lml-case-text) !important;
  font-size: clamp(18px, 1.7vw, 20px) !important;
  line-height: 1.4 !important;
}

.lml-case-intro-layout > div:not(.lml-case-intro-text) {
  grid-column: 2 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 24px 28px !important;
  background: var(--lml-case-soft) !important;
  border-left: 1px solid var(--lml-case-border) !important;
  border-right: 1px solid var(--lml-case-border) !important;
  border-bottom: 1px solid var(--lml-case-border) !important;
  box-shadow: none !important;
}

.lml-case-intro-layout > div:not(.lml-case-intro-text):nth-child(2) {
  border-top: 1px solid var(--lml-case-border) !important;
  border-radius: 12px 12px 0 0 !important;
}

.lml-case-intro-layout > div:not(.lml-case-intro-text):nth-child(3),
.lml-case-intro-layout > div:not(.lml-case-intro-text):nth-child(4) {
  border-radius: 0 !important;
}

.lml-case-intro-layout > div:not(.lml-case-intro-text):last-child {
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.06) !important;
}

.lml-case-intro-layout > div:not(.lml-case-intro-text) span {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--lml-case-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.lml-case-intro-layout > div:not(.lml-case-intro-text) strong {
  display: block !important;
  color: var(--lml-case-text) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

/* =========================================================
   GALLERY / IMAGE MOSAIC
========================================================= */

.lml-case-gallery-mosaic {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  grid-template-rows: repeat(2, minmax(240px, 1fr));
  gap: 18px;
}

.lml-case-gallery-mosaic figure {
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #e9eef2;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.10);
}

.lml-case-gallery-mosaic__large {
  grid-row: span 2;
}

.lml-case-gallery-mosaic img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  display: block;
  object-fit: cover;
  transition: transform .35s ease;
}

.lml-case-gallery-mosaic figure:hover img {
  transform: scale(1.035);
}

/* Standalone rounded images in columns / rich text */
.lml-case-img,
.lml-case-img img,
img.lml-case-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px !important;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.10);
}

/* =========================================================
   SECTION HEADINGS + CARDS
========================================================= */

.lml-case-section-heading {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin: 0 0 28px;
}

.lml-case-section-heading span {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--lml-case-primary);
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}

.lml-case-section-heading h2 {
  margin: 0 !important;
  color: var(--lml-case-text);
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em;
}

.lml-case-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.lml-case-card-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lml-case-card {
  min-height: 230px;
  padding: 28px;
  border: 1px solid var(--lml-case-border);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.06);
}

.lml-case-card::before {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  margin: 0 0 24px;
  border-radius: 999px;
  background: var(--lml-case-accent);
}

.lml-case-card h3 {
  margin: 0 0 14px !important;
  color: var(--lml-case-text);
  font-size: 22px !important;
  line-height: 1.16 !important;
  letter-spacing: -.02em;
}

.lml-case-card p {
  margin: 0 !important;
  color: var(--lml-case-muted);
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* =========================================================
   SPLIT SECTION + MINI GALLERY
========================================================= */

.lml-case-split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 36px;
  align-items: stretch;
}

.lml-case-split__content {
  padding: clamp(34px, 5vw, 58px);
  border-radius: 12px;
  background: var(--lml-case-soft);
}

.lml-case-split__content h2 {
  margin: 0 0 20px !important;
  color: var(--lml-case-text);
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em;
}

.lml-case-split__content p:not(.lml-case-eyebrow) {
  margin: 0 0 18px !important;
  color: var(--lml-case-muted);
  font-size: 18px !important;
  line-height: 1.7 !important;
}

.lml-case-mini-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.lml-case-mini-gallery img {
  width: 100%;
  height: 100%;
  min-height: 210px;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  background: #e9eef2;
  border: 1px solid rgba(182, 207, 208, 0.65);
}

/* =========================================================
   STATEMENT / QUOTE / CTA
========================================================= */

.lml-case-statement {
  padding: clamp(42px, 6vw, 76px);
  border-radius: 12px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, var(--lml-case-primary), var(--lml-case-dark));
}

.lml-case-statement p {
  max-width: 980px;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(34px, 5vw, 60px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0em;
  font-weight: 700;
}

.lml-case-quote {
  margin-top: 24px;
  padding: clamp(34px, 5vw, 58px);
  border-radius: 12px;
  background: var(--lml-case-soft);
}

.lml-case-quote::before {
  content: "“";
  display: block;
  margin-bottom: -20px;
  color: var(--lml-case-primary);
  font-size: 110px;
  line-height: .8;
  font-family: Georgia, serif;
}

.lml-case-quote blockquote {
  margin: 0 0 22px !important;
  color: var(--lml-case-text);
  font-size: clamp(22px, 3vw, 34px) !important;
  line-height: 1.32 !important;
  letter-spacing: -.025em;
  font-weight: 650;
}

.lml-case-quote p {
  margin: 0 !important;
  color: var(--lml-case-muted);
  font-size: 16px !important;
  font-weight: 700;
}

.lml-case-quote-with-image {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 28px;
  align-items: stretch;
}

.lml-case-quote-with-image figure {
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #e9eef2;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.10);
}

.lml-case-quote-with-image img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
  object-fit: cover;
}

.lml-case-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: end;
  margin-top: 54px;
  padding: clamp(34px, 5vw, 62px);
  border-radius: 12px;
  background: var(--lml-case-dark);
  color: #ffffff;
}

.lml-case-cta h2 {
  max-width: 820px;
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(32px, 4vw, 54px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em;
}

.lml-case-cta p:not(.lml-case-eyebrow) {
  max-width: 720px;
  margin: 0 !important;
  color: rgba(255,255,255,.84) !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

.lml-case-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 15px 24px;
  border-radius: 999px;
  background: #ffffff;
  color: var(--lml-case-dark) !important;
  font-size: 15px;
  font-weight: 900;
  text-decoration: none !important;
  white-space: nowrap;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1020px) {
  .lml-case-card-grid,
  .lml-case-card-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lml-case-cta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .lml-case-hero-split,
  .lml-case-split,
  .lml-case-quote-with-image {
    grid-template-columns: 1fr !important;
  }

  .lml-case-hero-split__image {
    order: -1;
    min-height: 340px !important;
  }

  .lml-case-hero-split__image img {
    min-height: 340px !important;
  }

  .lml-case-quote-with-image figure {
    order: -1;
  }
}

@media (max-width: 900px) {
  .lml-case-intro-layout {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 24px !important;
  }

  .lml-case-intro-text {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: none !important;
  }

  .lml-case-intro-layout > div:not(.lml-case-intro-text) {
    grid-column: 1 !important;
  }
}

@media (max-width: 768px) {
  .lml-case-hero-block,
  .lml-case-intro-block,
  .lml-case-gallery-block,
  .lml-case-section-block,
  .lml-case-statement-block,
  .lml-case-result-cta-block,
  .lml-case-split-block,
  .lml-case-quote-block {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 28px !important;
  }

  .lml-case-hero-block {
    margin-top: 4px !important;
  }

  .lml-case-hero-split__image,
  .lml-case-hero-split__image img {
    min-height: 220px !important;
    height: 220px !important;
    object-fit: cover !important;
  }

  .lml-case-hero-split__content {
    padding: 24px 20px 28px !important;
  }

  .lml-case-hero-brand-strip {
    width: min(240px, 88%) !important;
    margin-left: -20px !important;
    margin-bottom: 16px !important;
    padding: 12px 18px 12px 20px !important;
    border-radius: 0 10px 10px 0 !important;
  }

  .lml-case-hero-logo {
    max-width: 110px !important;
  }

  .lml-case-eyebrow {
    margin: 0 0 14px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    padding: 8px 12px !important;
  }

  .lml-case-lead {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  .lml-case-intro-text p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 18px !important;
  }

  .lml-case-intro-layout > div:not(.lml-case-intro-text) {
    padding: 18px !important;
  }

  .lml-case-intro-layout > div:not(.lml-case-intro-text) strong {
    font-size: 16px !important;
  }

  .lml-case-gallery-mosaic {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .lml-case-gallery-mosaic__large {
    grid-row: auto;
  }

  .lml-case-section-heading {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .lml-case-card-grid,
  .lml-case-card-grid--four,
  .lml-case-mini-gallery {
    grid-template-columns: 1fr;
  }

  .lml-case-card {
    min-height: auto;
  }
}

/* =========================================================
   Optional manual page-title hiding
   Only use if class "lml-case-page" can be placed on a wrapper/body
========================================================= */

/*
.lml-case-page main h1:first-of-type {
  display: none !important;
}

.lml-case-page .lml-case-hero-block h1 {
  display: block !important;
}

.lml-case-page main > .uk-container.uk-container-large.uk-margin-large-bottom.uk-margin-medium-top {
  display: none !important;
}
*/

/* =========================================================
   BRAND CASE MAGIC TILE
   Scoped wrapper version
   Class on 1 column block: brand-case-magic-tile-wrap
========================================================= */

.brand-case-magic-tile-wrap {
  margin: 28px 0 72px 0 !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #00587C !important;
  border: 1px solid rgba(182, 207, 208, 0.75) !important;
  box-shadow: 0 14px 34px rgba(0, 88, 124, 0.14) !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action .primary-action {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  border-radius: inherit !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action > div,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action .uk-grid,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action [class*="uk-grid"] {
  overflow: hidden !important;
  border-radius: inherit !important;
  margin: 0 !important;
  min-height: 340px !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action .uk-grid > *,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action [class*="uk-grid"] > * {
  padding-left: 0 !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action img {
  width: 100% !important;
  height: 100% !important;
  min-height: 340px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  transition: transform .35s ease !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action .uk-grid > div:last-child,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action [class*="uk-grid"] > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: clamp(34px, 5vw, 58px) !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.13), transparent 36%),
    linear-gradient(135deg, #00587C, #004763) !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action .uk-grid > div:last-child::before,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action [class*="uk-grid"] > div:last-child::before {
  content: "Case story";
  display: inline-flex;
  align-self: flex-start;
  margin: 0 0 18px 0;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action h2,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action h3,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action .title {
  max-width: 680px;
  margin: 0 0 14px 0 !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action p,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action .text,
.brand-case-magic-tile-wrap .preset-tile.has-primary-action .description {
  max-width: 680px;
  margin: 0 !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

.brand-case-magic-tile-wrap .preset-tile.has-primary-action:hover img {
  transform: scale(1.035);
}

@media (max-width: 900px) {
  .brand-case-magic-tile-wrap {
    margin: 24px 0 56px 0 !important;
  }

  .brand-case-magic-tile-wrap .preset-tile.has-primary-action .uk-grid,
  .brand-case-magic-tile-wrap .preset-tile.has-primary-action [class*="uk-grid"] {
    display: block !important;
    min-height: 0 !important;
  }

  .brand-case-magic-tile-wrap .preset-tile.has-primary-action img {
    min-height: 260px !important;
    max-height: 320px !important;
  }

  .brand-case-magic-tile-wrap .preset-tile.has-primary-action .uk-grid > div:last-child,
  .brand-case-magic-tile-wrap .preset-tile.has-primary-action [class*="uk-grid"] > div:last-child {
    padding: 28px 24px 32px !important;
  }
}

@media (max-width: 680px) {
  .brand-case-magic-tile-wrap .preset-tile.has-primary-action {
    border-radius: 12px !important;
  }

  .brand-case-magic-tile-wrap .preset-tile.has-primary-action img {
    min-height: 220px !important;
  }

  .brand-case-magic-tile-wrap .preset-tile.has-primary-action h2,
  .brand-case-magic-tile-wrap .preset-tile.has-primary-action h3,
  .brand-case-magic-tile-wrap .preset-tile.has-primary-action .title {
    font-size: 26px !important;
  }

  .brand-case-magic-tile-wrap .preset-tile.has-primary-action p,
  .brand-case-magic-tile-wrap .preset-tile.has-primary-action .text,
  .brand-case-magic-tile-wrap .preset-tile.has-primary-action .description {
    font-size: 16px !important;
  }
}

/* =========================================================
   BRAND CASES / INSPIRATION SECTION
========================================================= */

.brand-cases-section {
  margin: 0 0 56px 0;
}

.brand-cases-intro {
  margin-bottom: 28px !important;
}

.brand-cases-grid {
  margin-bottom: 0 !important;
}

.brand-cases-grid .brand-benefit-card {
  min-height: 240px;
}

@media (max-width: 767px) {
  .brand-cases-section {
    margin-bottom: 38px;
  }

  .brand-cases-intro {
    margin-bottom: 22px !important;
  }

  .brand-cases-grid .brand-benefit-card {
    min-height: 0;
  }
}

/* =========================================================
   LML RELATED CONTENT - FINAL V4.3
   Samlet styling: brandunivers + case stories + carousel
   V4.1: specificity-fix til fleksible glass panels
========================================================= */

/* =========================================================
   RELATERET INDHOLD - BRANDUNIVERS TILE
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"] {
  position: relative !important;
  display: block !important;
  grid-column: span 2 !important;
  width: 100% !important;
  height: 230px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  border: 1px solid #dcdcdc !important;
  background: #111 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  text-decoration: none !important;
  color: #fff !important;
  isolation: isolate !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: var(--focal-left, 50%) var(--focal-top, 50%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  opacity: 1 !important;
  transition: transform .35s ease !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::before {
  all: unset !important;
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  right: -1px !important;
  bottom: -1px !important;
  width: calc(33.333% + 2px) !important;
  z-index: 2 !important;
  display: block !important;
  border-radius: 0 8px 8px 0 !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center top 52px, center !important;
  background-size: 82% auto, 100% 100% !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  pointer-events: none !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::after {
  all: unset !important;
  content: "BRANDUNIVERS" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 24px !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  background: #006f8f !important;
  color: #fff !important;
  border-radius: 6px 0 0 6px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.16) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > span.label {
  all: unset !important;
  position: absolute !important;
  left: 22px !important;
  top: 28px !important;
  bottom: 24px !important;
  z-index: 5 !important;
  display: block !important;
  width: calc(52% - 44px) !important;
  max-width: 340px !important;
  padding: 16px 18px 64px 18px !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.26) 100%) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.16) !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > span.label::before {
  all: unset !important;
  content: "Få overblik over brandet, produktområder og relevante løsninger." !important;
  position: absolute !important;
  left: 18px !important;
  top: 52px !important;
  display: block !important;
  width: calc(100% - 36px) !important;
  color: rgba(255,255,255,0.92) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  text-transform: none !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > span.label::after {
  all: unset !important;
  content: "Læs om brandet  ›" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  background: #00587C !important;
  color: #ffffff !important;
  border-radius: 0 6px 6px 0 !important;
  box-shadow: 0 6px 16px rgba(0, 88, 124, 0.22) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Brandunivers logoer */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="beco"]::before {
  background-image:
    url("/media/vuwlvnkj/beco_logo_web.png"),
    linear-gradient(to bottom, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.40) 100%) !important;
  background-size: 82% auto, 100% 100% !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="aquaglide"]::before {
  background-image:
    url("/media/govdlcri/aquaglide_logo_web.png"),
    linear-gradient(to bottom, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.40) 100%) !important;
  background-size: 95% auto, 100% 100% !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="metra"]::before {
  background-image:
    url("/media/n2tfqsmp/metra_logo_web.png"),
    linear-gradient(to bottom, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.40) 100%) !important;
  background-size: 86% auto, 100% 100% !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="geschwender"]::before {
  background-image:
    url("/media/vb1fy0ab/geschwender_logo_web.png"),
    linear-gradient(to bottom, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.40) 100%) !important;
  background-size: 90% auto, 100% 100% !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="balliu-export"]::before {
  background-image:
    url("/media/d5ma2nio/balliu_logo_web.png"),
    linear-gradient(to bottom, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.40) 100%) !important;
  background-size: 90% auto, 100% 100% !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="aqua-drolics"]::before {
  background-image:
    url("/media/trblbrxl/aquadrolics_logo_web.png"),
    linear-gradient(to bottom, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.40) 100%) !important;
  background-size: 92% auto, 100% 100% !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="bestway"]::before {
  background-image:
    url("/media/yfrbpwht/bestway_logo_tagline_web.png"),
    linear-gradient(to bottom, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.40) 100%) !important;
  background-size: 94% auto, 100% 100% !important;
}

/* Brandunivers beskrivelser */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="beco"] > span.label::before {
  content: "Svømmeudstyr, badeartikler og løsninger til svømmehaller, undervisning og detail." !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="aquaglide"] > span.label::before {
  content: "Modulopbyggede vandparker, forhindringsbaner og oppustelige aktivitetsløsninger." !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="metra"] > span.label::before {
  content: "Elektroniske låse- og adgangsløsninger til skabe, lockers og professionelle omklædningsmiljøer." !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="geschwender"] > span.label::before {
  content: "Skabe, bænke og inventarløsninger til omklædning, svømmehaller og offentlige faciliteter." !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="balliu-export"] > span.label::before {
  content: "Professionelle solsenge, stole og udendørsmøbler til svømmehaller, resorts og rekreative miljøer." !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="aqua-drolics"] > span.label::before {
  content: "Vandlegepladser, sprayparker og interaktive løsninger til leg, bevægelse og vandaktivitet." !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[title="brand"][href*="bestway"] > span.label::before {
  content: "Oppustelige produkter, vandleg og aktivitetsløsninger til fritid, bad og rekreative miljøer." !important;
}

/* Brandunivers CTA'er */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[href*="beco"] > span.label::after {
  content: "Læs om BECO  ›" !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[href*="aquaglide"] > span.label::after {
  content: "Læs om Aquaglide  ›" !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[href*="metra"] > span.label::after {
  content: "Læs om Metra  ›" !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[href*="geschwender"] > span.label::after {
  content: "Læs om Geschwender  ›" !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid > a.brand.cbx-border[href*="balliu-export"] > span.label::after {
  content: "Læs om Balliu Export  ›" !important;
}

/* =========================================================
   RELATERET INDHOLD - CASE STORY TILE
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border {
  position: relative !important;
  display: block !important;
  grid-column: span 2 !important;
  height: 230px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  border: 1px solid #dcdcdc !important;
  background: #111 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
  color: #fff !important;
  text-decoration: none !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border > img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: var(--focal-left, 50%) var(--focal-top, 50%) !important;
  filter: none !important;
  opacity: 1 !important;
  transition: transform .35s ease !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border > span.label {
  all: unset !important;
  position: absolute !important;
  left: 22px !important;
  top: 28px !important;
  bottom: 24px !important;
  z-index: 5 !important;
  display: block !important;
  width: calc(62% - 44px) !important;
  max-width: 420px !important;
  padding: 20px 18px 64px 18px !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, rgba(0,0,0,0.52), rgba(0,0,0,0.26)) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.18) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}


body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border > span.label::after {
  all: unset !important;
  content: "Læs case story  ›" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  background: #00587C !important;
  color: #fff !important;
  border-radius: 0 6px 6px 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 16px rgba(0,88,124,.22) !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border::before {
  all: unset !important;
  content: "CASE STORY" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 24px !important;
  z-index: 7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  background: #006f8f !important;
  color: #fff !important;
  border-radius: 6px 0 0 6px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border::after {
  z-index: 8 !important;
}

/* =========================================================
   RELATERET INDHOLD - HOVER
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]:hover,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border:hover {
  transform: translateY(-2px) !important;
  border-color: #c7c7c7 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.14) !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]:hover > img,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border:hover > img {
  transform: scale(1.035) !important;
}

/* =========================================================
   RELATERET INDHOLD - hvidt/lysnet billede som brandoversigt
   Billedet bliver klart ved hover
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"],
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border {
  background: #ffffff !important;
}

/* Lysnet billede normal state */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > img,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border
  > img {
  opacity: 0.72 !important;
  filter: none !important;
  transition: opacity .25s ease, transform .35s ease !important;
}

/* Klart billede ved hover */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]:hover
  > img,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border:hover
  > img {
  opacity: 1 !important;
  filter: none !important;
  transform: scale(1.035) !important;
}


/* =========================================================
   LML RELATED CONTENT - CAROUSEL LAYOUT / FINAL
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin {
  position: relative !important;
  margin-bottom: 64px !important;
  padding-bottom: 14px !important;
  overflow: visible !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 4px 2px 14px !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid::-webkit-scrollbar {
  display: none !important;
}

body .details-related-products {
  clear: both !important;
  margin-top: 40px !important;
}

body .details-related-products .product-slider-headline,
body .details-related-products h3.product-slider-headline {
  margin-top: 0 !important;
}

/* Card geometry */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
  height: 250px !important;
  min-height: 250px !important;
  box-sizing: border-box !important;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

/* 1 card */
body .content-list.related-content.uk-container.uk-container-large.uk-margin.lml-related-has-one
  > .content-list-grid
  > a {
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* =========================================================
   FLEXIBLE GLASS PANELS
   Titel + teaser følger naturligt efter hinanden
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border
  > span.label {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  left: 20px !important;
  top: 22px !important;
  bottom: 22px !important;
  width: calc(100% - clamp(54px, 7vw, 86px)) !important;
  max-width: 600px !important;
  padding: 18px 18px 58px 18px !important;
  box-sizing: border-box !important;
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.14 !important;
  font-weight: 500 !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border
  > span.label::before {
  position: static !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 9px 0 0 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.90) !important;
  font-size: clamp(11px, .8vw, 13px) !important;
  line-height: 1.38 !important;
  max-height: none !important;
  overflow: visible !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border
  > span.label::after {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
}

/* Brand-panel får samme robuste tekstflow */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > span.label {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > span.label::before {
  position: static !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  margin: 9px 0 0 0 !important;
  padding: 0 !important;
}

/* =========================================================
   DESKTOP: 2 cards / peek af næste ved 3+
========================================================= */

@media (min-width: 901px) {
  body .content-list.related-content.uk-container.uk-container-large.uk-margin.lml-related-has-two
    > .content-list-grid
    > a.article.cbx-border,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin.lml-related-has-two
    > .content-list-grid
    > a.brand.cbx-border {
    flex: 0 0 calc((100% - 22px) / 2) !important;
    width: calc((100% - 22px) / 2) !important;
    min-width: calc((100% - 22px) / 2) !important;
    max-width: calc((100% - 22px) / 2) !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin.lml-related-has-many
    > .content-list-grid
    > a.article.cbx-border,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin.lml-related-has-many
    > .content-list-grid
    > a.brand.cbx-border {
    flex: 0 0 43.5% !important;
    width: 43.5% !important;
    min-width: 43.5% !important;
    max-width: 43.5% !important;
  }
}

/* =========================================================
   SMAL DESKTOP / TABLET
========================================================= */

@media (min-width: 681px) and (max-width: 1100px) {
  body .content-list.related-content.uk-container.uk-container-large.uk-margin > .content-list-grid {
    gap: 18px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.brand.cbx-border {
    flex: 0 0 68% !important;
    width: 68% !important;
    min-width: 68% !important;
    max-width: 68% !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label {
    left: 16px !important;
    top: 18px !important;
    bottom: 18px !important;
    width: calc(100% - 38px) !important;
    max-width: none !important;
    padding: 15px 15px 54px 15px !important;
    font-size: 16px !important;
    line-height: 1.13 !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label::before {
    margin-top: 8px !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }
}

/* =========================================================
   DESKTOP ARROWS
========================================================= */

body .lml-related-carousel-arrow {
  position: absolute !important;
  top: var(--lml-related-arrow-top, 55%) !important;
  z-index: 40 !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(0,88,124,.18) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  color: #00587C !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.13), 0 0 0 0 rgba(71,151,168,0);
  font-family: Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transform: translateY(-50%);
  transition: opacity .22s ease, transform .22s ease, background-color .22s ease, box-shadow .22s ease;
}

body .lml-related-carousel-arrow--prev { left: -22px !important; }
body .lml-related-carousel-arrow--next { right: -22px !important; }

body .lml-related-carousel-arrow:not(.is-disabled) {
  animation: lmlRelatedArrowPulse 2.5s ease-in-out infinite;
}

body .lml-related-carousel-arrow:not(.is-disabled):hover {
  background: #fff !important;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 12px 30px rgba(0,0,0,.17), 0 0 0 6px rgba(71,151,168,.11);
}

body .lml-related-carousel-arrow.is-disabled {
  opacity: .15 !important;
  pointer-events: none !important;
  animation: none !important;
}

body .lml-related-carousel-arrow[hidden] {
  display: none !important;
}

@keyframes lmlRelatedArrowPulse {
  0%, 100% {
    box-shadow: 0 10px 26px rgba(0,0,0,.13), 0 0 0 0 rgba(71,151,168,0);
  }
  50% {
    box-shadow: 0 10px 26px rgba(0,0,0,.13), 0 0 0 7px rgba(71,151,168,.12);
  }
}

/* =========================================================
   MOBILE CUES - skjult som default
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin > .lml-related-mobile-cue {
  display: none !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {
  body .content-list.related-content.uk-container.uk-container-large.uk-margin {
    margin-bottom: 38px !important;
    padding-bottom: 0 !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin > .content-list-grid {
    gap: 14px !important;
    padding: 4px 30px 16px 2px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.brand.cbx-border {
    flex: 0 0 84% !important;
    width: 84% !important;
    min-width: 84% !important;
    max-width: 84% !important;
    height: 270px !important;
    min-height: 270px !important;
  }

  /* =====================================================
     MOBILE CASE STORY - FLEXIBLE GLASS V4.3
     
     Selve shell'en går ned til CTA-linjen,
     men glass-effekten fader væk efter teksten.
     Dermed kan CTA og CASE STORY stadig flugte.
  ===================================================== */

  html body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label {

    left: 14px !important;
    top: 18px !important;
    right: auto !important;
    bottom: 24px !important;

    width: calc(100% - 44px) !important;
    max-width: none !important;

    padding:
      14px
      14px
      56px
      14px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;

    /*
      Mørkt hvor teksten står.
      Derefter gradvist mere af billedet.
    */
    background:
      linear-gradient(
        180deg,
        rgba(36, 32, 27, .76) 0%,
        rgba(36, 32, 27, .68) 34%,
        rgba(36, 32, 27, .48) 52%,
        rgba(36, 32, 27, .20) 68%,
        rgba(36, 32, 27, 0) 82%
      ) !important;

    border: 0 !important;

    border-radius:
      10px
      10px
      0
      0 !important;

    box-shadow: none !important;

    /*
      Blur må ikke ligge over hele den transparente
      del af billedet.
    */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    color: #ffffff !important;

    font-size: 15px !important;
    line-height: 1.17 !important;
    font-weight: 600 !important;

    text-shadow:
      0 1px 3px rgba(0,0,0,.24) !important;
  }


  /* Teaser følger altid efter titel */
  html body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label::before {

    position: static !important;
    inset: auto !important;

    order: 1 !important;

    display: -webkit-box !important;

    width: 100% !important;
    max-width: none !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,.90) !important;

    font-size: 11px !important;
    line-height: 1.36 !important;
    font-weight: 400 !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
  }


  /* CTA låses nederst og flugter med CASE STORY */
  html body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label::after {

    position: absolute !important;

    left: 0 !important;
    right: auto !important;

    top: auto !important;
    bottom: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    background: #006f8f !important;
    color: #ffffff !important;

    border-radius:
      0
      7px
      7px
      10px !important;

    box-shadow:
      0 6px 16px
      rgba(0,88,124,.20) !important;

    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
  }


  /* CASE STORY badge matcher CTA 1:1 */
  html body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border::before {

    bottom: 24px !important;

    height: 38px !important;
    min-height: 38px !important;

    padding: 0 13px !important;

    background: #006f8f !important;

    font-size: 10.5px !important;
  }

  /* Brand panel kan bruge mere plads på mobil */
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
    > span.label {
    left: 14px !important;
    top: 18px !important;
    bottom: 18px !important;
    width: calc(100% - 34px) !important;
    max-width: none !important;
    padding: 14px 14px 52px 14px !important;
    font-size: 17px !important;
    line-height: 1.12 !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
    > span.label::before {
    position: static !important;
    order: 1 !important;
    margin-top: 8px !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::before {
    width: 34% !important;
    background-position: center top 82px, center !important;
  }

  body .lml-related-carousel-arrow {
    display: none !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin > .lml-related-mobile-cue {
    position: absolute !important;
    top: calc(var(--lml-related-arrow-top, 55%) + 42px) !important;
    z-index: 48 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
    min-height: 36px !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    pointer-events: none !important;
    color: #fff !important;
    background: rgba(0,88,124,.72) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.17) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    font-size: 0 !important;
    transition: opacity .25s ease, visibility .25s ease;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin > .lml-related-mobile-cue--prev {
    left: 0 !important;
    right: auto !important;
    border-radius: 0 999px 999px 0 !important;
    transform: translateY(-50%) !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin > .lml-related-mobile-cue--next {
    right: 0 !important;
    left: auto !important;
    border-radius: 999px 0 0 999px !important;
    transform: translateY(-50%) !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin > .lml-related-mobile-cue.is-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  body .lml-related-mobile-cue__chevrons {
    display: flex !important;
    align-items: center !important;
  }

  body .lml-related-mobile-cue__chevrons span {
    display: block !important;
    margin-left: -3px !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  body .lml-related-mobile-cue__touch {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 2px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body .lml-related-mobile-cue--next .lml-related-mobile-cue__chevrons span {
    animation: lmlRelatedCueRight 1.8s ease-in-out infinite;
  }

  body .lml-related-mobile-cue--prev .lml-related-mobile-cue__chevrons span {
    animation: lmlRelatedCueLeft 1.8s ease-in-out infinite;
  }

  body .lml-related-mobile-cue__chevrons span:nth-child(1) { animation-delay: 0s; }
  body .lml-related-mobile-cue__chevrons span:nth-child(2) { animation-delay: .12s; }
  body .lml-related-mobile-cue__chevrons span:nth-child(3) { animation-delay: .24s; }
}

@media (max-width: 390px) {

  html body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label {
    width: calc(100% - 26px) !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  html body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label::before {
    font-size: 11px !important;
  }

}

@keyframes lmlRelatedCueRight {
  0%, 100% { opacity: .20; transform: translateX(-3px); }
  50% { opacity: 1; transform: translateX(3px); }
}

@keyframes lmlRelatedCueLeft {
  0%, 100% { opacity: .20; transform: translateX(3px); }
  50% { opacity: 1; transform: translateX(-3px); }
}

@media (prefers-reduced-motion: reduce) {
  body .lml-related-carousel-arrow,
  body .lml-related-mobile-cue__chevrons span {
    animation: none !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin > .content-list-grid {
    scroll-behavior: auto !important;
  }
}


/* =========================================================
   BLOGOVERSIGT - FILTER BAR
   Class sættes på 1 column block: lml-blog-filter-bar
========================================================= */

.lml-blog-filter-bar {
  width: 100%;
  margin: 0 0 26px 0 !important;
}

.lml-blog-filter-bar,
.lml-blog-filter-bar *,
.lml-blog-filter-inner,
.lml-blog-filter-inner * {
  box-sizing: border-box;
}

.lml-blog-filter-inner {
  padding: 18px 20px;
  border: 1px solid rgba(182, 207, 208, 0.85);
  border-radius: 12px;
  background: linear-gradient(
    180deg,
    rgba(237, 248, 252, 0.9),
    rgba(255, 255, 255, 0.95)
  );
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.04);
}

.lml-blog-filter-label {
  margin: 0 0 12px 0 !important;
  color: #00587C;
  font-family: Lato, Arial, sans-serif;
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lml-blog-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lml-blog-filter-buttons button {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(0, 88, 124, 0.18);
  background: #ffffff;
  color: #00587C;
  border-radius: 999px;
  padding: 9px 14px;
  font-family: Lato, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}

.lml-blog-filter-buttons button:hover,
.lml-blog-filter-buttons button:focus {
  transform: translateY(-1px);
  border-color: rgba(0, 88, 124, 0.38);
  box-shadow: 0 6px 14px rgba(0, 88, 124, 0.08);
  outline: none;
}

.lml-blog-filter-buttons button.is-active {
  background: #00587C;
  color: #ffffff;
  border-color: #00587C;
  box-shadow: 0 6px 14px rgba(0, 88, 124, 0.16);
}

.lml-blog-no-results {
  margin: 18px 0 0 0 !important;
  padding: 16px 18px;
  border-radius: 10px;
  background: #edf8fc;
  border: 1px solid rgba(182, 207, 208, 0.85);
  color: #35546a;
  font-family: Lato, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

/* Skjuler artikelkort, når JS tilføjer class'en */
body .content-list:not(.related-content)
  .content-list-grid
  a.article.cbx-border.lml-article-is-hidden {
  display: none !important;
}

@media (max-width: 680px) {
  .lml-blog-filter-bar {
    margin-bottom: 22px !important;
  }

  .lml-blog-filter-inner {
    padding: 16px;
    border-radius: 10px;
  }

  .lml-blog-filter-label {
    font-size: 12px !important;
    margin-bottom: 11px !important;
  }

  .lml-blog-filter-buttons {
    gap: 7px;
  }

  .lml-blog-filter-buttons button {
    padding: 8px 11px;
    font-size: 12px;
  }
}

/* =========================================================
   CASE STORY PAGE - DGI BYEN / GESCHWENDER
========================================================= */

.lml-case--dgi-byen {
  --lml-case-primary: #00587C;
  --lml-case-dark: #003f5f;
  --lml-case-accent: #4797A8;
  --lml-case-soft: #edf8fc;
  --lml-case-border: #d8e5ea;
  --lml-case-text: #172433;
  --lml-case-muted: #5d6b78;
}

.lml-case-hero-split__content h1 {
  max-width: 760px;
  margin: 0 0 20px !important;
  color: #ffffff !important;
  font-size: clamp(38px, 5vw, 60px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0em;
  font-weight: 700;
}

.lml-case--dgi-byen .lml-case-hero-logo {
  max-width: 170px;
}

.lml-case--dgi-byen.lml-case-intro-block {
  margin-bottom: 42px !important;
}

.lml-case--dgi-byen.lml-case-gallery-block {
  margin-top: 0 !important;
  margin-bottom: 52px !important;
}

.lml-case--dgi-byen .lml-case-intro-layout .lml-case-intro-text {
  grid-column: 1 !important;
  grid-row: auto !important;
  max-width: 760px !important;
}

.lml-case--dgi-byen .lml-case-intro-layout > .lml-case-facts-stack {
  grid-column: 2 !important;
  grid-row: auto !important;
  align-self: start !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.06) !important;
}

.lml-case--dgi-byen .lml-case-facts-stack .lml-case-fact {
  width: 100% !important;
  margin: 0 !important;
  padding: 24px 28px !important;
  background: var(--lml-case-soft) !important;
  border-left: 1px solid var(--lml-case-border) !important;
  border-right: 1px solid var(--lml-case-border) !important;
  border-bottom: 1px solid var(--lml-case-border) !important;
  box-shadow: none !important;
}

.lml-case--dgi-byen .lml-case-facts-stack .lml-case-fact:first-child {
  border-top: 1px solid var(--lml-case-border) !important;
}

.lml-case--dgi-byen .lml-case-facts-stack .lml-case-fact span {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: var(--lml-case-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.lml-case--dgi-byen .lml-case-facts-stack .lml-case-fact strong {
  display: block !important;
  color: var(--lml-case-text) !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

@media (max-width: 900px) {
  .lml-case--dgi-byen .lml-case-intro-layout > .lml-case-facts-stack {
    grid-column: 1 !important;
  }
}

@media (max-width: 768px) {
  .lml-case-hero-split__content h1 {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  .lml-case--dgi-byen .lml-case-hero-logo {
    max-width: 125px !important;
  }

  .lml-case--dgi-byen .lml-case-facts-stack .lml-case-fact {
    padding: 18px !important;
  }

  .lml-case--dgi-byen .lml-case-facts-stack .lml-case-fact strong {
    font-size: 16px !important;
  }
}

/* =========================================================
   LML JS SLIDER OVERRIDE
   Gør eksisterende CSS-slideshows klikbare/swipeable
========================================================= */

.brand-css-slideshow,
.brand-square-slideshow,
.beco-shop-carousel,
.beco-hero-carousel-main {
  cursor: grab;
  touch-action: pan-y;
}

.brand-css-slideshow.is-dragging,
.brand-square-slideshow.is-dragging,
.beco-shop-carousel.is-dragging,
.beco-hero-carousel-main.is-dragging {
  cursor: grabbing;
}

/* Når JS overtager, slukkes de gamle CSS-animationer */
.lml-js-slider-ready > img {
  animation: none !important;
  opacity: 0 !important;
  z-index: 1 !important;
  transition: opacity 0.35s ease !important;
}

/* Aktivt billede */
.lml-js-slider-ready > img.is-active {
  opacity: 1 !important;
  z-index: 2 !important;
}

/* =========================================================
   MALMSTEN - YOUTUBE SOM SLIDESHOW-SLIDE
   Videoen opfører sig som et almindeligt slide
========================================================= */

.brand-malmsten-play-slider
  > iframe.brand-malmsten-play-video {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: #000000 !important;

  opacity: 0 !important;
  visibility: hidden !important;

  z-index: 1 !important;

  pointer-events: none !important;

  transition:
    opacity 0.35s ease,
    visibility 0.35s ease !important;
}


/* Aktivt videoslide */

.brand-malmsten-play-slider
  > iframe.brand-malmsten-play-video.is-active {
  opacity: 1 !important;
  visibility: visible !important;

  z-index: 3 !important;

  pointer-events: auto !important;
}


/* Sørg for at dots altid ligger oven på YouTube */

.brand-malmsten-play-slider
  > .lml-js-slider-dots {
  z-index: 10 !important;
}

/* Dots som JS opretter, hvis der ikke allerede findes dots */
.lml-js-slider-dots {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 10;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Standard dot-knapper */
.lml-js-slider-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition:
    width 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}

/* Aktiv dot */
.lml-js-slider-dot.is-active,
.beco-hero-carousel-dots span.is-active,
.beco-shop-carousel-dots span.is-active {
  width: 24px !important;
  background: #ffffff !important;
  transform: scale(1) !important;
}

/* Sluk gamle dot-animationer, når JS overtager */
.lml-js-slider-ready ~ .beco-hero-carousel-dots span,
.lml-js-slider-ready .beco-shop-carousel-dots span,
.beco-shop-carousel.lml-js-slider-ready .beco-shop-carousel-dots span {
  animation: none !important;
}

/* Bedre placering på brand slideshows, hvor dots oprettes af JS */
.brand-css-slideshow .lml-js-slider-dots,
.brand-square-slideshow .lml-js-slider-dots {
  right: 18px;
  bottom: 18px;
}

/* Hvis brugeren selv har overtaget slideren */
.lml-js-slider-user-controlled .lml-js-slider-dot.is-active,
.lml-js-slider-user-controlled ~ .beco-hero-carousel-dots span.is-active,
.beco-shop-carousel.lml-js-slider-user-controlled .beco-shop-carousel-dots span.is-active {
  background: #ffffff !important;
}

/* Mobile justering */
@media (max-width: 768px) {
  .lml-js-slider-dots {
    right: 14px;
    bottom: 14px;
    gap: 7px;
  }

  .lml-js-slider-dot {
    width: 8px;
    height: 8px;
  }

  .lml-js-slider-dot.is-active,
  .beco-hero-carousel-dots span.is-active,
  .beco-shop-carousel-dots span.is-active {
    width: 22px !important;
  }
}

/* ========================================================= CASE HERO - DOUBLE BRAND LOGO STRIP Bruges fx til Hotel Viking med Geschwender + Metra ========================================================= */ .lml-case-hero-brand-strip--double { display: flex; align-items: center; gap: 22px; width: min(430px, 82%); } .lml-case-hero-brand-strip--double .lml-case-hero-logo { max-width: 145px; max-height: 54px; object-fit: contain; } .lml-case-hero-brand-strip--double .lml-case-hero-logo--metra { max-width: 120px; } @media (max-width: 767px) { .lml-case-hero-brand-strip--double { width: calc(100% + clamp(28px, 3.5vw, 48px)); gap: 16px; } .lml-case-hero-brand-strip--double .lml-case-hero-logo { max-width: 120px; max-height: 44px; } .lml-case-hero-brand-strip--double .lml-case-hero-logo--metra { max-width: 100px; } }

.lml-case-single-image {
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #e9eef2;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.10);
}

.lml-case-single-image img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  display: block;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 980px) {
  .lml-case-single-image img {
    min-height: 300px;
  }
}

/* =========================================================
   CASE RESULT CTA - IMAGE + CTA SAME HEIGHT
   Bruges når .lml-case-single-image og .lml-case-cta ligger side om side
========================================================= */

.lml-case-result-cta-block .lml-case-split {
  align-items: stretch !important;
}

.lml-case-result-cta-block .lml-case-single-image,
.lml-case-result-cta-block .lml-case-cta {
  height: 100% !important;
  min-height: 420px !important;
  margin-top: 0 !important;
}

.lml-case-result-cta-block .lml-case-single-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  object-fit: cover !important;
  object-position: center !important;
}

.lml-case-result-cta-block .lml-case-cta {
  display: grid !important;
  align-content: center !important;
}

@media (max-width: 980px) {
  .lml-case-result-cta-block .lml-case-single-image,
  .lml-case-result-cta-block .lml-case-cta {
    min-height: 300px !important;
  }

  .lml-case-result-cta-block .lml-case-single-image img {
    min-height: 300px !important;
  }
}

@media (max-width: 768px) {
  .lml-case-result-cta-block .lml-case-single-image,
  .lml-case-result-cta-block .lml-case-cta {
    min-height: 0 !important;
  }

  .lml-case-result-cta-block .lml-case-single-image img {
    min-height: 240px !important;
    height: 240px !important;
  }
}
/* =========================================================
   CASE GALLERY MOSAIC – ALTERNATIV 2
   Ét stort billede øverst til venstre,
   ét aflangt billede nederst til venstre
   og to billeder til højre
========================================================= */

.lml-case-gallery-mosaic-alt2 {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  grid-template-rows: 1.35fr 0.65fr;
  grid-template-areas:
    "large top-right"
    "wide bottom-right";
  gap: 18px;
}

.lml-case-gallery-mosaic-alt2 figure {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  border-radius: 12px;
}

.lml-case-gallery-mosaic-alt2__large {
  grid-area: large;
}

.lml-case-gallery-mosaic-alt2__top-right {
  grid-area: top-right;
}

.lml-case-gallery-mosaic-alt2__bottom-right {
  grid-area: bottom-right;
}

.lml-case-gallery-mosaic-alt2__wide {
  grid-area: wide;
}

.lml-case-gallery-mosaic-alt2 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Mobil */
@media (max-width: 767px) {
  .lml-case-gallery-mosaic-alt2 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "large"
      "top-right"
      "bottom-right"
      "wide";
    gap: 12px;
  }

  .lml-case-gallery-mosaic-alt2 figure {
    aspect-ratio: 4 / 3;
  }

  .lml-case-gallery-mosaic-alt2__wide {
    aspect-ratio: 16 / 7;
  }
}
/* =========================================================
   CASE GALLERIER – BILLEDTEKSTER
   Gælder både standardgalleriet og alternativ 2
========================================================= */

.lml-case-gallery-mosaic figure,
.lml-case-gallery-mosaic-alt2 figure {
  position: relative !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.lml-case-gallery-mosaic figure img,
.lml-case-gallery-mosaic-alt2 figure img {
  position: relative;
  z-index: 1;
}

.lml-case-gallery-mosaic figure figcaption,
.lml-case-gallery-mosaic-alt2 figure figcaption {
  display: block !important;
  position: absolute !important;
  left: 14px !important;
  bottom: 14px !important;
  z-index: 999 !important;

  width: auto !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  padding: 9px 13px !important;

  background: rgba(255, 255, 255, 0.85) !important;
  color: #1f1f1f !important;

  font-family: Lato, Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;

  border-radius: 6px !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

@media (max-width: 767px) {
  .lml-case-gallery-mosaic figure figcaption,
  .lml-case-gallery-mosaic-alt2 figure figcaption {
    left: 10px !important;
    bottom: 10px !important;
    max-width: calc(100% - 20px) !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
  }
}

/* =========================================================
   BLOGOVERSIGT - HERO INTRO
========================================================= */

.lml-blog-hero {
  display: block !important;
  margin: 24px 0 28px 0 !important;
  padding: clamp(30px, 4vw, 46px) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.16), transparent 34%),
    linear-gradient(135deg, #00587C 0%, #004763 100%) !important;
  box-shadow: 0 18px 42px rgba(0, 88, 124, 0.16) !important;
  color: #ffffff !important;
}

.lml-blog-hero__content {
  max-width: 860px !important;
  width: 860px;
}

.lml-blog-hero__eyebrow {
  display: inline-flex;
  margin: 0 0 14px 0 !important;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lml-blog-hero h1 {
  margin: 0 0 16px 0 !important;
  color: #fff !important;
  font-size: clamp(32px, 4.3vw, 54px) !important;
  line-height: 1.05 !important;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.lml-blog-hero__lead {
  margin: 0 !important;
  max-width: 760px;
  color: rgba(255,255,255,0.88) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}


/* =========================================================
   BLOGOVERSIGT - FILTERBAR FINISH
========================================================= */

.lml-blog-filter-bar {
  margin: 0 0 34px 0;
}

.lml-blog-filter-inner {
  padding: 18px 20px 20px;
  border-radius: 16px;
  background: #eef7fa;
  border: 1px solid #bcd5df;
  box-shadow: 0 8px 22px rgba(0, 72, 102, 0.06);
}

.lml-blog-filter-label {
  margin-bottom: 14px !important;
  color: #00587c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lml-blog-filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.lml-blog-filter-buttons button {
  transition: all .22s ease;
}

.lml-blog-filter-buttons button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0, 88, 124, 0.10);
}


/* =========================================================
   BLOGOVERSIGT - OVERSKRIFT
========================================================= */

.lml-blog-section-title {
  margin: 0 0 24px 0 !important;
  color: #173248 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}


/* =========================================================
   BLOGOVERSIGT - EMPTY STATE
========================================================= */

.lml-blog-no-results {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid #bcd5df;
  border-radius: 12px;
  background: #eef7fa;
  color: #173248;
  font-size: 16px;
  line-height: 1.5;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 980px) {
  .lml-blog-hero {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media (max-width: 680px) {
  .lml-blog-hero {
    margin: 18px 0 24px 0;
    padding: 24px 20px;
    border-radius: 14px;
  }

  .lml-blog-hero h1 {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  .lml-blog-hero__lead {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  .lml-blog-hero__aside {
    padding: 20px;
  }

  .lml-blog-filter-inner {
    padding: 16px;
  }
}

/* =========================================================
   BLOGOVERSIGT - POLISHED VERSION
========================================================= */

/* Hero: mere kompakt og redaktionel */
.lml-blog-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr) !important;
  gap: 34px !important;
  align-items: center !important;
  margin: 24px 0 28px 0 !important;
  padding: clamp(30px, 4vw, 46px) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.16), transparent 34%),
    linear-gradient(135deg, #00587C 0%, #004763 100%) !important;
  box-shadow: 0 18px 42px rgba(0, 88, 124, 0.16) !important;
  color: #ffffff !important;
}

.lml-blog-hero__content {
  max-width: 760px !important;
}

.lml-blog-hero__eyebrow {
  display: inline-flex !important;
  margin: 0 0 14px 0 !important;
  padding: 8px 13px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.16) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.lml-blog-hero h1 {
  max-width: 820px !important;
  margin: 0 0 16px 0 !important;
  color: #ffffff !important;
  font-size: clamp(34px, 4.2vw, 52px) !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
}

.lml-blog-hero__lead {
  max-width: 720px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
}

.lml-blog-hero__aside {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 24px 26px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

.lml-blog-hero__aside span {
  display: block !important;
  margin: 0 0 14px 0 !important;
  color: rgba(255,255,255,0.74) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.lml-blog-hero__aside ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.lml-blog-hero__aside li {
  position: relative !important;
  margin: 0 0 12px 0 !important;
  padding-left: 24px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.lml-blog-hero__aside li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #B6CFD0 !important;
  font-weight: 900 !important;
}

.lml-blog-hero__aside li:last-child {
  margin-bottom: 0 !important;
}


/* Filterbar: lidt mindre “formular”, mere univers */
.lml-blog-filter-bar {
  margin: 0 0 42px 0 !important;
}

.lml-blog-filter-inner {
  padding: 18px 20px 20px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(237, 248, 252, 0.96), rgba(255,255,255,0.98)) !important;
  border: 1px solid rgba(182, 207, 208, 0.95) !important;
  box-shadow: 0 10px 26px rgba(0, 88, 124, 0.06) !important;
}

.lml-blog-filter-label {
  margin: 0 0 13px 0 !important;
  color: #00587C !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.lml-blog-filter-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

.lml-blog-filter-buttons button {
  padding: 9px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.lml-blog-filter-buttons button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(0, 88, 124, 0.10) !important;
}


/* Gør “Blog”-overskriften mindre standard */
body.lml-blog-overview-page h3.uk-margin-top.uk-text-bold.uk-text-left {
  position: relative !important;
  margin: 0 0 24px 0 !important;
  color: #172433 !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

body.lml-blog-overview-page h3.uk-margin-top.uk-text-bold.uk-text-left::after {
  content: "" !important;
  display: block !important;
  width: 78px !important;
  height: 3px !important;
  margin-top: 12px !important;
  border-radius: 999px !important;
  background: #4797A8 !important;
}


/* Tom kategori */
.lml-blog-no-results {
  margin-top: 8px !important;
  padding: 18px 20px !important;
  border-radius: 12px !important;
  background: #edf8fc !important;
  border: 1px solid rgba(182, 207, 208, 0.95) !important;
  color: #173248 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}


/* Responsive */
@media (max-width: 980px) {
  .lml-blog-hero {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .lml-blog-hero__aside {
    padding: 22px 24px !important;
  }
}

@media (max-width: 680px) {
  .lml-blog-hero {
    margin: 18px 0 24px 0 !important;
    padding: 26px 22px !important;
    border-radius: 14px !important;
  }

  .lml-blog-hero h1 {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  .lml-blog-hero__lead {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }

  .lml-blog-hero__aside {
    padding: 20px !important;
  }

  .lml-blog-filter-inner {
    padding: 16px !important;
  }

  .lml-blog-filter-buttons button {
    padding: 8px 11px !important;
    font-size: 12px !important;
  }

}

body.lml-blog-overview-page h3.uk-margin-top.uk-text-bold.uk-text-left {
  display: none !important;
}

.lml-blog-heading {
  margin: 0 0 24px 0;
}

.lml-blog-heading__eyebrow {
  margin: 0 0 8px 0 !important;
  color: #4797A8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.lml-blog-heading h2 {
  margin: 0 !important;
  color: #172433 !important;
  font-size: clamp(30px, 3.2vw, 42px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

/* =========================================================
   VORES BRANDS - MASTER CONFIG V6.2
   Én samlet ejer af brandoversigten.
   V6.2: brand-specifikke logoer/tekster får højere specificity end fallback.
   Desktop: 3 kolonner | Tablet: 2 | Mobil: 1
   Logo + kort forklaring i højre glass-panel.
========================================================= */

/* ---------- Layout wrappers ---------- */

.lml-brand-overview-intro-block,
.lml-brand-overview-list-block,
.lml-brand-overview-cta-block {
  width: calc(100% - 48px);
  margin-left: 24px !important;
  margin-right: 24px !important;
  box-sizing: border-box;
}

.lml-brand-overview-intro-block {
  margin-top: 24px !important;
  margin-bottom: 36px !important;
}

.lml-brand-overview-list-block {
  margin-top: 0 !important;
  margin-bottom: 64px !important;
}

.lml-brand-overview-cta-block {
  margin-top: 16px !important;
  margin-bottom: 80px !important;
}

.lml-brand-overview-intro-block *,
.lml-brand-overview-list-block *,
.lml-brand-overview-cta-block * {
  box-sizing: border-box;
}

/* ---------- Hero ---------- */

.lml-brand-overview-hero {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  margin: 20px 0 24px !important;
  padding: clamp(26px, 3.5vw, 40px) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.14), transparent 34%),
    linear-gradient(135deg, #00587C 0%, #004763 100%) !important;
  box-shadow: 0 16px 36px rgba(0, 88, 124, 0.14) !important;
  color: #ffffff !important;
}

/* Hero-eyebrow er bevidst skjult; section-eyebrow beholdes */
.lml-brand-overview-hero .lml-brand-eyebrow {
  display: none !important;
}

.lml-brand-overview-hero h1 {
  max-width: 860px !important;
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3.6vw, 42px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.lml-brand-overview-hero p {
  max-width: 820px !important;
  margin: 0 0 10px !important;
  color: rgba(255,255,255,0.9) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}

.lml-brand-overview-hero p:last-child {
  margin-bottom: 0 !important;
}

/* ---------- Filter ---------- */

.lml-brand-filter {
  margin: 0 0 34px !important;
  padding: 16px 18px 18px !important;
  border: 1px solid rgba(182,207,208,0.95) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(237,248,252,0.96), rgba(255,255,255,0.98)) !important;
  box-shadow: 0 8px 20px rgba(0,88,124,0.05) !important;
}

.lml-brand-filter__label {
  margin: 0 0 12px !important;
  color: #00587C !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.lml-brand-filter__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.lml-brand-filter__buttons button {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(0,88,124,0.18) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #00587C !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
}

.lml-brand-filter__buttons button:hover,
.lml-brand-filter__buttons button:focus {
  transform: translateY(-1px) !important;
  border-color: rgba(0,88,124,0.38) !important;
  box-shadow: 0 6px 14px rgba(0,88,124,0.08) !important;
  outline: none !important;
}

.lml-brand-filter__buttons button.is-active {
  background: #00587C !important;
  color: #ffffff !important;
  border-color: #00587C !important;
  box-shadow: 0 6px 14px rgba(0,88,124,0.14) !important;
}

/* ---------- Heading ---------- */

.lml-brand-overview-heading {
  margin: 0 0 22px !important;
}

.lml-brand-eyebrow--blue {
  display: inline-block !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #4797A8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

.lml-brand-overview-heading h2 {
  position: relative !important;
  margin: 0 !important;
  color: #172433 !important;
  font-size: clamp(22px, 2.6vw, 30px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.lml-brand-overview-heading h2::after {
  content: "" !important;
  display: block !important;
  width: 64px !important;
  height: 3px !important;
  margin-top: 10px !important;
  border-radius: 999px !important;
  background: #4797A8 !important;
}

/* ---------- ContentList / grid ---------- */

body .lml-brand-overview-list-block .content-list {
  margin: 0 !important;
  padding: 0 !important;
}

body .lml-brand-overview-list-block h3.uk-margin-top.uk-text-bold.uk-text-left {
  display: none !important;
}

body .lml-brand-overview-list-block .content-list > .content-list-grid,
body.lml-brand-overview-page .lml-brand-overview-list-block .content-list-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- Brand card ---------- */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border {
  position: relative !important;
  display: block !important;
  float: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 255px !important;
  min-height: 255px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(182,207,208,0.75) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0,88,124,0.22) !important;
  box-shadow: 0 16px 30px rgba(0,0,0,0.12) !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border > img {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: var(--focal-left, 50%) var(--focal-top, 50%) !important;
  opacity: 1 !important;
  filter: none !important;
  transform: scale(1) !important;
  transition: transform .38s ease !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border:hover > img {
  transform: scale(1.045) !important;
}

/* ---------- Højre glass-panel ---------- */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border::before {
  all: unset !important;
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 42% !important;
  height: 100% !important;
  z-index: 4 !important;
  display: block !important;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center 44px, center !important;
  background-size: 74% auto, 100% 100% !important;
  background-color: rgba(255,255,255,0.20) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-left: 1px solid rgba(255,255,255,0.20) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

/* ---------- Logoer ---------- */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="aquaglide"]::before {
  background-image: url("/media/govdlcri/aquaglide_logo_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 84% auto, 100% 100% !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="aqua-drolics"]::before,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="aquadrolics"]::before {
  background-image: url("/media/trblbrxl/aquadrolics_logo_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 76% auto, 100% 100% !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="balliu-export"]::before,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="balliu"]::before {
  background-image: url("/media/d5ma2nio/balliu_logo_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 72% auto, 100% 100% !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="beco"]::before {
  background-image: url("/media/vuwlvnkj/beco_logo_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 80% auto, 100% 100% !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="bestway"]::before {
  background-image: url("/media/yfrbpwht/bestway_logo_tagline_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 76% auto, 100% 100% !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="geschwender"]::before {
  background-image: url("/media/vb1fy0ab/geschwender_logo_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 76% auto, 100% 100% !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="metra"]::before {
  background-image: url("/media/n2tfqsmp/metra_logo_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 68% auto, 100% 100% !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="splash-about"]::before {
  background-image: url("/media/llvik1lj/splash_about_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.22), rgba(255,255,255,0.42)) !important;
  background-size: 74% auto, 100% 100% !important;
}

/* EOS */
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"]::before,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"]::before {
  background-image: url("/media/gdpdv0sc/eos-sauna-spa.png"), linear-gradient(to bottom, rgba(255,255,255,0.20), rgba(255,255,255,0.44)) !important;
  background-position: center 40px, center !important;
  background-size: 62% auto, 100% 100% !important;
}

/* Malmsten */
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="malmsten"]::before {
  background-image: url("/media/fbimo3w0/malmsten_logo_web.png"), linear-gradient(to bottom, rgba(255,255,255,0.28), rgba(255,255,255,0.58)) !important;
  background-position: center 43px, center !important;
  background-size: 82% auto, 100% 100% !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

/* ---------- Label bruges kun som tekstholder ---------- */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border > span.label {
  all: unset !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 42% !important;
  height: 100% !important;
  z-index: 6 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border > span.label::before {
  all: unset !important;
  content: "Professionelle løsninger til svømmehaller og vådrum." !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  top: 116px !important;
  z-index: 7 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: rgba(23, 50, 72, 0.90) !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  text-indent: 0 !important;
  white-space: normal !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border > span.label::after {
  content: none !important;
  display: none !important;
}

/* ---------- Individuelle brandtekster ---------- */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="aquaglide"] > span.label::before {
  content: "Oppustelige vandparker · aktivitetsløsninger · events på vand" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="aqua-drolics"] > span.label::before,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="aquadrolics"] > span.label::before {
  content: "Vandleg · sprayparker · interaktive vandoplevelser" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="balliu-export"] > span.label::before,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="balliu"] > span.label::before {
  content: "Solsenge · udemøbler · professionelle poolområder" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="beco"] > span.label::before {
  content: "Svømmeudstyr · bademode · aquasport" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="bestway"] > span.label::before {
  content: "Oppustelige produkter · vandleg · pooludstyr" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="geschwender"] > span.label::before {
  content: "Vådrumsinventar · skabe · omklædningsmiljøer" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="metra"] > span.label::before {
  content: "Elektroniske låse · smart lockers · adgangskontrol" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="splash-about"] > span.label::before {
  content: "Svømmebleer · babybadetøj · hygiejnesikring" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="hygromatik"] > span.label::before,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="hygro-matik"] > span.label::before {
  content: "Dampgeneratorer · befugtning · spa & wellness" !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"] > span.label::before,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] > span.label::before {
  content: "Saunaovne · styring · premium wellness" !important;
  top: 124px !important;
  left: 18px !important;
  right: 18px !important;
  font-size: 10.7px !important;
}

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="malmsten"] > span.label::before {
  content: "Konkurrenceudstyr · Lane Lines · pool toys" !important;
}

/* ---------- BRANDUNIVERS badge ---------- */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border::after {
  all: unset !important;
  content: "BRANDUNIVERS" !important;
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  background: #006f8f !important;
  color: #ffffff !important;
  border-radius: 8px 0 0 0 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.14) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* ---------- Filtering ---------- */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border.lml-brand-is-hidden {
  display: none !important;
}

.lml-brand-no-results {
  margin: 18px 0 0 !important;
  padding: 18px 20px !important;
  border: 1px solid #bcd5df !important;
  border-radius: 12px !important;
  background: #eef7fa !important;
  color: #173248 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* ---------- CTA nederst ---------- */

.lml-brand-overview-cta {
  display: block !important;
  max-width: none !important;
  padding: clamp(34px, 5vw, 58px) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.13), transparent 36%),
    linear-gradient(135deg, #00587C 0%, #004763 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 42px rgba(0,88,124,0.16) !important;
}

.lml-brand-overview-cta .lml-brand-eyebrow {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;
  max-width: max-content !important;

  margin: 0 0 18px 0 !important;
  padding: 7px 12px !important;

  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 7px !important;

  color: #ffffff !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

.lml-brand-overview-cta h2 {
  max-width: 820px !important;
  margin: 0 0 16px !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.lml-brand-overview-cta p:not(.lml-brand-eyebrow) {
  max-width: 760px !important;
  margin: 0 0 24px !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

.lml-brand-overview-cta a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #00587C !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.14) !important;
}

.lml-brand-overview-cta a:hover {
  transform: translateY(-1px) !important;
  color: #004763 !important;
}

/* ---------- Responsive: tablet = 2 columns ---------- */

@media (min-width: 681px) and (max-width: 980px) {
  body .lml-brand-overview-list-block .content-list > .content-list-grid,
  body.lml-brand-overview-page .lml-brand-overview-list-block .content-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border::before,
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border > span.label {
    width: 44% !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"]::before,
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"]::before {
    background-position: center 36px, center !important;
    background-size: 58% auto, 100% 100% !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="malmsten"]::before {
    background-position: center 38px, center !important;
    background-size: 80% auto, 100% 100% !important;
  }
}

/* ---------- Responsive: mobil = 1 column ---------- */

@media (max-width: 680px) {
  .lml-brand-overview-intro-block,
  .lml-brand-overview-list-block,
  .lml-brand-overview-cta-block {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .lml-brand-overview-hero {
    margin-top: 16px !important;
    padding: 24px 18px !important;
    border-radius: 14px !important;
  }

  .lml-brand-overview-hero h1 {
    font-size: 28px !important;
    line-height: 1.1 !important;
  }

  .lml-brand-overview-hero p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  .lml-brand-filter {
    padding: 16px !important;
    border-radius: 12px !important;
  }

  .lml-brand-filter__buttons {
    gap: 7px !important;
  }

  .lml-brand-filter__buttons button {
    padding: 9px 11px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }

  body .lml-brand-overview-list-block .content-list > .content-list-grid,
  body.lml-brand-overview-page .lml-brand-overview-list-block .content-list-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border {
    height: 250px !important;
    min-height: 250px !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border::before,
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border > span.label {
    width: 46% !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border::before {
    background-position: center 34px, center !important;
    background-size: 72% auto, 100% 100% !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border > span.label::before {
    top: 100px !important;
    left: 12px !important;
    right: 12px !important;
    font-size: 10px !important;
    line-height: 1.24 !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"]::before,
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"]::before {
    background-position: center 32px, center !important;
    background-size: 56% auto, 100% 100% !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"] > span.label::before,
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] > span.label::before {
    top: 106px !important;
    font-size: 9.8px !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="malmsten"]::before {
    background-position: center 34px, center !important;
    background-size: 78% auto, 100% 100% !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="malmsten"] > span.label::before {
    top: 104px !important;
  }

  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border::after {
    min-height: 36px !important;
    padding: 0 13px !important;
    font-size: 9.5px !important;
  }

  .lml-brand-overview-cta {
    padding: 32px 24px !important;
    border-radius: 14px !important;
  }
}


/* =========================================================
   BLOG - HERO EYEBROW POLISH
========================================================= */

.lml-blog-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 22px 0 !important;
  padding: 7px 13px !important;

  border-radius: 999px !important;
  background: rgba(255,255,255,0.11) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;

  color: rgba(255,255,255,0.88) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.105em !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

/* =========================================================
   BLOG - HERO REFINEMENT
========================================================= */

.lml-blog-hero {
  margin: 24px 0 28px 0 !important;
  padding: clamp(40px, 4.5vw, 58px) clamp(42px, 5vw, 68px) !important;
  border-radius: 18px !important;
}

.lml-blog-hero h1 {
  max-width: 820px !important;
  margin: 0 0 18px 0 !important;
  font-size: clamp(38px, 4vw, 54px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}

.lml-blog-hero__lead {
  max-width: 720px !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* =========================================================
   LML SPORT - SHAPE SYSTEM CLEANUP
   Mere design-clean: soft rectangles i stedet for pill-former
   Gælder Blog + Vores Brands
========================================================= */

/* ---------- Form-system ---------- */

:root {
  --lml-radius-hero: 18px;
  --lml-radius-box: 14px;
  --lml-radius-chip: 10px;
  --lml-radius-label: 7px;
}


/* =========================================================
   BLOG - HERO + EYEBROW
========================================================= */

.lml-blog-hero {
  border-radius: var(--lml-radius-hero) !important;
}

.lml-blog-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 22px 0 !important;
  padding: 8px 14px !important;

  border-radius: var(--lml-radius-label) !important;
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;

  color: rgba(255,255,255,0.9) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.095em !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}


/* =========================================================
   BLOG - FILTER
========================================================= */

.lml-blog-filter-inner {
  border-radius: var(--lml-radius-box) !important;
}

.lml-blog-filter-buttons button {
  border-radius: var(--lml-radius-chip) !important;
  padding: 10px 14px !important;
}

.lml-blog-filter-buttons button.is-active {
  border-radius: var(--lml-radius-chip) !important;
}


/* =========================================================
   BLOG - SECTION EYEBROW
   "INSPIRATION FRA LML SPORT"
========================================================= */

.lml-blog-heading__eyebrow {
  display: inline-block !important;
  margin: 0 0 9px 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;

  color: #4797A8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.085em !important;
  text-transform: uppercase !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {
  .lml-blog-hero,
  .lml-brand-overview-hero {
    border-radius: 14px !important;
  }

  .lml-blog-filter-inner,
  .lml-brand-filter {
    border-radius: 12px !important;
  }

  .lml-blog-filter-buttons button,
  .lml-brand-filter__buttons button {
    border-radius: 9px !important;
    padding: 9px 11px !important;
  }

  .lml-blog-hero__eyebrow {
    border-radius: 7px !important;
    padding: 7px 12px !important;
    font-size: 10px !important;
  }
}

/* =========================================================
   LML KONTAKT - CLEAN FINAL VERSION
   Bruges på kontakt-ny
========================================================= */

/* ---------- Section control ---------- */

.lml-contact-section {
  width: calc(100% - 48px);
  max-width: none;
  margin-left: 24px !important;
  margin-right: 24px !important;
  box-sizing: border-box;
}

.lml-contact-section *,
.lml-contact-intro *,
.lml-contact-jump *,
.lml-contact-section-title *,
.lml-contact-card * {
  box-sizing: border-box;
}

.lml-contact-section--intro {
  margin-top: 8px !important;
  margin-bottom: 28px !important;
}

.lml-contact-section--jump {
  margin-bottom: 56px !important;
}

.lml-contact-section--heading {
  margin-top: 58px !important;
  margin-bottom: 24px !important;
}

.lml-contact-section--cards {
  margin-bottom: 56px !important;
}


/* ---------- Intro ---------- */

.lml-contact-intro {
  margin: 0 !important;
  padding: clamp(30px, 4vw, 46px) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid rgba(182, 207, 208, 0.65) !important;
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.10) !important;
}

.lml-contact-eyebrow {
  margin: 0 0 12px 0 !important;
  color: #4797A8 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.lml-contact-intro h1 {
  margin: 0 0 18px 0 !important;
  color: #00587C !important;
  font-size: clamp(38px, 5vw, 64px) !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
}

.lml-contact-intro p {
  max-width: 860px !important;
  margin: 0 0 24px 0 !important;
  color: #5d6b78 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

.lml-contact-main-info {
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
  gap: 26px !important;
  margin-top: 28px !important;
  padding: 26px 28px !important;
  border-radius: 12px !important;
  background: #edf8fc !important;
  border: 1px solid rgba(182, 207, 208, 0.65) !important;
  color: #172433 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

.lml-contact-main-info a {
  color: #00587C !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.lml-contact-main-info a:hover {
  text-decoration: underline !important;
}


/* ---------- Intro buttons ---------- */

.lml-contact-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 28px !important;
}

.lml-contact-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    background-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease !important;
}

.lml-contact-actions a:first-child {
  background: #00587C !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(0, 88, 124, 0.18) !important;
}

.lml-contact-actions a:first-child:hover {
  background: #004763 !important;
  transform: translateY(-1px) !important;
}

.lml-contact-actions a:last-child {
  background: #ffffff !important;
  color: #00587C !important;
  border: 1px solid rgba(182, 207, 208, 0.85) !important;
}

.lml-contact-actions a:last-child:hover {
  transform: translateY(-1px) !important;
}


/* ---------- Jump navigation ---------- */

.lml-contact-jump {
  margin: 0 !important;
  padding: 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  border-radius: 12px !important;
  background: #edf8fc !important;
  border: 1px solid rgba(182, 207, 208, 0.85) !important;
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.04) !important;
}

.lml-contact-jump a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #00587C !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 88, 124, 0.04) !important;
}

.lml-contact-jump a:hover {
  background: #00587C !important;
  color: #ffffff !important;
}


/* ---------- Section headings ---------- */

.lml-contact-section-title {
  margin: 0 !important;
  scroll-margin-top: 120px !important;
}

.lml-contact-section-title h2 {
  margin: 0 !important;
  color: #00587C !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
}


/* ---------- Umbraco / UIkit equal height ---------- */

.lml-contact-section--cards.uk-grid {
  align-items: stretch !important;
}

.lml-contact-section--cards > [class*="uk-width"] {
  display: flex !important;
}

.lml-contact-section--cards > [class*="uk-width"] > div,
.lml-contact-section--cards > [class*="uk-width"] > div > div,
.lml-contact-section--cards .uk-grid-column {
  display: flex !important;
  width: 100% !important;
}

.lml-contact-section--cards .lml-contact-card {
  width: 100% !important;
}


/* ---------- Contact cards ---------- */

.lml-contact-card {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  min-height: 560px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(182, 207, 208, 0.75) !important;
  box-shadow: 0 8px 22px rgba(0, 88, 124, 0.06) !important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease !important;
}

.lml-contact-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0, 88, 124, 0.22) !important;
  box-shadow: 0 14px 30px rgba(0, 88, 124, 0.10) !important;
}


/* ---------- Card media / video crossfade ---------- */

.lml-contact-card__media {
  position: relative !important;
  height: 230px !important;
  flex: 0 0 230px !important;
  overflow: hidden !important;
  background: #edf8fc !important;
}

.lml-contact-card__media img,
.lml-contact-card__media video,
.lml-contact-card__poster,
.lml-contact-card__video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* Video ligger nederst */
.lml-contact-card__video {
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #edf8fc !important;
}

/* Stillbillede ligger ovenpå video */
.lml-contact-card__poster {
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition:
    opacity 0.85s ease,
    transform 0.85s ease,
    filter 0.85s ease !important;
}

/* Crossfade: poster forsvinder først når JS har sat begge classes */
.lml-contact-card--motion.is-playing.is-video-ready .lml-contact-card__poster {
  opacity: 0 !important;
  transform: scale(1.012) !important;
  filter: blur(1.5px) !important;
  pointer-events: none !important;
}


/* ---------- Card body ---------- */

.lml-contact-card__body {
  flex: 1 1 auto !important;
  min-height: 330px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 26px 26px 28px !important;
}

.lml-contact-card__body h3 {
  min-height: 74px !important;
  margin: 0 0 10px 0 !important;
  color: #00587C !important;
  font-size: clamp(24px, 2vw, 31px) !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}

.lml-contact-card__role {
  min-height: 50px !important;
  margin: 0 0 18px 0 !important;
  color: #007C97 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

.lml-contact-card__divider {
  height: 1px !important;
  margin: 0 0 22px 0 !important;
  background: rgba(182, 207, 208, 0.85) !important;
}

.lml-contact-card__body > a.lml-contact-card__item:first-of-type {
  margin-top: auto !important;
}

.lml-contact-card__item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin-top: 12px !important;
  color: #172433 !important;
  text-decoration: none !important;
}

.lml-contact-card__item:hover {
  color: #00587C !important;
}

.lml-contact-card__icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #edf8fc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #00587C !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.lml-contact-card__text {
  display: block !important;
  min-width: 0 !important;
  color: #172433 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}


/* ---------- Text-only / external consultant cards ---------- */

.lml-contact-card--textonly {
  min-height: 260px !important;
}

.lml-contact-card--textonly .lml-contact-card__body {
  min-height: 260px !important;
}

.lml-contact-card--textonly .lml-contact-card__body h3 {
  min-height: auto !important;
}

.lml-contact-card--textonly .lml-contact-card__role {
  min-height: auto !important;
}


/* ---------- Mobile ---------- */

@media (max-width: 768px) {
  .lml-contact-section {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .lml-contact-section--intro {
    margin-top: 4px !important;
    margin-bottom: 24px !important;
  }

  .lml-contact-section--jump {
    margin-bottom: 38px !important;
  }

  .lml-contact-section--heading {
    margin-top: 42px !important;
    margin-bottom: 18px !important;
  }

  .lml-contact-section--cards {
    margin-bottom: 38px !important;
  }

  .lml-contact-intro {
    padding: 28px 22px !important;
  }

  .lml-contact-intro h1 {
    font-size: 36px !important;
  }

  .lml-contact-intro p {
    font-size: 16px !important;
  }

  .lml-contact-main-info {
    grid-template-columns: 1fr !important;
    padding: 22px !important;
  }

  .lml-contact-jump {
    border-radius: 12px !important;
  }

  .lml-contact-jump a {
    flex: 1 1 auto !important;
  }

  .lml-contact-card {
    min-height: 0 !important;
  }

  .lml-contact-card__media {
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    flex-basis: auto !important;
  }

  .lml-contact-card__body {
    min-height: 0 !important;
    padding: 24px 22px 26px !important;
  }

  .lml-contact-card__body h3,
  .lml-contact-card__role {
    min-height: 0 !important;
  }

  .lml-contact-card__body > a.lml-contact-card__item:first-of-type {
    margin-top: 20px !important;
  }

  .lml-contact-card__icon {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  .lml-contact-card__text {
    font-size: 15px !important;
  }
}

/* =========================================================
   LML KONTAKT - BRAND/BLOG STYLE ALIGNMENT PATCH
   Lægges nederst efter kontakt-CSS
========================================================= */

/* Kontaktsektioner skal flugte mere med den normale content-container */
.lml-contact-section {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Intro: mindre “kort-i-kort”, mere brand/blog hero */
.lml-contact-intro {
  margin: 20px 0 28px 0 !important;
  padding: clamp(34px, 4.4vw, 54px) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(182, 207, 208, 0.75) !important;
  box-shadow: 0 16px 36px rgba(0, 88, 124, 0.10) !important;
}

/* Skjul den lille KONTAKT eyebrow øverst i introen */
.lml-contact-intro .lml-contact-eyebrow {
  display: none !important;
}

/* H1 tættere på brand/blog-stil, men stadig ikke så tung som blog */
.lml-contact-intro h1 {
  max-width: 900px !important;
  margin: 0 0 18px 0 !important;
  color: #00587C !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  line-height: 1.04 !important;
  font-weight: 600 !important;
  letter-spacing: -0.045em !important;
}

/* Intro-tekst lidt mere rolig og bred */
.lml-contact-intro p {
  max-width: 880px !important;
  margin-bottom: 28px !important;
  color: #4f6271 !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

/* Kontaktinfo-boksen må gerne føles som filter/infoboks fra brand/blog */
.lml-contact-main-info {
  margin-top: 30px !important;
  padding: 26px 30px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(237, 248, 252, 0.98), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(182, 207, 208, 0.95) !important;
  box-shadow: 0 8px 20px rgba(0, 88, 124, 0.045) !important;
}

/* Knapper lidt tættere på LML CTA-stil */
.lml-contact-actions {
  margin-top: 28px !important;
}

.lml-contact-actions a {
  min-height: 44px !important;
  border-radius: 8px !important;
}

/* Jumpbar som blog/brand filterbar */
.lml-contact-section--jump {
  margin-top: 0 !important;
  margin-bottom: 64px !important;
}

.lml-contact-jump {
  padding: 16px 18px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(180deg, rgba(237, 248, 252, 0.96), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(182, 207, 208, 0.95) !important;
  box-shadow: 0 10px 26px rgba(0, 88, 124, 0.06) !important;
}

/* Giv jumpbaren en lille label som på filterbarerne */
.lml-contact-jump::before {
  content: "Find den rette kontakt";
  flex: 0 0 100%;
  display: block !important;
  margin: 0 0 4px 0 !important;
  color: #00587C !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.lml-contact-jump a {
  min-height: 40px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(0, 88, 124, 0.14) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #00587C !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease !important;
}

.lml-contact-jump a:hover {
  transform: translateY(-1px) !important;
  background: #00587C !important;
  color: #ffffff !important;
  border-color: #00587C !important;
  box-shadow: 0 8px 18px rgba(0, 88, 124, 0.12) !important;
}

/* Sektionsoverskrifter tættere på brand/blog heading-opbygning */
.lml-contact-section--heading {
  margin-top: 64px !important;
  margin-bottom: 24px !important;
}

.lml-contact-section-title .lml-contact-eyebrow {
  display: block !important;
  margin: 0 0 9px 0 !important;
  color: #4797A8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.lml-contact-section-title h2 {
  position: relative !important;
  margin: 0 !important;
  color: #00587C !important;
  font-size: clamp(36px, 4.4vw, 58px) !important;
  line-height: 1.04 !important;
  font-weight: 600 !important;
  letter-spacing: -0.045em !important;
}

.lml-contact-section-title h2::after {
  content: "" !important;
  display: block !important;
  width: 78px !important;
  height: 3px !important;
  margin-top: 14px !important;
  border-radius: 999px !important;
  background: #4797A8 !important;
}

/* Lidt mere afstand mellem overskrift og kort */
.lml-contact-section--cards {
  margin-bottom: 64px !important;
}

/* Mobile */
@media (max-width: 768px) {
  .lml-contact-section {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .lml-contact-intro {
    margin: 14px 0 24px 0 !important;
    padding: 28px 22px !important;
    border-radius: 14px !important;
  }

  .lml-contact-intro h1 {
    font-size: 36px !important;
    line-height: 1.08 !important;
  }

  .lml-contact-main-info {
    padding: 22px !important;
  }

  .lml-contact-jump {
    padding: 15px !important;
  }

  .lml-contact-jump::before {
    font-size: 12px !important;
  }

  .lml-contact-section-title h2 {
    font-size: 34px !important;
  }
}

/* =========================================================
   LML KONTAKT - CLEAN TAIL V2
   One-line desktop jump nav + mobile bottom nav + SoMe
========================================================= */

/* Skjul medarbejder-eyebrow */
.lml-contact-section-title .lml-contact-eyebrow {
  display: none !important;
}


/* =========================================================
   JUMP MENU - SHARED BASE
   Desktop: én linje når der er plads, wrap når vinduet bliver smallere
========================================================= */

.lml-contact-section--intro {
  margin-bottom: 18px !important;
}

.lml-contact-section--jump {
  position: relative !important;
  z-index: 90 !important;
  margin-top: 6px !important;
  margin-bottom: 56px !important;
  min-height: 58px !important;
}

.lml-contact-section--jump.is-sticky {
  min-height: 58px !important;
  margin-bottom: 56px !important;
}

.lml-contact-jump {
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  padding: 10px 22px !important;
  border-radius: 10px !important;

  background:
    linear-gradient(180deg, rgba(237, 248, 252, 0.96), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(182, 207, 208, 0.95) !important;
  box-shadow: 0 10px 24px rgba(0, 88, 124, 0.06) !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Label ligger på samme linje som knapperne */
.lml-contact-jump::before {
  content: "Find den rette kontakt" !important;

  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;

  display: inline-flex !important;
  align-items: center !important;

  margin: 0 10px 0 0 !important;

  color: #00587C !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.lml-contact-jump a {
  flex: 0 0 auto !important;

  min-height: 34px !important;
  height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 14px !important;
  border-radius: 6px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0, 88, 124, 0.18) !important;
  color: #00587C !important;

  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: none !important;
  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease !important;
}

.lml-contact-jump a:hover {
  transform: translateY(-1px) !important;
  background: #00587C !important;
  color: #ffffff !important;
  border-color: #00587C !important;
  box-shadow: 0 8px 18px rgba(0, 88, 124, 0.12) !important;
}

/* =========================================================
   ACTIVE STATE
========================================================= */

.lml-contact-jump a:first-of-type:not(.is-active) {
  background: #ffffff !important;
  border-color: rgba(0, 88, 124, 0.18) !important;
  color: #00587C !important;
}

.lml-contact-jump a.is-active {
  background: #00587C !important;
  border-color: #00587C !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(0, 88, 124, 0.12) !important;
}

.lml-contact-jump a.is-active:hover {
  background: #00587C !important;
  border-color: #00587C !important;
  color: #ffffff !important;
}

.lml-contact-jump a:focus-visible {
  outline: 2px solid rgba(0, 88, 124, 0.35) !important;
  outline-offset: 3px !important;
}

/* =========================================================
   DESKTOP STICKY - RESPONSIVE WRAP
   Full desktop: én linje
   Small desktop/iPad landscape: 2 linjer inden for rammen
========================================================= */

@media (min-width: 769px) {
  .lml-contact-section--jump.is-sticky .lml-contact-jump {
    position: fixed !important;
    top: var(--lml-contact-sticky-top, 137px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 160px) !important;
    max-width: 1600px !important;

    z-index: 9990 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    padding: 10px 22px !important;
    border-radius: 0 0 10px 10px !important;
    border-top: 0 !important;

    overflow: visible !important;

    background:
      linear-gradient(180deg, rgba(237, 248, 252, 0.985), rgba(255, 255, 255, 0.985)) !important;
    box-shadow: 0 8px 20px rgba(0, 88, 124, 0.10) !important;
  }

  .lml-contact-section--jump.is-sticky + .lml-contact-section--heading {
    margin-top: 42px !important;
  }

  .lml-contact-section-title {
  scroll-margin-top: calc(var(--lml-contact-sticky-top, 137px) + 86px) !important;
}
}


/* Medium desktop / Windows snap */
@media (min-width: 1181px) and (max-width: 1360px) {
  .lml-contact-section--jump,
  .lml-contact-section--jump.is-sticky {
    min-height: 58px !important;
    margin-bottom: 36px !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump {
    width: calc(100% - 80px) !important;
    max-width: none !important;
    padding: 9px 18px !important;
    gap: 7px !important;
  }

  .lml-contact-jump::before {
    font-size: 10px !important;
    margin-right: 7px !important;
  }

  .lml-contact-jump a {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
  }

.lml-contact-section-title {
  scroll-margin-top: calc(var(--lml-contact-sticky-top, 137px) + 86px) !important;
}
}


/* iPad / small desktop / Windows snap
   Menuen må gerne wrappe, men placeholderen må ikke lave kæmpe mellemrum
*/
@media (min-width: 1025px) and (max-width: 1180px) {
  .lml-contact-section--jump {
    min-height: 58px !important;
    margin-top: 6px !important;
    margin-bottom: 34px !important;
  }

  .lml-contact-section--jump.is-sticky {
    min-height: 58px !important;
    margin-bottom: 34px !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump {
    width: calc(100% - 32px) !important;
    max-width: none !important;

    padding: 9px 14px !important;
    gap: 7px !important;

    flex-wrap: wrap !important;
    overflow: visible !important;
  }

  .lml-contact-jump::before {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;

    font-size: 10px !important;
    margin-right: 6px !important;
    white-space: nowrap !important;
  }

  .lml-contact-jump a {
    min-height: 32px !important;
    height: 32px !important;

    padding: 0 10px !important;
    font-size: 10.8px !important;
    border-radius: 5px !important;
  }

  .lml-contact-section--jump.is-sticky + .lml-contact-section--heading {
    margin-top: 28px !important;
  }

.lml-contact-section-title {
  scroll-margin-top: calc(var(--lml-contact-sticky-top, 137px) + 86px) !important;
}
}

/* =========================================================
   FØLG OS - MINI IKONER I JUMP MENU
========================================================= */

.lml-contact-jump a.has-social-icons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding-right: 12px !important;
}

.lml-contact-jump-social-text {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.lml-contact-jump-social-icons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}

.lml-contact-jump-social-icon {
  width: 15px !important;
  height: 15px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(0, 88, 124, 0.09) !important;
  color: #00587C !important;

  font-size: 7.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.lml-contact-jump-social-icon--facebook,
.lml-contact-jump-social-icon--instagram {
  font-size: 8.5px !important;
}

.lml-contact-jump-social-icon--youtube {
  padding-left: 1px !important;
}

.lml-contact-jump a.has-social-icons:hover .lml-contact-jump-social-icon,
.lml-contact-jump a.has-social-icons.is-active .lml-contact-jump-social-icon {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}


/* =========================================================
   MOBILE - NORMAL CARD + BOTTOM STICKY
========================================================= */

@media (max-width: 1024px) {
  .lml-contact-section--jump {
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 34px !important;
  }

  .lml-contact-section--jump.is-sticky {
    min-height: 0 !important;
    margin-bottom: 34px !important;
  }

  /* Normal mobilmenu i flowet */
  .lml-contact-jump {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;

    padding: 14px !important;
    border-radius: 12px !important;

    overflow: visible !important;
  }

  .lml-contact-jump::before {
    grid-column: 1 / -1 !important;

    display: block !important;
    width: auto !important;
    min-width: 0 !important;

    margin: 0 0 3px 0 !important;

    font-size: 11px !important;
    line-height: 1 !important;
    white-space: normal !important;
  }

  .lml-contact-jump a {
    width: 100% !important;
    min-height: 38px !important;
    height: auto !important;

    padding: 0 8px !important;

    font-size: 11.5px !important;
    line-height: 1.12 !important;
    border-radius: 6px !important;

    white-space: normal !important;
    text-align: center !important;
  }

  .lml-contact-jump a:last-child {
    grid-column: auto !important;
  }

  /* Sticky mobil: quick-nav i bunden */
  .lml-contact-section--jump.is-sticky .lml-contact-jump {
    position: fixed !important;

    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: none !important;
    transform: none !important;

    z-index: 99999 !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;

    padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) 10px !important;

    border-radius: 14px 14px 0 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;

    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(237, 248, 252, 0.98)) !important;
    box-shadow: 0 -8px 24px rgba(0, 88, 124, 0.15) !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump::before {
    display: none !important;
    content: none !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump a {
    min-height: 36px !important;
    height: auto !important;
    padding: 0 6px !important;

    font-size: 10.8px !important;
    line-height: 1.08 !important;
    border-radius: 6px !important;

    white-space: normal !important;
    text-align: center !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump a.has-social-icons {
    gap: 4px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump-social-icons {
    gap: 1px !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump-social-icon {
    width: 12px !important;
    height: 12px !important;
    font-size: 6px !important;
  }

  .lml-contact-section--jump.is-sticky .lml-contact-jump-social-icon--facebook,
  .lml-contact-section--jump.is-sticky .lml-contact-jump-social-icon--instagram {
    font-size: 7px !important;
  }

  .lml-contact-section-title,
  .lml-contact-section--social {
    scroll-margin-top: 128px !important;
  }
}


/* =========================================================
   SOCIAL FOLLOW SECTION
========================================================= */

.lml-contact-section--social {
  margin-top: 28px !important;
  margin-bottom: 80px !important;
  scroll-margin-top: 240px !important;
}

.lml-contact-social {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr) !important;
  gap: clamp(28px, 4vw, 58px) !important;
  align-items: center !important;

  padding: clamp(32px, 4vw, 54px) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(237, 248, 252, 0.98), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(182, 207, 208, 0.95) !important;
  box-shadow: 0 14px 34px rgba(0, 88, 124, 0.08) !important;
}

.lml-contact-social__eyebrow {
  margin: 0 0 10px 0 !important;
  color: #4797A8 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.lml-contact-social h2 {
  margin: 0 0 16px 0 !important;
  color: #00587C !important;
  font-size: clamp(30px, 3.4vw, 48px) !important;
  line-height: 1.06 !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
}

.lml-contact-social p {
  max-width: 760px !important;
  margin: 0 !important;
  color: #4f6271 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

.lml-contact-social__note {
  margin-top: 14px !important;
  color: #00587C !important;
  font-weight: 700 !important;
}

.lml-contact-social__links {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.lml-contact-social__link {
  min-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  padding: 13px 16px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 88, 124, 0.16) !important;
  color: #00587C !important;
  text-decoration: none !important;

  transition:
    transform .2s ease,
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease !important;
}

.lml-contact-social__link:hover {
  transform: translateY(-2px) !important;
  background: #00587C !important;
  border-color: #00587C !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(0, 88, 124, 0.13) !important;
}

.lml-contact-social__icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #edf8fc !important;
  color: #00587C !important;
}

.lml-contact-social__svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  fill: currentColor !important;
}

.lml-contact-social__link:hover .lml-contact-social__icon {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.lml-contact-social__link strong {
  display: block !important;
  color: inherit !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

.lml-contact-social__link small {
  display: block !important;
  margin-top: 3px !important;
  color: inherit !important;
  opacity: 0.76 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

.lml-contact-social__link--linkedin .lml-contact-social__svg {
  width: 19px !important;
  height: 19px !important;
}

.lml-contact-social__link--facebook .lml-contact-social__svg,
.lml-contact-social__link--instagram .lml-contact-social__svg {
  width: 21px !important;
  height: 21px !important;
}

.lml-contact-social__link--youtube .lml-contact-social__svg {
  width: 22px !important;
  height: 22px !important;
}


/* Mobile social */
@media (max-width: 768px) {
  .lml-contact-section--social {
    margin-top: 8px !important;
    margin-bottom: 132px !important;
    scroll-margin-top: 128px !important;
  }

  .lml-contact-social {
    grid-template-columns: 1fr !important;
    padding: 28px 22px !important;
    border-radius: 14px !important;
    gap: 24px !important;
  }

  .lml-contact-social h2 {
    font-size: 32px !important;
  }

  .lml-contact-social p {
    font-size: 16px !important;
  }

  .lml-contact-social__link {
    min-height: 62px !important;
  }

  .lml-contact-social__icon {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
  }

  .lml-contact-social__link strong {
    font-size: 15px !important;
  }

  .lml-contact-social__link small {
    font-size: 12px !important;
  }
}

/* =========================================================
   LML KONTAKT - CLEAN DROPLET HOVER HINT
   Én samlet stabil version
========================================================= */

/* Motion-kortet skal kunne vise dråbe uden for billedkanten */
body .lml-contact-card--motion {
  position: relative !important;
  overflow: visible !important;
}

/* Billedfeltet skal stadig have afrundede hjørner */
body .lml-contact-card--motion .lml-contact-card__media,
body .lml-contact-card--motion .lml-contact-card__media--native-video {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px 12px 0 0 !important;
}

/* Sluk gamle pseudo-droplets/play-hints */
body .lml-contact-card--motion .lml-contact-card__media::before,
body .lml-contact-card--motion .lml-contact-card__media::after,
body .lml-contact-card--motion .lml-contact-card__media--native-video::before,
body .lml-contact-card--motion .lml-contact-card__media--native-video::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

/* Selve dråben */
body .lml-contact-card--motion > .lml-contact-droplet {
  position: absolute !important;

  top: var(--lml-drop-top, 0px) !important;
  right: var(--lml-drop-right, 24px) !important;

  z-index: 50 !important;

  width: 12px !important;
  height: 16px !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  border-radius: 60% 60% 60% 60% / 72% 72% 42% 42% !important;

  background:
    radial-gradient(circle at 35% 28%,
      rgba(255,255,255,0.98) 0%,
      rgba(237,248,252,0.86) 30%,
      rgba(71,151,168,0.68) 68%,
      rgba(0,88,124,0.54) 100%
    ) !important;

  border: 1px solid rgba(0, 88, 124, 0.14) !important;
  box-shadow:
    0 4px 10px rgba(0, 88, 124, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.45) !important;

  pointer-events: none !important;

  margin-top: -30px;
  filter: opacity(0);

  will-change: margin-top, filter;
}

/* Splash / landingspunkt */
body .lml-contact-card--motion > .lml-contact-droplet-splash {
  position: absolute !important;

  top: var(--lml-drop-top, 0px) !important;
  right: calc(var(--lml-drop-right, 24px) - 20px) !important;

  z-index: 49 !important;

  width: 52px !important;
  height: 22px !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  border-radius: 999px !important;

  background:
    radial-gradient(circle at 50% 50%,
      rgba(0, 88, 124, 0.72) 0 3px,
      rgba(71, 151, 168, 0.46) 3px 6px,
      rgba(71, 151, 168, 0.00) 7px
    ) !important;

  border: 2px solid rgba(0, 88, 124, 0.30) !important;
  box-shadow:
    0 0 0 0 rgba(0, 88, 124, 0.00),
    0 0 0 0 rgba(71, 151, 168, 0.00) !important;

  pointer-events: none !important;

  margin-top: -5px;
  filter: opacity(0);
  transform: scale(0.45);

  will-change: transform, filter, box-shadow;
}

/* Aktiv dråbe */
body .lml-contact-card--motion.is-hover-hinting > .lml-contact-droplet {
  animation: lmlContactCleanDropletFall 0.92s ease-out both !important;
}

/* Aktiv splash */
body .lml-contact-card--motion.is-hover-hinting > .lml-contact-droplet-splash {
  animation: lmlContactCleanDropletSplash 0.82s ease-out 0.58s both !important;
}

/* Kortets diskrete bevægelse */
body .lml-contact-card--motion.is-hover-hinting {
  animation: lmlContactCleanCardNudge 0.82s ease 0.62s both !important;
}


/* ---------- Animationer ---------- */

@keyframes lmlContactCleanDropletFall {
  0% {
    margin-top: -30px;
    filter: opacity(0);
  }

  18% {
    margin-top: -28px;
    filter: opacity(0.28);
  }

  48% {
    margin-top: -10px;
    filter: opacity(0.72);
  }

  68% {
    margin-top: -1px;
    filter: opacity(0.86);
  }

  82% {
    margin-top: 1px;
    filter: opacity(0.58);
  }

  100% {
    margin-top: 1px;
    filter: opacity(0);
  }
}

@keyframes lmlContactCleanDropletSplash {
  0% {
    filter: opacity(0);
    transform: scale(0.35);
    box-shadow:
      0 0 0 0 rgba(0, 88, 124, 0.00),
      0 0 0 0 rgba(71, 151, 168, 0.00);
  }

  18% {
    filter: opacity(0.88);
    transform: scale(0.75);
    box-shadow:
      0 0 0 3px rgba(0, 88, 124, 0.18),
      0 0 0 9px rgba(71, 151, 168, 0.12);
  }

  42% {
    filter: opacity(0.62);
    transform: scale(1.15);
    box-shadow:
      0 0 0 6px rgba(0, 88, 124, 0.10),
      0 0 0 18px rgba(71, 151, 168, 0.07);
  }

  100% {
    filter: opacity(0);
    transform: scale(1.75);
    box-shadow:
      0 0 0 10px rgba(0, 88, 124, 0.00),
      0 0 0 30px rgba(71, 151, 168, 0.00);
  }
}

@keyframes lmlContactCleanCardNudge {
  0%, 100% {
    transform: translateY(0);
  }

  24% {
    transform: translateY(1.8px);
  }

  52% {
    transform: translateY(-0.5px);
  }

  76% {
    transform: translateY(0.25px);
  }
}

/* =========================================================
   LML KONTAKT - DIAGONAL TILE RIPPLE
   Subtil bølge/glans fra dråbens landingspunkt
========================================================= */

body .lml-contact-card--motion > .lml-contact-wave {
  position: absolute !important;
  inset: 0 !important;
  z-index: 14 !important;
  display: block !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border-radius: inherit !important;
}

/* Hovedbølge / diagonal shimmer */
body .lml-contact-card--motion > .lml-contact-wave::before {
  content: "" !important;
  position: absolute !important;

  width: 320% !important;
  height: 320% !important;

  top: calc(var(--lml-drop-top, 0px) - 120px) !important;
  right: calc(var(--lml-drop-right, 24px) - 120px) !important;

  background: linear-gradient(
    135deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 42%,
    rgba(255,255,255,0.04) 47%,
    rgba(71,151,168,0.28) 50%,
    rgba(255,255,255,0.05) 53%,
    rgba(255,255,255,0) 59%
  ) !important;

  transform: translate3d(8%, -8%, 0) scale(0.18) !important;
  transform-origin: top right !important;

  filter: blur(16px) opacity(0) !important;
  will-change: transform, filter !important;
}

/* Blød bagvedliggende ripple-glow */
body .lml-contact-card--motion > .lml-contact-wave::after {
  content: "" !important;
  position: absolute !important;

  width: 170% !important;
  height: 170% !important;

  top: calc(var(--lml-drop-top, 0px) - 110px) !important;
  right: calc(var(--lml-drop-right, 24px) - 110px) !important;

  background: radial-gradient(
    circle at top right,
    rgba(71,151,168,0.12) 0%,
    rgba(255,255,255,0.06) 10%,
    rgba(71,151,168,0.04) 20%,
    rgba(71,151,168,0.00) 44%
  ) !important;

  transform: scale(0.14) !important;
  transform-origin: top right !important;

  filter: blur(10px) opacity(0) !important;
  will-change: transform, filter !important;
}

/* Trigger animation når hover-hint kører */
body .lml-contact-card--motion.is-hover-hinting > .lml-contact-wave::before {
  animation: lmlContactDiagonalRipple 1.12s ease-out 0.58s both !important;
}

body .lml-contact-card--motion.is-hover-hinting > .lml-contact-wave::after {
  animation: lmlContactDiagonalRippleGlow 1.02s ease-out 0.58s both !important;
}

/* ---------- Animationer ---------- */

@keyframes lmlContactDiagonalRipple {
  0% {
    filter: blur(10px) opacity(0);
    transform: translate3d(8%, -8%, 0) scale(0.16);
  }

  16% {
    filter: blur(10px) opacity(0.34);
    transform: translate3d(-10%, 12%, 0) scale(0.42);
  }

  44% {
    filter: blur(14px) opacity(0.24);
    transform: translate3d(-42%, 52%, 0) scale(0.95);
  }

  72% {
    filter: blur(18px) opacity(0.15);
    transform: translate3d(-78%, 92%, 0) scale(1.42);
  }

  100% {
    filter: blur(24px) opacity(0);
    transform: translate3d(-118%, 138%, 0) scale(1.9);
  }
}

@keyframes lmlContactDiagonalRippleGlow {
  0% {
    filter: blur(10px) opacity(0);
    transform: scale(0.14);
  }

  26% {
    filter: blur(12px) opacity(0.10);
  }

  100% {
    filter: blur(18px) opacity(0);
    transform: scale(1.10);
  }
}

@media (prefers-reduced-motion: reduce) {
  body .lml-contact-card--motion,
  body .lml-contact-card--motion > .lml-contact-droplet,
  body .lml-contact-card--motion > .lml-contact-droplet-splash,
  body .lml-contact-card--motion > .lml-contact-wave::before,
  body .lml-contact-card--motion > .lml-contact-wave::after {
    animation: none !important;
  }
}

/* =========================================================
   LML KONTAKT - DIAGONAL WAVE FORCE VISIBLE TEST
   Tydelig test af bølge hen over hele tilen
========================================================= */

body .lml-contact-card--motion > .lml-contact-wave {
  position: absolute !important;
  inset: 0 !important;
  z-index: 45 !important;

  display: block !important;
  visibility: visible !important;
  pointer-events: none !important;

  overflow: hidden !important;
  border-radius: 12px !important;
}

/* Den brede diagonale bølge */
body .lml-contact-card--motion > .lml-contact-wave::before {
  content: "" !important;
  position: absolute !important;

  width: 320% !important;
  height: 320% !important;

  top: -115% !important;
  right: -130% !important;

  display: block !important;
  visibility: visible !important;

  background: linear-gradient(
    135deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 42%,
    rgba(237,248,252,0.16) 47%,
    rgba(71,151,168,0.38) 50%,
    rgba(237,248,252,0.14) 53%,
    rgba(255,255,255,0) 61%,
    rgba(255,255,255,0) 100%
  ) !important;

  opacity: 0;
  filter: blur(18px) !important;

  transform: translate3d(16%, -10%, 0) scale(0.35) !important;
  transform-origin: top right !important;

  will-change: transform, opacity !important;
}

/* Blød vand-glow under bølgen */
body .lml-contact-card--motion > .lml-contact-wave::after {
  content: "" !important;
  position: absolute !important;

  width: 220% !important;
  height: 220% !important;

  top: -45% !important;
  right: -60% !important;

  display: block !important;
  visibility: visible !important;

  background: radial-gradient(
    circle at top right,
    rgba(71,151,168,0.20) 0%,
    rgba(237,248,252,0.12) 12%,
    rgba(71,151,168,0.07) 24%,
    rgba(71,151,168,0.00) 52%
  ) !important;

  opacity: 0;
  filter: blur(20px) !important;

  transform: scale(0.18) !important;
  transform-origin: top right !important;

  will-change: transform, opacity !important;
}

/* Aktiv bølge */
body .lml-contact-card--motion.is-hover-hinting > .lml-contact-wave::before {
  animation: lmlContactDiagonalWaveVisible 1.35s ease-out 0.58s both !important;
}

body .lml-contact-card--motion.is-hover-hinting > .lml-contact-wave::after {
  animation: lmlContactDiagonalWaveGlowVisible 1.15s ease-out 0.56s both !important;
}


/* ---------- Animationer ---------- */

@keyframes lmlContactDiagonalWaveVisible {
  0% {
    opacity: 0;
    transform: translate3d(16%, -10%, 0) scale(0.35);
  }

  18% {
    opacity: 0.34;
  }

  42% {
    opacity: 0.24;
    transform: translate3d(-18%, 24%, 0) scale(0.72);
  }

  72% {
    opacity: 0.14;
    transform: translate3d(-58%, 72%, 0) scale(1.18);
  }

  100% {
    opacity: 0;
    transform: translate3d(-140%, 165%, 0) scale(2.05);
  }
}

@keyframes lmlContactDiagonalWaveGlowVisible {
  0% {
    opacity: 0;
    transform: scale(0.18);
  }

  22% {
    opacity: 0.24;
  }

  58% {
    opacity: 0.12;
    transform: scale(0.82);
  }

  100% {
    opacity: 0;
    transform: scale(1.35);
  }
}

/* =========================================================
   LML KONTAKT - TILE WAVE SIMPLE VISIBLE TEST
   Synlig diagonal bølge over hele tilen
========================================================= */

body .lml-contact-card--motion > .lml-contact-wave {
  position: absolute !important;
  inset: 0 !important;
  z-index: 44 !important;

  display: block !important;
  visibility: visible !important;
  pointer-events: none !important;

  overflow: hidden !important;
  border-radius: 12px !important;
}

/* Selve bølgen */
body .lml-contact-card--motion > .lml-contact-wave::before {
  content: "" !important;
  position: absolute !important;

  inset: -35% !important;

  display: block !important;
  visibility: visible !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 38%,
      rgba(237,248,252,0.18) 44%,
      rgba(71,151,168,0.34) 49%,
      rgba(255,255,255,0.22) 52%,
      rgba(71,151,168,0.10) 56%,
      rgba(255,255,255,0) 64%,
      rgba(255,255,255,0) 100%
    ) !important;

  opacity: 0;
  filter: blur(14px) !important;

  transform:
    translate3d(34%, -28%, 0)
    rotate(0deg)
    scale(0.88) !important;

  will-change: transform, opacity !important;
}

/* Blød ekstra vand-glow */
body .lml-contact-card--motion > .lml-contact-wave::after {
  content: "" !important;
  position: absolute !important;

  inset: -20% !important;

  display: block !important;
  visibility: visible !important;

  background:
    radial-gradient(
      circle at 82% 8%,
      rgba(71,151,168,0.24) 0%,
      rgba(237,248,252,0.16) 12%,
      rgba(71,151,168,0.08) 24%,
      rgba(71,151,168,0.00) 48%
    ) !important;

  opacity: 0;
  filter: blur(18px) !important;

  transform: scale(0.32) !important;
  transform-origin: 82% 8% !important;

  will-change: transform, opacity !important;
}

/* Aktiv wave */
body .lml-contact-card--motion.is-hover-hinting > .lml-contact-wave::before {
  animation: lmlContactTileWaveSimple 1.35s ease-out 0.58s both !important;
}

body .lml-contact-card--motion.is-hover-hinting > .lml-contact-wave::after {
  animation: lmlContactTileWaveGlowSimple 1.12s ease-out 0.56s both !important;
}


/* ---------- Animationer ---------- */

@keyframes lmlContactTileWaveSimple {
  0% {
    opacity: 0;
    transform:
      translate3d(34%, -28%, 0)
      scale(0.88);
  }

  16% {
    opacity: 0.42;
  }

  42% {
    opacity: 0.30;
    transform:
      translate3d(0%, 20%, 0)
      scale(1.02);
  }

  72% {
    opacity: 0.16;
    transform:
      translate3d(-34%, 68%, 0)
      scale(1.16);
  }

  100% {
    opacity: 0;
    transform:
  translate3d(-82%, 150%, 0)
  scale(1.42);
  }
}

@keyframes lmlContactTileWaveGlowSimple {
  0% {
    opacity: 0;
    transform: scale(0.32);
  }

  22% {
    opacity: 0.28;
  }

  58% {
    opacity: 0.14;
    transform: scale(0.82);
  }

  100% {
    opacity: 0;
    transform: scale(1.28);
  }
}

/* =========================================================
   LML KONTAKT - FULL TILE WATER WAVE
   Fuld diagonal bølge over hele tilen
   Skal ligge HELT nederst
========================================================= */

/* Sluk tidligere wave pseudo-elements */
body .lml-contact-card--motion > .lml-contact-wave::before,
body .lml-contact-card--motion > .lml-contact-wave::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* Selve wave-laget dækker hele kortet */
body .lml-contact-card--motion > .lml-contact-wave {
  position: absolute !important;
  inset: 0 !important;
  z-index: 44 !important;

  display: block !important;
  visibility: visible !important;
  pointer-events: none !important;

  overflow: hidden !important;
  border-radius: 12px !important;

  opacity: 1 !important;
  filter: opacity(0);

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 36%,
      rgba(237,248,252,0.20) 43%,
      rgba(71,151,168,0.42) 49%,
      rgba(255,255,255,0.22) 52%,
      rgba(71,151,168,0.12) 57%,
      rgba(255,255,255,0) 66%,
      rgba(255,255,255,0) 100%
    ) !important;

  background-size: 300% 300% !important;
  background-position: 145% -55% !important;

  mix-blend-mode: screen !important;

  will-change: background-position, filter !important;
}

/* Aktiv wave */
body .lml-contact-card--motion.is-hover-hinting > .lml-contact-wave {
  animation: lmlContactFullTileWaterWave 1.65s ease-out 0.58s both !important;
}


/* ---------- Animation ---------- */

@keyframes lmlContactFullTileWaterWave {
  0% {
    filter: opacity(0);
    background-position: 145% -55%;
  }

  14% {
    filter: opacity(0.52);
    background-position: 112% -18%;
  }

  38% {
    filter: opacity(0.40);
    background-position: 42% 42%;
  }

  68% {
    filter: opacity(0.22);
    background-position: -36% 118%;
  }

  100% {
    filter: opacity(0);
    background-position: -115% 190%;
  }
}

/* =========================================================
   LML BRAND PAGE - PROJECT INSPIRATION CARDS
   Bruges under Projektinspiration på brand pages
   1 card = fuld bredde
   2+ cards = 2 kolonner
========================================================= */

body .lml-brand-project-grid {
  width: 100%;
  max-width: none;
  margin: 26px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

/* Standard card */
body .lml-brand-project-card {
  display: grid;
  grid-template-columns: 44% 56%;
  min-height: 260px;
  overflow: hidden;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(0, 88, 124, 0.16);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08);
  text-decoration: none !important;
  color: inherit;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

/* Når der kun er ét projekt, fylder cardet hele rækken */
body .lml-brand-project-grid > .lml-brand-project-card:only-child {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  grid-template-columns: 38% 62%;
  min-height: 300px;
}

/* Hvis der er ulige antal projekter, må det sidste også fylde hele bredden */
body .lml-brand-project-grid > .lml-brand-project-card:nth-child(odd):last-child:not(:only-child) {
  grid-column: 1 / -1;
  grid-template-columns: 38% 62%;
}

/* Hover */
body .lml-brand-project-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.13);
  border-color: rgba(0, 122, 153, 0.35);
}

/* Image area */
body .lml-brand-project-card__media {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  background: #eef5f7;
}

body .lml-brand-project-card__media img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

/* Single / full-width image height */
body .lml-brand-project-grid > .lml-brand-project-card:only-child .lml-brand-project-card__media,
body .lml-brand-project-grid > .lml-brand-project-card:only-child .lml-brand-project-card__media img,
body .lml-brand-project-grid > .lml-brand-project-card:nth-child(odd):last-child:not(:only-child) .lml-brand-project-card__media,
body .lml-brand-project-grid > .lml-brand-project-card:nth-child(odd):last-child:not(:only-child) .lml-brand-project-card__media img {
  min-height: 300px;
}

body .lml-brand-project-card:hover .lml-brand-project-card__media img {
  transform: scale(1.045);
}

/* Text area */
body .lml-brand-project-card__body {
  padding: 30px 34px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body .lml-brand-project-card__label {
  margin: 0 0 8px;
  font-size: 0.76rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3698aa;
}

body .lml-brand-project-card__body h3 {
  margin: 0 0 12px;
  font-size: clamp(1.25rem, 1.55vw, 1.75rem);
  line-height: 1.13;
  font-weight: 800;
  color: #00587C;
}

body .lml-brand-project-card__body p:not(.lml-brand-project-card__label) {
  margin: 0 0 20px;
  font-size: 0.96rem;
  line-height: 1.55;
  color: #17232b;
}

/* Button */
body .lml-brand-project-card__button {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 17px;
  border-radius: 8px;
  background: #007a9a;
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 800;
}

body .lml-brand-project-card__button::after {
  content: "›";
  margin-left: 7px;
  font-size: 1.1em;
}

/* Mobil */
@media (max-width: 900px) {
  body .lml-brand-project-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  body .lml-brand-project-card,
  body .lml-brand-project-grid > .lml-brand-project-card:only-child,
  body .lml-brand-project-grid > .lml-brand-project-card:nth-child(odd):last-child:not(:only-child) {
    grid-column: auto;
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body .lml-brand-project-card__media,
  body .lml-brand-project-card__media img,
  body .lml-brand-project-grid > .lml-brand-project-card:only-child .lml-brand-project-card__media,
  body .lml-brand-project-grid > .lml-brand-project-card:only-child .lml-brand-project-card__media img,
  body .lml-brand-project-grid > .lml-brand-project-card:nth-child(odd):last-child:not(:only-child) .lml-brand-project-card__media,
  body .lml-brand-project-grid > .lml-brand-project-card:nth-child(odd):last-child:not(:only-child) .lml-brand-project-card__media img {
    min-height: 220px;
  }

  body .lml-brand-project-card__body {
    padding: 24px 22px 26px;
  }
}

/* =========================================================
   LML BRAND PAGE - CUSTOMER / PROJECT REFERENCES
   Genbruges på alle brandsider
========================================================= */

body .lml-brand-references {
  width: 100%;
  margin: 54px 0 0;
  padding: 42px 0 6px;
  border-top: 1px solid rgba(0, 88, 124, 0.14);
}

/* Header */
body .lml-brand-references__header {
  max-width: 820px;
  margin: 0 0 28px;
}

body .lml-brand-references__header .brand-eyebrow {
  margin-bottom: 8px;
}

body .lml-brand-references__header h2 {
  margin: 0 0 12px;
  font-size: clamp(1.55rem, 2.2vw, 2.15rem);
  line-height: 1.15;
  font-weight: 800;
  color: #00587C;
}

body .lml-brand-references__intro {
  max-width: 720px;
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.6;
  font-weight: 400;
  color: #526068;
}


/* =========================================================
   GRID
========================================================= */

body .lml-brand-references__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 28px;
}


/* =========================================================
   REFERENCE ITEM
========================================================= */

body .lml-brand-reference {
  position: relative;
  display: flex;
  align-items: center;

  min-width: 0;
  min-height: 46px;
  padding: 10px 0;

  border-bottom: 1px solid rgba(23, 35, 43, 0.10);

  font-size: 0.91rem;
  line-height: 1.35;
  font-weight: 500;

  color: #27343b;
  text-decoration: none !important;

  transition:
    color 0.18s ease,
    border-color 0.18s ease;
}


/* =========================================================
   KUN ELEMENTER MED EN RIGTIG CASE-URL
========================================================= */

body .lml-brand-reference[href]:not([href=""]) {
  color: #00587C;
  font-weight: 600;

  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: rgba(0, 88, 124, 0.28) !important;
  text-underline-offset: 3px;
}

body .lml-brand-reference[href]:not([href=""]):hover {
  color: #007a9a;
  text-decoration-color: rgba(0, 122, 154, 0.7) !important;
  border-bottom-color: rgba(0, 122, 154, 0.24);
}


/* =========================================================
   TOMME HREFS
   Ser ud som almindelig tekst og kan ikke klikkes
========================================================= */

body .lml-brand-reference:not([href]),
body .lml-brand-reference[href=""] {
  pointer-events: none;
  cursor: default;
  color: #27343b;
  text-decoration: none !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

/* Mindre desktop */
@media (max-width: 1200px) {
  body .lml-brand-references__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px;
  }
}


/* Tablet */
@media (max-width: 960px) {
  body .lml-brand-references {
    margin-top: 46px;
    padding-top: 36px;
  }

  body .lml-brand-references__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 22px;
  }
}


/* Lille tablet */
@media (max-width: 720px) {
  body .lml-brand-references__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
  }

  body .lml-brand-reference {
    min-height: 44px;
    font-size: 0.89rem;
  }
}


/* Mobil */
@media (max-width: 520px) {
  body .lml-brand-references {
    margin-top: 38px;
    padding-top: 30px;
  }

  body .lml-brand-references__header {
    margin-bottom: 20px;
  }

  body .lml-brand-references__grid {
    grid-template-columns: 1fr;
  }

  body .lml-brand-reference {
    min-height: 42px;
    padding: 9px 0;
    font-size: 0.9rem;
  }
}

/* =========================================================
   EOS BRAND MODIFIERS
   Genbruger standard LML brandpage-klasser
   Skal ligge nederst i Custom Styles
========================================================= */

.brand--eos {
  --eos-gold: #b98735;
  --eos-gold-light: #f1d58b;
  --eos-gold-soft: #fff7df;
  --eos-dark: #151515;
  --eos-warm-dark: #21180d;
}

/* Farver på standard brand-elementer */
.brand--eos .brand-eyebrow,
.brand--eos.brand-product-intro .brand-eyebrow,
.brand--eos.brand-benefits-section .brand-eyebrow {
  color: var(--eos-gold) !important;
}

.brand--eos.brand-header-custom::after,
.brand--eos .brand-benefit-card::before,
.brand--eos.brand-benefits-section .brand-benefit-card::before {
  background: linear-gradient(90deg, var(--eos-gold), var(--eos-gold-light)) !important;
}

.brand--eos .brand-cta,
.brand-eos-final-cta .brand-cta {
  background: linear-gradient(135deg, var(--eos-gold-light), var(--eos-gold)) !important;
  color: #1b1407 !important;
  box-shadow: 0 6px 16px rgba(185, 135, 53, 0.22) !important;
}

.brand--eos .brand-cta:hover,
.brand-eos-final-cta .brand-cta:hover {
  background: linear-gradient(135deg, #ffe6a4, #a97629) !important;
  box-shadow: 0 8px 20px rgba(185, 135, 53, 0.28) !important;
}

/* Billedaccent */
.brand-main-image--eos img,
.brand-main-image--eos .brand-css-slideshow,
.brand-square-slideshow--eos {
  border-color: rgba(185, 135, 53, 0.38) !important;
  box-shadow: 0 12px 30px rgba(185, 135, 53, 0.16) !important;
}

.brand-square-slideshow--eos {
  background: #181818 !important;
}

.brand-square-slideshow--eos img {
  object-fit: cover !important;
}

/* Procesnummer på standard brand-benefit-card */
.brand-eos-project-process .brand-benefit-card {
  padding-top: 24px !important;
}

.brand-eos-process-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 30px;
  margin: 0 0 16px 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--eos-gold-light), var(--eos-gold));
  color: #1b1407;
  font-size: 13px;
  font-weight: 900;
}

/* EOS support cards */
.brand-support-grid--eos .brand-support-card h2 {
  font-size: 24px;
}

.brand--eos .brand-feature-list li::before {
  color: var(--eos-gold);
}

.brand--eos .brand-feature-list strong {
  color: #00587C;
}

/* Produkt-tags */
.brand-product-tags--eos span {
  background: var(--eos-gold-soft) !important;
  color: #70501e !important;
  border: 1px solid rgba(185, 135, 53, 0.22);
}

/* =========================================================
   EOS GOLD PARTNER - INLINE SVG BADGE
   Bruger rigtig EOS Gold Partner SVG via JS injection
========================================================= */

.brand-eos-gold-partner {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: center;
  margin: 70px 0 72px 0;
  padding: 42px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 18% 22%, rgba(241, 213, 139, 0.14), transparent 30%),
    linear-gradient(135deg, #111313 0%, #191a1a 62%, #2c1e0f 100%);
  color: #ffffff;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.brand-eos-gold-partner__visual {
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand-eos-certificate-frame--vector {
  position: relative;
  width: min(100%, 360px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 18px;
  background: #0f0f0f;
  border: 1px solid rgba(241, 213, 139, 0.24);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.32),
    inset 0 0 0 1px rgba(255,255,255,0.06);
}

.brand-eos-inline-badge,
.brand-eos-inline-badge svg,
.brand-eos-inline-badge img {
  display: block;
  width: 100%;
  height: 100%;
}

.brand-eos-inline-badge {
  cursor: pointer;
}

.brand-eos-inline-badge svg {
  border: 0;
}

.brand-eos-inline-badge img {
  object-fit: contain;
}

.brand-eos-gold-partner__content .brand-eyebrow,
.brand-eos-gold-partner__content h2,
.brand-eos-gold-partner__content p {
  color: #ffffff !important;
}

.brand-eos-gold-partner__content .brand-eyebrow {
  color: var(--eos-gold-light) !important;
}

.brand-eos-gold-partner__content h2 {
  margin: 0 0 16px 0;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 700;
}

.brand-eos-gold-partner__content p {
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 14px 0;
  color: rgba(255,255,255,0.82) !important;
}

@media (max-width: 1024px) {
  .brand-eos-gold-partner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .brand-eos-gold-partner {
    padding: 28px 20px;
    margin: 52px 0 52px 0;
  }

  .brand-eos-certificate-frame--vector {
    width: min(100%, 280px);
    border-radius: 14px;
  }

  .brand-eos-gold-partner__content h2 {
    font-size: 27px;
  }

  .brand-eos-gold-partner__content p {
    font-size: 16px;
  }
}

/* =========================================================
   EOS BRAND PAGE - PREMIUM POLISH
   Skal ligge nederst efter eksisterende EOS CSS
========================================================= */

body.lml-eos-page {
  --eos-heading: #171717;
  --eos-text: #252525;
  --eos-muted: #5a5146;
}

/* Gør EOS mere sort/guld og mindre LML-blå */
body.lml-eos-page .brand-header-custom.brand--eos h1,
body.lml-eos-page .brand-hero-heading,
body.lml-eos-page .brand-product-intro h2,
body.lml-eos-page .brand-benefits-section h2,
body.lml-eos-page .brand-support-card h2 {
  color: var(--eos-heading) !important;
}

/* Mere eksklusiv tekstfarve */
body.lml-eos-page .brand-intro-text p,
body.lml-eos-page .brand-product-intro p,
body.lml-eos-page .brand-benefits-intro,
body.lml-eos-page .brand-benefit-card p,
body.lml-eos-page .brand-support-card p,
body.lml-eos-page .brand-feature-list li {
  color: var(--eos-text) !important;
}

/* Reducér divider-følelsen på EOS */
body.lml-eos-page .brand-section-divider {
  margin: 64px 0 44px 0 !important;
  background: rgba(185, 135, 53, 0.22) !important;
}

body.lml-eos-page .brand-section-divider::after {
  width: 74px !important;
  background: linear-gradient(90deg, #b98735, #f1d58b) !important;
}

/* EOS cards lidt mere premium */
body.lml-eos-page .brand-benefit-card,
body.lml-eos-page .brand-support-card {
  border-color: rgba(185, 135, 53, 0.22) !important;
  box-shadow: 0 12px 28px rgba(20, 16, 10, 0.06) !important;
}

/* Card headings må gerne beholde en mørkere blå/grøn tone */
body.lml-eos-page .brand-benefit-card h3,
body.lml-eos-page .brand-support-card h2 {
  color: #00587C !important;
}

/* Projektforløb lidt mindre "formular" */
body.lml-eos-page .brand-eos-project-process .brand-benefit-card {
  min-height: 210px;
}

/* Produkt-tags skal ikke dominere */
body.lml-eos-page .brand-product-tags--eos {
  margin-top: 18px;
  opacity: 0.82;
}

body.lml-eos-page .brand-product-tags--eos span {
  font-size: 12px !important;
  padding: 6px 9px !important;
  background: rgba(255, 247, 223, 0.7) !important;
}

/* =========================================================
   EOS BRAND PAGE - V2 PREMIUM SETUP
========================================================= */

body.lml-eos-page {
  --eos-heading: #171717;
  --eos-text: #252525;
  --eos-muted: #5a5146;
  --eos-gold: #b98735;
  --eos-gold-light: #f1d58b;
  --eos-dark: #111313;
  --eos-warm-dark: #21180d;
}

body.lml-eos-page .brand-header-custom.brand--eos h1,
body.lml-eos-page .brand-hero-heading,
body.lml-eos-page .brand-product-intro h2,
body.lml-eos-page .brand-benefits-section h2,
body.lml-eos-page .brand-benefit-card h3,
body.lml-eos-page .brand-support-card h2 {
  color: var(--eos-heading) !important;
}

body.lml-eos-page .brand-eyebrow {
  color: var(--eos-gold) !important;
}


/* =========================================================
   EOS HERO PREMIUM
========================================================= */

.brand-eos-hero-premium {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 0;
  align-items: stretch;
  margin: 32px 0 70px 0;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(241, 213, 139, 0.12), transparent 32%),
    linear-gradient(135deg, #111313 0%, #191a1a 62%, #2c1e0f 100%);
  box-shadow: 0 18px 42px rgba(20, 16, 10, 0.12);
}

.brand-eos-hero-premium__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 62px);
}

.brand-eos-hero-premium__content h2 {
  margin: 0 0 20px 0;
  color: #ffffff !important;
  font-size: clamp(34px, 4.6vw, 58px);
  line-height: 1.03;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.brand-eos-hero-premium__content p {
  max-width: 680px;
  margin: 0 0 16px 0;
  color: rgba(255,255,255,0.84) !important;
  font-size: 17px;
  line-height: 1.72;
}

.brand-eos-hero-premium__visual {
  min-height: 520px;
}

.brand-eos-hero-premium__visual img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* =========================================================
   EOS PREMIUM FEATURE
========================================================= */

.brand-eos-premium-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 0;
  align-items: stretch;
  margin: 70px 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(20, 16, 10, 0.10);
}

.brand-eos-premium-feature--dark {
  background:
    radial-gradient(circle at 18% 20%, rgba(241, 213, 139, 0.12), transparent 32%),
    linear-gradient(135deg, #111313 0%, #191a1a 62%, #2c1e0f 100%);
  color: #ffffff;
}

.brand-eos-premium-feature--light {
  background: #ffffff;
  border: 1px solid rgba(185, 135, 53, 0.20);
}

.brand-eos-premium-feature__media {
  min-height: 440px;
  background: #111313;
}

.brand-eos-premium-feature__media img {
  width: 100%;
  height: 100%;
  min-height: 440px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.brand-eos-premium-feature__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 62px);
}

.brand-eos-premium-feature__content h2 {
  margin: 0 0 18px 0;
  color: #171717;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.035em;
}

.brand-eos-premium-feature--dark .brand-eos-premium-feature__content h2,
.brand-eos-premium-feature--dark .brand-eos-premium-feature__content p,
.brand-eos-premium-feature--dark .brand-eos-premium-list li {
  color: #ffffff !important;
}

.brand-eos-premium-feature__content p {
  max-width: 680px;
  margin: 0 0 18px 0;
  color: #252525;
  font-size: 17px;
  line-height: 1.72;
}

.brand-eos-premium-list {
  margin: 12px 0 0 0;
  padding: 0;
  list-style: none;
}

.brand-eos-premium-list li {
  position: relative;
  margin: 0 0 12px 0;
  padding-left: 28px;
  color: #252525;
  font-size: 16px;
  line-height: 1.6;
}

.brand-eos-premium-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--eos-gold);
  font-weight: 900;
}

/* =========================================================
   EOS CONTROL STAGE
========================================================= */

.brand-eos-control-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.9fr);
  gap: 0;
  align-items: stretch;
  margin: 76px 0;
  border-radius: 16px;
  overflow: hidden;
  background: #111313;
  box-shadow: 0 18px 42px rgba(20, 16, 10, 0.12);
}

.brand-eos-control-stage__image {
  min-height: 470px;
}

.brand-eos-control-stage__image img {
  width: 100%;
  height: 100%;
  min-height: 470px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.brand-eos-control-stage__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 62px);
  background:
    radial-gradient(circle at 20% 18%, rgba(241, 213, 139, 0.12), transparent 34%),
    linear-gradient(135deg, #111313 0%, #191a1a 60%, #2c1e0f 100%);
}

.brand-eos-control-stage__content h2 {
  margin: 0 0 18px 0;
  color: #ffffff !important;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.06;
  font-weight: 850;
  letter-spacing: -0.035em;
}

.brand-eos-control-stage__content p {
  max-width: 640px;
  margin: 0 0 22px 0;
  color: rgba(255,255,255,0.84) !important;
  font-size: 17px;
  line-height: 1.72;
}

.brand-eos-control-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.brand-eos-control-points span {
  display: inline-flex;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(241, 213, 139, 0.10);
  border: 1px solid rgba(241, 213, 139, 0.25);
  color: var(--eos-gold-light);
  font-size: 13px;
  font-weight: 800;
}

/* =========================================================
   EOS CATALOGS
========================================================= */

.brand-eos-catalog-section {
  margin: 78px 0;
  padding: clamp(30px, 4vw, 46px);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,247,223,0.55), rgba(255,255,255,0.95));
  border: 1px solid rgba(185, 135, 53, 0.20);
  box-shadow: 0 14px 34px rgba(20, 16, 10, 0.06);
}

.brand-eos-section-heading {
  max-width: 860px;
  margin: 0 0 32px 0;
}

.brand-eos-section-heading h2 {
  margin: 0 0 12px 0;
  color: #171717 !important;
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -0.03em;
}

.brand-eos-section-heading p:not(.brand-eyebrow) {
  margin: 0;
  color: #252525;
  font-size: 17px;
  line-height: 1.7;
}

.brand-eos-catalog-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

.brand-eos-catalog-card {
  display: block;
  text-decoration: none !important;
  color: #171717 !important;
  transition: transform .24s ease;
}

.brand-eos-catalog-card img {
  width: 100%;
  aspect-ratio: 3 / 4.25;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 12px 26px rgba(20, 16, 10, 0.10);
  border: 1px solid rgba(185, 135, 53, 0.16);
}

.brand-eos-catalog-card span {
  display: block;
  margin-top: 12px;
  color: #171717;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
}

.brand-eos-catalog-card:hover {
  transform: translateY(-4px);
}

/* =========================================================
   EOS PARALLAX
========================================================= */

.brand-eos-parallax-stage {
  min-height: 520px;
  display: flex;
  align-items: flex-end;
  margin: 80px 0;
  padding: clamp(34px, 6vw, 76px);
  border-radius: 18px;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.72), rgba(0,0,0,0.24)),
    var(--eos-parallax-image);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  box-shadow: 0 20px 48px rgba(20, 16, 10, 0.14);
}

.brand-eos-parallax-stage__content {
  max-width: 760px;
}

.brand-eos-parallax-stage h2 {
  margin: 0 0 18px 0;
  color: #ffffff !important;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.04;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.brand-eos-parallax-stage p:not(.brand-eyebrow) {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,0.86) !important;
  font-size: 18px;
  line-height: 1.72;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {
  .brand-eos-hero-premium,
  .brand-eos-premium-feature,
  .brand-eos-control-stage {
    grid-template-columns: 1fr;
  }

  .brand-eos-catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .brand-eos-hero-premium__visual,
  .brand-eos-hero-premium__visual img,
  .brand-eos-premium-feature__media,
  .brand-eos-premium-feature__media img,
  .brand-eos-control-stage__image,
  .brand-eos-control-stage__image img {
    min-height: 360px;
  }
}

@media (max-width: 767px) {
  body.lml-eos-page {
    padding-bottom: 72px;
  }

  .brand-eos-jump-section {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99990;
    margin: 0;
    background: #ffffff;
    border-top: 1px solid rgba(185, 135, 53, 0.24);
    box-shadow: 0 -10px 24px rgba(20, 16, 10, 0.14);
  }

  .brand-eos-jump-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #ffffff;
  }

  .brand-eos-jump-nav span,
  .brand-eos-jump-nav a {
    flex: 0 0 auto;
    min-height: 54px;
    padding: 0 14px;
    font-size: 12px;
  }

  .brand-eos-hero-premium,
  .brand-eos-premium-feature,
  .brand-eos-control-stage,
  .brand-eos-parallax-stage,
  .brand-eos-catalog-section {
    margin: 52px 0;
    border-radius: 14px;
  }

  .brand-eos-hero-premium__content,
  .brand-eos-premium-feature__content,
  .brand-eos-control-stage__content {
    padding: 28px 22px 32px;
  }

  .brand-eos-hero-premium__visual,
  .brand-eos-hero-premium__visual img,
  .brand-eos-premium-feature__media,
  .brand-eos-premium-feature__media img,
  .brand-eos-control-stage__image,
  .brand-eos-control-stage__image img {
    min-height: 260px;
  }

  .brand-eos-parallax-stage {
    min-height: 420px;
    padding: 30px 22px;
    background-attachment: scroll;
  }

  .brand-eos-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .brand-eos-catalog-card span {
    font-size: 14px;
  }
}

/* =========================================================
   EOS VIDEO STAGE
   Bruges kun hvis videoen er uploadet lokalt i Umbraco
========================================================= */

.brand-eos-video-stage {
  position: relative;
  min-height: 520px;
  margin: 80px 0 0 0;
  border-radius: 18px;
  overflow: hidden;
  background: #111313;
  box-shadow: 0 20px 48px rgba(20, 16, 10, 0.14);
}

.brand-eos-video-stage video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  opacity: 0.68;
}

.brand-eos-video-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.72), rgba(0,0,0,0.18)),
    radial-gradient(circle at 20% 25%, rgba(241,213,139,0.14), transparent 32%);
  pointer-events: none;
}

.brand-eos-video-stage__content {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: clamp(34px, 6vw, 76px);
  color: #ffffff;
}

.brand-eos-video-stage__content h2 {
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.04;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.brand-eos-video-stage__content .brand-eyebrow {
  color: var(--eos-gold-light) !important;
}

@media (max-width: 767px) {
  .brand-eos-video-stage {
    min-height: 420px;
    margin: 52px 0 0 0;
    border-radius: 14px;
  }

  .brand-eos-video-stage__content {
    padding: 30px 22px;
  }
}

/* =========================================================
   EOS FINAL CTA - PREMIUM CONTACT SECTION
   Skal ligge nederst efter EOS V2 CSS
========================================================= */

body.lml-eos-page .brand-eos-final-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 32px !important;
  align-items: center !important;
  margin: 84px 0 70px 0 !important;
  padding: clamp(30px, 4vw, 48px) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 16% 20%, rgba(241, 213, 139, 0.15), transparent 34%),
    linear-gradient(135deg, #111313 0%, #191a1a 62%, #2c1e0f 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 48px rgba(20, 16, 10, 0.14) !important;
  overflow: hidden !important;
}

body.lml-eos-page .brand-eos-final-cta .brand-eyebrow {
  color: var(--eos-gold-light) !important;
}

body.lml-eos-page .brand-eos-final-cta h2 {
  max-width: 860px !important;
  margin: 0 0 16px 0 !important;
  color: #ffffff !important;
  font-size: clamp(30px, 4vw, 46px) !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: -0.035em !important;
}

body.lml-eos-page .brand-eos-final-cta p:not(.brand-eyebrow) {
  max-width: 820px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.84) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

body.lml-eos-page .brand-eos-final-cta .brand-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--eos-gold-light), var(--eos-gold)) !important;
  color: #17130a !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 24px rgba(185, 135, 53, 0.24) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

body.lml-eos-page .brand-eos-final-cta .brand-cta:hover,
body.lml-eos-page .brand-eos-final-cta .brand-cta:focus {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #ffe6a4, #a97629) !important;
  box-shadow: 0 14px 30px rgba(185, 135, 53, 0.32) !important;
  color: #17130a !important;
}

/* Hvis videoen ligger lige efter CTA'en, giv lidt bedre rytme */
body.lml-eos-page .brand-eos-final-cta + .brand-eos-video-stage {
  margin-top: 34px !important;
}

@media (max-width: 900px) {
  body.lml-eos-page .brand-eos-final-cta {
    grid-template-columns: 1fr !important;
  }

  body.lml-eos-page .brand-eos-final-cta .brand-cta {
    width: fit-content !important;
  }
}

@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-final-cta {
    margin: 56px 0 44px 0 !important;
    padding: 30px 22px !important;
    border-radius: 14px !important;
  }

  body.lml-eos-page .brand-eos-final-cta .brand-cta {
    width: 100% !important;
    min-height: 50px !important;
  }
}

/* =========================================================
   EOS IMAGE FOCAL POINT TUNING
   Finjusterer beskæring på parallax og styringssektion
========================================================= */

/* Fra produkt til færdigt miljø
   Lavere procent = viser mere af venstre/starten af billedet */
body.lml-eos-page .brand-eos-parallax-stage {
  background-position: 22% center !important;
}

/* Mobil: endnu mere mod starten af billedet */
@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-parallax-stage {
    background-position: 16% center !important;
  }
}

/* Styringssystemer
   Højere procent = billedet skubbes visuelt mod venstre,
   så mere af højre side/iPad'en bliver synlig */
body.lml-eos-page .brand-eos-control-stage__image img {
  object-position: 72% center !important;
}

/* Mobil kan godt være lidt mindre ekstrem */
@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-control-stage__image img {
    object-position: 62% center !important;
  }
}

/* =========================================================
   EOS JUMP NAV - CONTACT STYLE STICKY
   Desktop: fixed under header after scroll
   Mobile: fixed bottom nav
========================================================= */

body.lml-eos-page .brand-eos-jump-section {
  position: relative !important;
  z-index: 850 !important;
  min-height: var(--lml-eos-jump-height, 46px) !important;
  margin: -14px 0 42px 0 !important;
}

body.lml-eos-page .brand-eos-jump-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(185, 135, 53, 0.24) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 10px 26px rgba(20, 16, 10, 0.06) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body.lml-eos-page .brand-eos-jump-nav span,
body.lml-eos-page .brand-eos-jump-nav a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border-right: 1px solid rgba(185, 135, 53, 0.16) !important;
  color: #171717 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.lml-eos-page .brand-eos-jump-nav span {
  background: #171717 !important;
  color: var(--eos-gold-light) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

body.lml-eos-page .brand-eos-jump-nav a:hover,
body.lml-eos-page .brand-eos-jump-nav a:focus,
body.lml-eos-page .brand-eos-jump-nav a.is-active {
  background: #fff7df !important;
  color: #171717 !important;
}

/* Desktop fixed state */
@media (min-width: 768px) {
  body.lml-eos-page .brand-eos-jump-section.is-sticky .brand-eos-jump-nav {
    position: fixed !important;
    top: var(--lml-eos-jump-top, 106px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99990 !important;
    width: 100% !important;
    padding-left: max(24px, calc((100vw - 1320px) / 2)) !important;
    padding-right: max(24px, calc((100vw - 1320px) / 2)) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 10px 26px rgba(20, 16, 10, 0.10) !important;
  }
}

/* Anchor offset */
body.lml-eos-page [id^="eos-"] {
  scroll-margin-top: 180px !important;
}

/* Mobile bottom nav */
@media (max-width: 767px) {
  body.lml-eos-page {
    padding-bottom: 72px !important;
  }

  body.lml-eos-page .brand-eos-jump-section {
    min-height: 0 !important;
    margin: 0 !important;
  }

  body.lml-eos-page .brand-eos-jump-nav {
    position: fixed !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 99990 !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    width: 100% !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 -10px 24px rgba(20, 16, 10, 0.14) !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.lml-eos-page .brand-eos-jump-nav span,
  body.lml-eos-page .brand-eos-jump-nav a {
    flex: 0 0 auto !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }
}

/* =========================================================
   EOS PROJECT PROCESS - PREMIUM FLOW
   Gør projektforløb mere eksklusivt og mindre "form/grid"
========================================================= */

/* Intro lidt smallere og mere elegant */
body.lml-eos-page #eos-projektforloeb.brand-product-intro {
  margin-bottom: 26px !important;
}

body.lml-eos-page #eos-projektforloeb.brand-product-intro p {
  max-width: 860px !important;
}

/* Selve proces-gridet */
body.lml-eos-page .brand-eos-project-process {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px 22px !important;
  align-items: stretch !important;
  margin-top: 20px !important;
  position: relative !important;
}

/* Kortene */
body.lml-eos-page .brand-eos-project-process .brand-benefit-card {
  position: relative !important;
  min-height: 255px !important;
  padding: 74px 26px 26px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(185, 135, 53, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,244,0.92) 100%) !important;
  box-shadow:
    0 18px 38px rgba(20, 16, 10, 0.06),
    0 1px 0 rgba(255,255,255,0.8) inset !important;
  overflow: visible !important;
}

/* Guld top accent */
body.lml-eos-page .brand-eos-project-process .brand-benefit-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 5px !important;
  border-radius: 20px 20px 0 0 !important;
  background: linear-gradient(90deg, #c08a2c 0%, #e0bf67 50%, #c08a2c 100%) !important;
}

/* Nummer badge */
body.lml-eos-page .brand-eos-project-process .brand-eos-process-number {
  position: absolute !important;
  left: 22px !important;
  top: 24px !important;
  min-width: 40px !important;
  height: 30px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #c69536 0%, #e6c46f 100%) !important;
  color: #171717 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 8px 18px rgba(185, 135, 53, 0.22) !important;
  z-index: 3 !important;
}

/* Lille ikon-boble øverst til højre */
body.lml-eos-page .brand-eos-project-process .brand-benefit-card::after {
  position: absolute !important;
  right: 22px !important;
  top: 20px !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(185, 135, 53, 0.10) !important;
  border: 1px solid rgba(185, 135, 53, 0.18) !important;
  color: #8f6b2e !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7) !important;
  z-index: 2 !important;
}

/* Ikon pr. step */
body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(1)::after { content: "◌" !important; }
body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(2)::after { content: "⌘" !important; }
body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(3)::after { content: "✦" !important; }
body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(4)::after { content: "⇄" !important; }
body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(5)::after { content: "✓" !important; }
body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(6)::after { content: "→" !important; }

/* Typografi */
body.lml-eos-page .brand-eos-project-process .brand-benefit-card h3 {
  margin: 0 0 12px !important;
  color: #171717 !important;
  font-size: 30px !important;
  line-height: 1.18 !important;
}

body.lml-eos-page .brand-eos-project-process .brand-benefit-card p {
  margin: 0 !important;
  color: #4f4a44 !important;
  line-height: 1.72 !important;
  font-size: 17px !important;
}

/* Pile mellem kortene */
@media (min-width: 980px) {
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(1),
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(2),
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(4),
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(5) {
    overflow: visible !important;
  }

  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(1) .brand-eos-process-number,
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(2) .brand-eos-process-number,
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(4) .brand-eos-process-number,
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(5) .brand-eos-process-number {
    z-index: 4 !important;
  }

  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(1) > h3::after,
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(2) > h3::after,
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(4) > h3::after,
  body.lml-eos-page .brand-eos-project-process .brand-benefit-card:nth-child(5) > h3::after {
    content: "→" !important;
    position: absolute !important;
    top: 50% !important;
    right: -34px !important;
    transform: translateY(-50%) !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fffaf1 !important;
    border: 1px solid rgba(185, 135, 53, 0.18) !important;
    color: #b98735 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 22px rgba(20,16,10,0.08) !important;
    z-index: 10 !important;
  }
}

/* Tablet */
@media (max-width: 979px) {
  body.lml-eos-page .brand-eos-project-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-project-process {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.lml-eos-page .brand-eos-project-process .brand-benefit-card {
    min-height: auto !important;
    padding: 72px 22px 22px !important;
  }

  body.lml-eos-page .brand-eos-project-process .brand-benefit-card h3 {
    font-size: 26px !important;
  }
}

/* Mere luft til næste sektion */
body.lml-eos-page .brand-support-section.brand--eos {
  margin-top: 72px !important;
  padding-top: 10px !important;
}

body.lml-eos-page .brand-support-section.brand--eos .brand-product-intro {
  margin-bottom: 28px !important;
}

/* =========================================================
   EOS PROJECT PROCESS - PREMIUM TIMELINE
   Erstatter tidligere card-grid med mere elegant procesflow
========================================================= */

body.lml-eos-page .brand-eos-process {
  margin: 0 0 130px !important;
}

body.lml-eos-page .brand-eos-process__intro {
  margin-bottom: 38px !important;
}

body.lml-eos-page .brand-eos-process__intro h2 {
  color: #171717 !important;
}

body.lml-eos-page .brand-eos-process__intro p:last-child {
  max-width: 880px !important;
  color: #333 !important;
}

/* Timeline grid */
body.lml-eos-page .brand-eos-process__timeline {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px 34px !important;
  position: relative !important;
}

/* Step wrapper */
body.lml-eos-page .brand-eos-process-step {
  position: relative !important;
}

/* Top med nummer og ikon */
body.lml-eos-page .brand-eos-process-step__top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Nummer badge */
body.lml-eos-page .brand-eos-process-step__number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 56px !important;
  height: 30px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #c59534 0%, #e2c36d 100%) !important;
  color: #171717 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0.03em !important;
  box-shadow: 0 8px 18px rgba(185, 135, 53, 0.18) !important;
}

/* Ikon badge */
body.lml-eos-page .brand-eos-process-step__icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(247,242,232,0.96) 100%) !important;
  border: 1px solid rgba(185, 135, 53, 0.22) !important;
  color: #987335 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 20px rgba(20,16,10,0.05) !important;
}

/* Card */
body.lml-eos-page .brand-eos-process-step__card {
  min-height: 210px !important;
  padding: 28px 28px 30px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(185, 135, 53, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(252,248,242,0.96) 100%) !important;
  box-shadow:
    0 18px 36px rgba(20,16,10,0.055),
    inset 0 1px 0 rgba(255,255,255,0.75) !important;
  position: relative !important;
  overflow: visible !important;
}

/* Guld top accent */
body.lml-eos-page .brand-eos-process-step__card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 4px !important;
  border-radius: 22px 22px 0 0 !important;
  background: linear-gradient(90deg, #bf8a2d 0%, #e3c56f 50%, #bf8a2d 100%) !important;
}

body.lml-eos-page .brand-eos-process-step__card h3 {
  margin: 0 0 14px !important;
  color: #171717 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

body.lml-eos-page .brand-eos-process-step__card p {
  margin: 0 !important;
  color: #55514b !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

/* Pile mellem steps på desktop */
@media (min-width: 980px) {
  body.lml-eos-page .brand-eos-process-step:nth-child(1)::after,
  body.lml-eos-page .brand-eos-process-step:nth-child(2)::after,
  body.lml-eos-page .brand-eos-process-step:nth-child(4)::after,
  body.lml-eos-page .brand-eos-process-step:nth-child(5)::after {
    content: "" !important;
    position: absolute !important;
    top: 21px !important;
    left: calc(100% + 10px) !important;
    width: 38px !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(191,138,45,0.20) 0%, rgba(227,197,111,0.72) 100%) !important;
    z-index: 1 !important;
  }

  body.lml-eos-page .brand-eos-process-step:nth-child(1)::before,
  body.lml-eos-page .brand-eos-process-step:nth-child(2)::before,
  body.lml-eos-page .brand-eos-process-step:nth-child(4)::before,
  body.lml-eos-page .brand-eos-process-step:nth-child(5)::before {
    content: "→" !important;
    position: absolute !important;
    top: 4px !important;
    right: -25px !important;
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #f6f1e7 !important;
    border: 1px solid rgba(185, 135, 53, 0.18) !important;
    color: #b98735 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(20,16,10,0.06) !important;
    z-index: 3 !important;
  }
}

/* Tablet */
@media (max-width: 979px) {
  body.lml-eos-page .brand-eos-process__timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  body.lml-eos-page .brand-eos-process-step::before,
  body.lml-eos-page .brand-eos-process-step::after {
    content: none !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-process {
    margin-bottom: 96px !important;
  }

  body.lml-eos-page .brand-eos-process__timeline {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.lml-eos-page .brand-eos-process-step__card {
    min-height: auto !important;
    padding: 24px 22px 24px !important;
  }

  body.lml-eos-page .brand-eos-process-step__card h3 {
    font-size: 18px !important;
  }

  body.lml-eos-page .brand-eos-process-step__card p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
}

/* Mere afstand til næste sektion */
body.lml-eos-page .brand-eos-process + .brand-section-divider,
body.lml-eos-page .brand-eos-process + .brand-support-section,
body.lml-eos-page .brand-support-section.brand--eos {
  margin-top: 90px !important;
}

/* =========================================================
   EOS PARALLAX - FÆRDIGT MILJØ FOCAL POINT
   Rykker sauna/ovn mere mod venstre på desktop
========================================================= */

@media (min-width: 768px) {
  body.lml-eos-page .brand-eos-parallax-stage--pipe {
    background-position: 80% center !important;
  }
}

/* =========================================================
   EOS PIPE PARALLAX / FÆRDIGT MILJØ - STABIL FOCAL POINT
   Fjerner fixed-parallax på denne ene sektion, så billedfokus ikke resetter
========================================================= */

body.lml-eos-page .brand-eos-parallax-stage.brand-eos-parallax-stage--pipe {
  background-attachment: scroll !important;
  background-position: 88% center !important;
  background-size: cover !important;
}

/* På desktop: træk ovnen mere ind i billedet */
@media (min-width: 1025px) {
  body.lml-eos-page .brand-eos-parallax-stage.brand-eos-parallax-stage--pipe {
    background-position: 92% center !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  body.lml-eos-page .brand-eos-parallax-stage.brand-eos-parallax-stage--pipe {
    background-position: 86% center !important;
  }
}

/* Mobil: fokusér mere mod højre, så ovnen ikke forsvinder helt */
@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-parallax-stage.brand-eos-parallax-stage--pipe {
    min-height: 460px !important;
    background-attachment: scroll !important;
    background-position: 92% center !important;
    background-size: cover !important;
  }
}

/* =========================================================
   EOS PROJECT PROCESS - TOP LINE INSIDE CARD
   Holder guldlinjen inden for de afrundede hjørner
========================================================= */

body.lml-eos-page .brand-eos-process-step__card {
  overflow: hidden !important;
}

body.lml-eos-page .brand-eos-process-step__card::before {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: 4px !important;
  border-radius: 22px 22px 0 0 !important;
}

/* =========================================================
   EOS HERO IMAGE FOCAL POINT
   Balancerer ovnen uden at trække billedet for langt til venstre
========================================================= */

body.lml-eos-page .brand-eos-hero-premium__visual img {
  object-position: 30% center !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {
  body.lml-eos-page .brand-eos-hero-premium__visual img {
    object-position: 20% center !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-hero-premium__visual img {
    object-position: 16% center !important;
  }
}

/* =========================================================
   EOS MOBILE + PARALLAX FINAL POLISH
   Retter mobil-look på parallax + CTA og flytter pipe-billedet på desktop
========================================================= */

/* ---------------------------------------------------------
   FRA PRODUKT TIL FÆRDIGT MILJØ
   Desktop: ryk billedets fokus lidt ned og mod højre,
   så ovnen ikke gemmer sig bag jump-menuen.
--------------------------------------------------------- */

@media (min-width: 1025px) {
  body.lml-eos-page .brand-eos-parallax-stage.brand-eos-parallax-stage--pipe {
    background-attachment: scroll !important;
    background-position: 92% 24% !important;
    background-size: cover !important;
    min-height: 560px !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  body.lml-eos-page .brand-eos-parallax-stage.brand-eos-parallax-stage--pipe {
    background-attachment: scroll !important;
    background-position: 92% 28% !important;
    background-size: cover !important;
    min-height: 500px !important;
  }
}

/* Mobil: mere kompakt tekst og mere fokus mod ovn/højre side */
@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-parallax-stage,
  body.lml-eos-page .brand-eos-parallax-stage.brand-eos-parallax-stage--pipe {
    min-height: 430px !important;
    margin: 52px 0 64px 0 !important;
    padding: 28px 22px 32px !important;
    border-radius: 14px !important;
    background-attachment: scroll !important;
    background-position: 96% 26% !important;
    background-size: cover !important;
    align-items: flex-end !important;
  }

  body.lml-eos-page .brand-eos-parallax-stage__content {
    max-width: 100% !important;
  }

  body.lml-eos-page .brand-eos-parallax-stage .brand-eyebrow {
    margin-bottom: 8px !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
  }

  body.lml-eos-page .brand-eos-parallax-stage h2 {
    max-width: 92% !important;
    margin: 0 0 14px 0 !important;
    font-size: 29px !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
  }

  body.lml-eos-page .brand-eos-parallax-stage p:not(.brand-eyebrow) {
    max-width: 95% !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}

/* ---------------------------------------------------------
   EOS FINAL CTA
   Mobil: knappen og overskriften var for voldsomme.
--------------------------------------------------------- */

@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-final-cta {
    display: block !important;
    margin: 58px 0 46px 0 !important;
    padding: 28px 22px 30px !important;
    border-radius: 14px !important;
  }

  body.lml-eos-page .brand-eos-final-cta .brand-eyebrow {
    margin-bottom: 8px !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
  }

  body.lml-eos-page .brand-eos-final-cta h2 {
    max-width: 100% !important;
    margin: 0 0 16px 0 !important;
    font-size: 29px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
  }

  body.lml-eos-page .brand-eos-final-cta p:not(.brand-eyebrow) {
    margin-bottom: 22px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body.lml-eos-page .brand-eos-final-cta .brand-cta {
    width: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 13px 22px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
  }
}

/* Ekstra små mobiler */
@media (max-width: 420px) {
  body.lml-eos-page .brand-eos-parallax-stage h2,
  body.lml-eos-page .brand-eos-final-cta h2 {
    font-size: 26px !important;
  }
}

/* =========================================================
   BRANDOVERSIGT - EOS MINI GOLD PARTNER BADGE
   Lille Gold Partner badge direkte på EOS-tilen
   Uden ekstra "firkant i firkant"-ramme
========================================================= */

body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"],
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] {
  position: relative !important;
  overflow: hidden !important;
}

/* Selve badge-containeren - kun position + clipping */
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"] .lml-eos-mini-gold-badge,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] .lml-eos-mini-gold-badge {
  position: absolute !important;
  left: 16px !important;
  bottom: 16px !important;
  width: 76px !important;
  height: 76px !important;
  z-index: 8 !important;

  display: block !important;
  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24) !important;

  border-radius: 12px !important;
  overflow: hidden !important;

  pointer-events: none !important;
}

/* SVG/img fylder hele fladen direkte */
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"] .lml-eos-mini-gold-badge img,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"] .lml-eos-mini-gold-badge svg,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] .lml-eos-mini-gold-badge img,
body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] .lml-eos-mini-gold-badge svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
}

/* Tablet */
@media (max-width: 1199px) {
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"] .lml-eos-mini-gold-badge,
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] .lml-eos-mini-gold-badge {
    width: 68px !important;
    height: 68px !important;
    left: 14px !important;
    bottom: 14px !important;
    border-radius: 11px !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="eos-sauna"] .lml-eos-mini-gold-badge,
  body .lml-brand-overview-list-block .content-list-grid > a.brand.cbx-border[href*="/eos"] .lml-eos-mini-gold-badge {
    width: 60px !important;
    height: 60px !important;
    left: 12px !important;
    bottom: 12px !important;
    border-radius: 10px !important;
  }
}

/* =========================================================
   EOS OVEN SHOWCASE - CLEAN FINAL VERSION
   Interaktiv ovnsektion med:
   - grå produkt/teknikslides i contain
   - miljøbilleder/video i cover
   - ens højde på billed- og tekstside
   - små guld-bullets
   - transparente pile
   Bruges ved #eos-ovne
========================================================= */

/* Reset gamle pseudo-lag fra tidligere forsøg */
body .brand-eos-oven-showcase::before,
body .brand-eos-oven-showcase::after,
body .brand-eos-oven-showcase__grid::before,
body .brand-eos-oven-showcase__grid::after,
body .brand-eos-oven-showcase__media::before,
body .brand-eos-oven-showcase__media::after,
body .brand-eos-oven-stage::before,
body .brand-eos-oven-stage::after {
  content: none !important;
  display: none !important;
}

/* Ydre wrapper */
body .brand-eos-oven-showcase {
  max-width: 1760px !important;
  margin: 64px auto 64px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.10) !important;
  isolation: isolate !important;
}

/* Grid: billedside og tekstside skal være lige høje */
body .brand-eos-oven-showcase__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 56%) minmax(420px, 44%) !important;
  align-items: stretch !important;

  min-height: 690px !important;

  background: #9d9d9c !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Venstre media-side */
body .brand-eos-oven-showcase__media {
  position: relative !important;
  min-width: 0 !important;
  min-height: 690px !important;
  height: 100% !important;

  background: #9d9d9c !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

/* Selve stage */
body .brand-eos-oven-stage {
  position: relative !important;
  width: 100% !important;
  min-height: 690px !important;
  height: 100% !important;

  background: #9d9d9c !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

/* Billed/video layers */
body .brand-eos-oven-stage__layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  opacity: 0 !important;
  transform: scale(1.01) !important;

  background-color: #9d9d9c !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;

  transition:
    opacity 0.55s ease,
    transform 0.75s ease !important;
}

/* Aktivt layer */
body .brand-eos-oven-stage__layer.is-active {
  z-index: 2 !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Video skal fylde stage */
body .brand-eos-oven-stage__layer video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  background: #9d9d9c !important;
}

/* Lille slide-label */
body .brand-eos-oven-stage__meta {
  position: absolute !important;
  left: 28px !important;
  bottom: 28px !important;
  z-index: 18 !important;

  display: inline-flex !important;
  flex-direction: column !important;
  gap: 3px !important;

  max-width: calc(100% - 56px) !important;
  padding: 12px 16px !important;

  border-radius: 13px !important;
  background: rgba(22, 24, 26, 0.82) !important;
  color: #ffffff !important;

  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
}

body .brand-eos-oven-stage__meta-main {
  color: #f1d58b !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body .brand-eos-oven-stage__meta-sub {
  color: rgba(255,255,255,0.92) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

/* Små guld-bullets direkte på billedet - ingen hvid bjælke */
body .brand-eos-oven-bullets {
  position: absolute !important;
  left: 50% !important;
  bottom: 34px !important;
  z-index: 19 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  width: auto !important;
  max-width: calc(100% - 230px) !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateX(-50%) !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body .brand-eos-oven-bullets a {
  display: block !important;
  flex: 0 0 auto !important;

  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  border: 1px solid rgba(241, 213, 139, 0.88) !important;
  background: rgba(18, 18, 18, 0.38) !important;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-decoration: none !important;

  box-shadow: 0 4px 12px rgba(0,0,0,0.18) !important;

  transition:
    width 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease !important;
}

body .brand-eos-oven-bullets a:hover,
body .brand-eos-oven-bullets a:focus {
  background: rgba(241, 213, 139, 0.62) !important;
  border-color: rgba(241, 213, 139, 1) !important;
  transform: scale(1.08) !important;
}

/* Aktiv bullet som lille guld-streg */
body .brand-eos-oven-bullets a.is-active {
  width: 34px !important;
  background: linear-gradient(135deg, #f1d58b, #b98735) !important;
  border-color: transparent !important;
  box-shadow:
    0 0 0 5px rgba(241, 213, 139, 0.14),
    0 8px 20px rgba(185, 135, 53, 0.25) !important;
  transform: none !important;
}

/* Transparente pile, som JS indsætter */
body .brand-eos-oven-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 20 !important;

  width: 54px !important;
  height: 132px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  transform: translateY(-50%) !important;

  border: 1px solid rgba(255,255,255,0.24) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.84) !important;

  cursor: pointer !important;

  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

body .brand-eos-oven-arrow:hover,
body .brand-eos-oven-arrow:focus {
  background: rgba(255,255,255,0.17) !important;
  color: #ffffff !important;
  border-color: rgba(241, 213, 139, 0.46) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,0.18) !important;
}

body .brand-eos-oven-arrow--prev {
  left: 22px !important;
}

body .brand-eos-oven-arrow--next {
  right: 22px !important;
}

body .brand-eos-oven-arrow::before {
  content: "" !important;
  display: block !important;

  width: 15px !important;
  height: 15px !important;

  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
}

body .brand-eos-oven-arrow--prev::before {
  transform: rotate(-135deg) !important;
  margin-left: 5px !important;
}

body .brand-eos-oven-arrow--next::before {
  transform: rotate(45deg) !important;
  margin-right: 5px !important;
}

/* Højre tekstpanel */
body .brand-eos-oven-showcase__content {
  min-height: 690px !important;
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  padding: clamp(52px, 5vw, 76px) clamp(46px, 5vw, 72px) !important;

  background:
    radial-gradient(circle at 8% 92%, rgba(185, 135, 53, 0.22), transparent 34%),
    linear-gradient(135deg, #151717 0%, #101313 58%, #24180d 100%) !important;

  color: #ffffff !important;
  border-radius: 0 !important;
}

body .brand-eos-oven-showcase__content .brand-eyebrow {
  margin: 0 0 18px 0 !important;
  color: #f1d58b !important;
}

body .brand-eos-oven-showcase__content .brand-hero-heading,
body .brand-eos-oven-showcase__content h2 {
  max-width: 720px !important;
  margin: 0 0 26px 0 !important;

  color: #ffffff !important;

  font-size: clamp(36px, 4vw, 62px) !important;
  line-height: 1.06 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
}

body .brand-eos-oven-showcase__content p {
  max-width: 720px !important;
  margin: 0 0 22px 0 !important;

  color: rgba(255,255,255,0.90) !important;

  font-size: 18px !important;
  line-height: 1.72 !important;
}

/* Feature list */
body .brand-eos-oven-showcase__content .brand-feature-list,
body .brand-eos-oven-showcase__content .js-eos-oven-features {
  margin: 28px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .brand-eos-oven-showcase__content .brand-feature-list li,
body .brand-eos-oven-showcase__content .js-eos-oven-features li {
  position: relative !important;

  margin: 0 0 17px 0 !important;
  padding-left: 34px !important;

  color: rgba(255,255,255,0.94) !important;

  font-size: 16.5px !important;
  line-height: 1.65 !important;
}

body .brand-eos-oven-showcase__content .brand-feature-list li::before,
body .brand-eos-oven-showcase__content .js-eos-oven-features li::before {
  content: "✓" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0.05em !important;

  color: #f1d58b !important;

  font-size: 18px !important;
  font-weight: 900 !important;
}

/* Tablet */
@media (max-width: 1180px) {
  body .brand-eos-oven-showcase__grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  body .brand-eos-oven-showcase__media,
  body .brand-eos-oven-stage {
    min-height: 520px !important;
  }

  body .brand-eos-oven-showcase__content {
    min-height: auto !important;
    padding: 52px 42px !important;
  }

  body .brand-eos-oven-bullets {
    max-width: calc(100% - 180px) !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body .brand-eos-oven-showcase {
    margin: 46px auto 42px !important;
    border-radius: 16px !important;
  }

  body .brand-eos-oven-showcase__grid {
    border-radius: 16px !important;
  }

  body .brand-eos-oven-showcase__media,
  body .brand-eos-oven-stage {
    min-height: 360px !important;
  }

  body .brand-eos-oven-stage__meta {
    left: 14px !important;
    top: 14px !important;
    bottom: auto !important;
    max-width: calc(100% - 28px) !important;
    padding: 10px 12px !important;
  }

  body .brand-eos-oven-bullets {
    bottom: 17px !important;
    gap: 9px !important;
    max-width: calc(100% - 118px) !important;
  }

  body .brand-eos-oven-bullets a {
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    min-height: 9px !important;
  }

  body .brand-eos-oven-bullets a.is-active {
    width: 25px !important;
  }

  body .brand-eos-oven-arrow {
    width: 40px !important;
    height: 82px !important;
  }

  body .brand-eos-oven-arrow--prev {
    left: 10px !important;
  }

  body .brand-eos-oven-arrow--next {
    right: 10px !important;
  }

  body .brand-eos-oven-showcase__content {
    padding: 34px 22px 38px !important;
  }

  body .brand-eos-oven-showcase__content .brand-hero-heading,
  body .brand-eos-oven-showcase__content h2 {
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body .brand-eos-oven-showcase__content p {
    font-size: 16px !important;
  }

  body .brand-eos-oven-showcase__content .brand-feature-list li,
  body .brand-eos-oven-showcase__content .js-eos-oven-features li {
    font-size: 15.5px !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  body .brand-eos-oven-stage__layer,
  body .brand-eos-oven-bullets a,
  body .brand-eos-oven-arrow {
    transition: none !important;
  }
}

/* =========================================================
   EOS OVEN SHOWCASE - SIDE SLIDE DOTS
   Vertikal slide-navigation for den valgte ovnmodel
   Produkt/model-bullets nederst bevares separat
========================================================= */

body .brand-eos-oven-slide-dots {
  position: absolute !important;
  right: 34px !important;
  bottom: 96px !important;
  z-index: 22 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 9px !important;

  margin: 0 !important;
  padding: 0 !important;
}

body .brand-eos-oven-slide-dots button {
  position: relative !important;

  width: 42px !important;
  height: 22px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  border: 1px solid rgba(241, 213, 139, 0.58) !important;
  background: rgba(20, 20, 20, 0.22) !important;
  color: rgba(255, 255, 255, 0.86) !important;

  cursor: pointer !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.08),
    0 8px 18px rgba(0,0,0,0.14) !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    color 0.2s ease !important;
}

body .brand-eos-oven-slide-dots button:hover,
body .brand-eos-oven-slide-dots button:focus {
  background: rgba(241, 213, 139, 0.22) !important;
  border-color: rgba(241, 213, 139, 0.95) !important;
  color: #ffffff !important;
  transform: translateX(-2px) !important;
}

body .brand-eos-oven-slide-dots button.is-active {
  background: linear-gradient(135deg, #f1d58b, #b98735) !important;
  border-color: transparent !important;
  color: #17120a !important;
  box-shadow:
    0 0 0 4px rgba(241, 213, 139, 0.14),
    0 10px 22px rgba(185, 135, 53, 0.28) !important;
}

/* Lille billede-ikon */
body .brand-eos-oven-slide-dots button::before {
  content: "" !important;
  display: block !important;

  width: 13px !important;
  height: 10px !important;

  border: 2px solid currentColor !important;
  border-radius: 3px !important;

  opacity: 0.9 !important;
}

/* Lille video play-ikon */
body .brand-eos-oven-slide-dots button[data-slide-kind="video"]::before {
  width: 0 !important;
  height: 0 !important;

  border-top: 6px solid transparent !important;
  border-bottom: 6px solid transparent !important;
  border-left: 10px solid currentColor !important;
  border-right: 0 !important;

  border-radius: 0 !important;
  margin-left: 2px !important;
}

/* Skjul hvis der kun er én slide */
body .brand-eos-oven-slide-dots:empty {
  display: none !important;
}

/* Mobil */
@media (max-width: 767px) {
  body .brand-eos-oven-slide-dots {
    right: 14px !important;
    bottom: 62px !important;
    gap: 7px !important;
  }

  body .brand-eos-oven-slide-dots button {
    width: 36px !important;
    height: 20px !important;
  }

  body .brand-eos-oven-slide-dots button::before {
    width: 11px !important;
    height: 8px !important;
    border-width: 1.5px !important;
  }

  body .brand-eos-oven-slide-dots button[data-slide-kind="video"]::before {
    border-top-width: 5px !important;
    border-bottom-width: 5px !important;
    border-left-width: 8px !important;
  }
}

/* =========================================================
   EOS COMPACT DESKTOP TUNING
   Gør projektforløb og ovnshowcase lavere, så de bedre passer
   til "avisprincippet" / above-the-fold på desktop.
   Skal ligge HELT nederst efter eksisterende EOS CSS.
========================================================= */


/* =========================================================
   EOS PROJEKTFORLØB - COMPACT PREMIUM
   Mindre luft, ingen dekorationsikoner, 3 x 2 cards på desktop
========================================================= */

body .brand-eos-project-process {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px 28px !important;

  margin-top: 30px !important;
  margin-bottom: 76px !important;
}

/* Gør introen mere kompakt */
body #eos-projektforloeb.brand-product-intro {
  margin-top: 46px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

body #eos-projektforloeb.brand-product-intro h2 {
  max-width: 900px !important;
  margin-bottom: 12px !important;
}

body #eos-projektforloeb.brand-product-intro p {
  max-width: 840px !important;
  margin-bottom: 0 !important;
}

/* Cards: lavere, strammere og mere rolige */
body .brand-eos-project-process .brand-benefit-card {
  position: relative !important;
  min-height: 172px !important;
  height: auto !important;

  padding: 25px 28px 24px !important;
  border-radius: 16px !important;
  overflow: hidden !important;

  background: linear-gradient(180deg, #ffffff 0%, #fffdf9 100%) !important;
  border: 1px solid rgba(185, 135, 53, 0.22) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.045) !important;
}

/* Guldlinje skal ligge inde i cardet - ikke ovenpå hjørnerne */
body .brand-eos-project-process .brand-benefit-card::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  height: 4px !important;

  border-radius: 16px 16px 0 0 !important;
  background: linear-gradient(90deg, #b98735, #f1d58b) !important;
}

/* Fjern de dekorative ikoner og små pile */
body .brand-eos-project-process .brand-benefit-card::after,
body .brand-eos-project-process .brand-eos-process-icon,
body .brand-eos-project-process .brand-eos-process-arrow,
body .brand-eos-project-process .brand-eos-process-card__icon,
body .brand-eos-project-process .brand-eos-process-card__arrow {
  content: none !important;
  display: none !important;
}

/* Nummer-badge mere diskret og inde i flowet */
body .brand-eos-project-process .brand-eos-process-number {
  position: static !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 54px !important;
  height: 25px !important;

  margin: 0 0 15px 0 !important;
  padding: 0 14px !important;

  border-radius: 999px !important;
  background: linear-gradient(135deg, #f1d58b, #b98735) !important;
  color: #16110a !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;

  box-shadow: none !important;
}

body .brand-eos-project-process .brand-benefit-card h3 {
  margin: 0 0 10px 0 !important;

  font-size: 20px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
}

body .brand-eos-project-process .brand-benefit-card p {
  margin: 0 !important;

  font-size: 15.5px !important;
  line-height: 1.58 !important;
  color: #4d4a45 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body .brand-eos-project-process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  body .brand-eos-project-process .brand-benefit-card {
    min-height: 160px !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body .brand-eos-project-process {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 24px !important;
    margin-bottom: 56px !important;
  }

  body .brand-eos-project-process .brand-benefit-card {
    min-height: 0 !important;
    padding: 23px 22px 22px !important;
  }

  body .brand-eos-project-process .brand-benefit-card h3 {
    font-size: 19px !important;
  }

  body .brand-eos-project-process .brand-benefit-card p {
    font-size: 15px !important;
  }
}


/* =========================================================
   EOS OVEN SHOWCASE - COMPACT DESKTOP HEIGHT
   Mindre højde, mindre overskrift og bullets synlige uden scroll
========================================================= */

@media (min-width: 1181px) {
  body .brand-eos-oven-showcase {
    max-width: 1440px !important;
    margin: 46px auto 58px !important;
    border-radius: 18px !important;
  }

  body .brand-eos-oven-showcase__grid {
    grid-template-columns: minmax(0, 55%) minmax(390px, 45%) !important;

    height: clamp(520px, 62vh, 610px) !important;
    min-height: 520px !important;
    max-height: 610px !important;

    border-radius: 18px !important;
  }

  body .brand-eos-oven-showcase__media,
  body .brand-eos-oven-stage {
    height: 100% !important;
    min-height: 520px !important;
    max-height: 610px !important;
  }

  body .brand-eos-oven-showcase__content {
    height: 100% !important;
    min-height: 520px !important;
    max-height: 610px !important;

    padding: clamp(36px, 3.4vw, 54px) clamp(38px, 4vw, 62px) !important;
  }

  body .brand-eos-oven-showcase__content .brand-eyebrow {
    margin-bottom: 14px !important;
    font-size: 14px !important;
  }

  body .brand-eos-oven-showcase__content .brand-hero-heading,
  body .brand-eos-oven-showcase__content h2 {
    max-width: 640px !important;
    margin-bottom: 20px !important;

    font-size: clamp(34px, 3.15vw, 50px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.04em !important;
  }

  body .brand-eos-oven-showcase__content p {
    max-width: 640px !important;
    margin-bottom: 18px !important;

    font-size: 16.5px !important;
    line-height: 1.62 !important;
  }

  body .brand-eos-oven-showcase__content .brand-feature-list,
  body .brand-eos-oven-showcase__content .js-eos-oven-features {
    margin-top: 20px !important;
  }

  body .brand-eos-oven-showcase__content .brand-feature-list li,
  body .brand-eos-oven-showcase__content .js-eos-oven-features li {
    margin-bottom: 12px !important;
    padding-left: 31px !important;

    font-size: 15.5px !important;
    line-height: 1.52 !important;
  }

  /* Model-bullets nederst skal være synlige uden scroll */
  body .brand-eos-oven-bullets {
    bottom: 22px !important;
    gap: 11px !important;
  }

  body .brand-eos-oven-bullets a {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    min-height: 11px !important;
  }

  body .brand-eos-oven-bullets a.is-active {
    width: 32px !important;
  }

  /* Side slide-dots flyttes lidt op, men stadig kompakt */
  body .brand-eos-oven-slide-dots {
    right: 24px !important;
    bottom: 72px !important;
    gap: 8px !important;
  }

  body .brand-eos-oven-slide-dots button {
    width: 38px !important;
    height: 20px !important;
  }

  /* Pile gøres lidt lavere */
  body .brand-eos-oven-arrow {
    width: 48px !important;
    height: 106px !important;
  }

  body .brand-eos-oven-arrow--prev {
    left: 18px !important;
  }

  body .brand-eos-oven-arrow--next {
    right: 18px !important;
  }

  /* Lille label nederst til venstre */
  body .brand-eos-oven-stage__meta {
    left: 24px !important;
    bottom: 22px !important;
    padding: 10px 14px !important;
  }
}

/* =========================================================
   EOS PROJEKTFORLØB - COMPACT CLEAN VERSION
   Fjerner ikoner/pile og gør sektionen lavere på desktop
   Skal ligge HELT nederst efter eksisterende EOS CSS
========================================================= */

body .brand-eos-process {
  margin: 44px 0 72px 0 !important;
  padding: 0 !important;
}

/* Intro */
body .brand-eos-process__intro {
  max-width: 920px !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
}

body .brand-eos-process__intro .brand-eyebrow {
  margin-bottom: 12px !important;
}

body .brand-eos-process__intro h2 {
  margin: 0 0 12px 0 !important;
  font-size: clamp(28px, 2.4vw, 38px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
  color: #1f1f1f !important;
}

body .brand-eos-process__intro p {
  max-width: 850px !important;
  margin: 0 !important;
  font-size: 16.5px !important;
  line-height: 1.65 !important;
  color: #3d3a35 !important;
}

/* Grid */
body .brand-eos-process__timeline {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Fjern gamle ikoner/pile hvis de stadig findes i DOM */
body .brand-eos-process-step__icon,
body .brand-eos-process-step__top::after,
body .brand-eos-process-step::before,
body .brand-eos-process-step::after {
  content: none !important;
  display: none !important;
}

/* Hvis gammel step-wrapper stadig ligger omkring kort */
body .brand-eos-process-step {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card */
body .brand-eos-process-card,
body .brand-eos-process-step__card {
  position: relative !important;
  display: block !important;

  min-height: 148px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 24px 26px 23px 26px !important;

  overflow: hidden !important;
  border-radius: 15px !important;

  background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
  border: 1px solid rgba(185, 135, 53, 0.20) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04) !important;
}

/* Guldlinje inde i cardet */
body .brand-eos-process-card::before,
body .brand-eos-process-step__card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  height: 4px !important;

  background: linear-gradient(90deg, #b98735, #f1d58b) !important;
  border-radius: 15px 15px 0 0 !important;
}

/* Nummer */
body .brand-eos-process-number,
body .brand-eos-process-step__number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 48px !important;
  height: 24px !important;

  margin: 0 0 14px 0 !important;
  padding: 0 13px !important;

  border-radius: 999px !important;
  background: linear-gradient(135deg, #f1d58b, #b98735) !important;
  color: #18120a !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;

  box-shadow: none !important;
}

/* Tekst */
body .brand-eos-process-card h3,
body .brand-eos-process-step__card h3 {
  margin: 0 0 9px 0 !important;

  font-size: 19px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;

  color: #1f1f1f !important;
}

body .brand-eos-process-card p,
body .brand-eos-process-step__card p {
  margin: 0 !important;

  font-size: 15.2px !important;
  line-height: 1.52 !important;
  color: #4c4943 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body .brand-eos-process__timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body .brand-eos-process-card,
  body .brand-eos-process-step__card {
    min-height: 138px !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body .brand-eos-process {
    margin: 36px 0 54px 0 !important;
  }

  body .brand-eos-process__intro {
    margin-bottom: 22px !important;
  }

  body .brand-eos-process__intro h2 {
    font-size: 27px !important;
    line-height: 1.15 !important;
  }

  body .brand-eos-process__intro p {
    font-size: 15.5px !important;
    line-height: 1.6 !important;
  }

  body .brand-eos-process__timeline {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body .brand-eos-process-card,
  body .brand-eos-process-step__card {
    min-height: 0 !important;
    padding: 22px 22px 21px 22px !important;
    border-radius: 14px !important;
  }

  body .brand-eos-process-card::before,
  body .brand-eos-process-step__card::before {
    border-radius: 14px 14px 0 0 !important;
  }

  body .brand-eos-process-card h3,
  body .brand-eos-process-step__card h3 {
    font-size: 18px !important;
  }

  body .brand-eos-process-card p,
  body .brand-eos-process-step__card p {
    font-size: 15px !important;
  }
}

/* =========================================================
   EOS STRUCTURE CTA - VIDEO BAGGRUND
   Kontaktflade med video som baggrund
   Skal ligge HELT nederst i Custom Styles
========================================================= */

body .brand-eos-structure-hero {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  margin: 34px auto 56px !important;
  min-height: 360px !important;
  background: #0c0f13 !important;
  color: #ffffff !important;
  isolation: isolate !important;
  box-shadow: 0 22px 50px rgba(0,0,0,0.18) !important;
}

body .brand-eos-structure-hero__video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
  opacity: 0.36 !important;
  filter: saturate(0.92) brightness(0.62) !important;
  background: #000 !important;
}

body .brand-eos-structure-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      90deg,
      rgba(7,10,14,0.88) 0%,
      rgba(7,10,14,0.78) 34%,
      rgba(7,10,14,0.60) 58%,
      rgba(7,10,14,0.74) 100%
    ),
    radial-gradient(
      circle at 82% 48%,
      rgba(201,155,53,0.16) 0%,
      rgba(201,155,53,0.00) 42%
    ) !important;
}

body .brand-eos-structure-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, 320px) !important;
  gap: 52px !important;
  align-items: center !important;
  min-height: 360px !important;
  padding: 54px 64px !important;
}

body .brand-eos-structure-hero__content {
  max-width: 760px !important;
}

body .brand-eos-structure-hero .brand-eyebrow {
  margin: 0 0 12px 0 !important;
  color: #d8b257 !important;
}

body .brand-eos-structure-hero h2 {
  margin: 0 0 16px 0 !important;
  color: #ffffff !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  max-width: 700px !important;
}

body .brand-eos-structure-hero p:not(.brand-eyebrow) {
  margin: 0 !important;
  max-width: 34ch !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

body .brand-eos-structure-hero__actions {
  margin-top: 26px !important;
}

body .brand-eos-structure-hero__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 148px !important;
  min-height: 54px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #e4c46f 0%, #c99b35 100%) !important;
  color: #171717 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 24px rgba(201,155,53,0.24) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease !important;
}

body .brand-eos-structure-hero__button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.03) !important;
  box-shadow: 0 16px 28px rgba(201,155,53,0.30) !important;
}

body .brand-eos-structure-hero__side {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  min-height: 100% !important;
  padding-bottom: 14px !important;
}

body .brand-eos-structure-hero__badge {
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  max-width: 290px !important;
  padding: 16px 18px 15px !important;
  border-radius: 18px !important;
  background: rgba(38, 42, 49, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
  margin-bottom: 8px !important;
}

body .brand-eos-structure-hero__badge-title {
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #d8b257 !important;
}

body .brand-eos-structure-hero__badge-sub {
  font-size: 11px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.92) !important;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {
  body .brand-eos-structure-hero {
    min-height: 340px !important;
  }

body .brand-eos-structure-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, 320px) !important;
  gap: 56px !important;
  align-items: stretch !important;
  min-height: 360px !important;
  padding: 58px 68px !important;
}

  body .brand-eos-structure-hero__content {
    max-width: none !important;
  }

  body .brand-eos-structure-hero h2 {
  max-width: 620px !important;
  font-size: 32px !important;
  line-height: 1.15 !important;
}

  body .brand-eos-structure-hero p:not(.brand-eyebrow) {
    max-width: 48ch !important;
  }

  body .brand-eos-structure-hero__side {
    justify-content: flex-start !important;
  }

  body .brand-eos-structure-hero__badge {
    max-width: 360px !important;
  }
}

/* =========================
   MOBIL
========================= */

@media (max-width: 767px) {
  body .brand-eos-structure-hero {
    border-radius: 18px !important;
    margin: 28px auto 40px !important;
    min-height: 0 !important;
  }

  body .brand-eos-structure-hero__inner {
    padding: 28px 20px 22px !important;
    gap: 18px !important;
  }

  body .brand-eos-structure-hero h2 {
    font-size: 30px !important;
    line-height: 1.02 !important;
    max-width: none !important;
    margin-bottom: 16px !important;
  }

  body .brand-eos-structure-hero p:not(.brand-eyebrow) {
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: none !important;
  }

  body .brand-eos-structure-hero__actions {
    margin-top: 20px !important;
  }

  body .brand-eos-structure-hero__button {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 14px !important;
  }

  body .brand-eos-structure-hero__badge {
    max-width: none !important;
    width: 100% !important;
    padding: 13px 14px 12px !important;
    border-radius: 14px !important;
  }

  body .brand-eos-structure-hero__badge-title,
  body .brand-eos-structure-hero__badge-sub {
    font-size: 10.5px !important;
  }
}

/* =========================================================
   EOS STRUCTURE CTA - OVERSKRIFT JUSTERING
   Beholder nuværende layout, men gør H2 mere rolig
========================================================= */

body .brand-eos-structure-hero h2 {
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  max-width: 700px !important;
}

@media (max-width: 767px) {
  body .brand-eos-structure-hero h2 {
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    max-width: none !important;
  }
}

/* =========================================================
   EOS PRODUKTOMRÅDER
   Mere premium, kompakt og bedre afstand til ovn-fremviser
========================================================= */

body .brand-product-intro.brand--eos {
  max-width: 900px !important;
  margin-bottom: 28px !important;
}

body .brand-product-intro.brand--eos h2 {
  margin-bottom: 12px !important;
  font-size: clamp(30px, 2.4vw, 38px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

body .brand-product-intro.brand--eos p {
  max-width: 760px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Selve produktområde-kortene */
body .brand-eos-product-areas {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;

  margin-top: 26px !important;
  margin-bottom: 76px !important;
}

body .brand-eos-product-areas .brand-benefit-card {
  min-height: 178px !important;
  padding: 26px 28px 28px !important;

  border-radius: 14px !important;
  border: 1px solid rgba(195, 145, 53, 0.22) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(255,252,246,0.92) 100%) !important;

  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.045) !important;
  overflow: hidden !important;
}

/* Guldlinjen skal ligge inde i kortet */
body .brand-eos-product-areas .brand-benefit-card::before {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  border-radius: 14px 14px 0 0 !important;
}

body .brand-eos-product-areas .brand-benefit-card h3 {
  margin: 0 0 12px 0 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
}

body .brand-eos-product-areas .brand-benefit-card p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
  color: rgba(20, 20, 20, 0.82) !important;
}

/* Ekstra sikker afstand til saunaovn-showcasen */
body .brand-eos-product-areas + #eos-ovne,
body #eos-ovne.brand-eos-oven-showcase {
  margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 1100px) {
  body .brand-eos-product-areas {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 58px !important;
  }

  body .brand-eos-product-areas .brand-benefit-card {
    min-height: 160px !important;
  }
}

/* Mobil */
@media (max-width: 767px) {
  body .brand-product-intro.brand--eos h2 {
    font-size: 27px !important;
  }

  body .brand-eos-product-areas {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 22px !important;
    margin-bottom: 44px !important;
  }

  body .brand-eos-product-areas .brand-benefit-card {
    min-height: 0 !important;
    padding: 22px 22px 24px !important;
  }

  body .brand-eos-product-areas .brand-benefit-card h3 {
    font-size: 17px !important;
  }

  body .brand-eos-product-areas .brand-benefit-card p {
    font-size: 14.5px !important;
  }
}

/* =========================================================
   EOS JUMP MENU - INDHOLD SOM GÅ-TIL-TOP KNAP
========================================================= */

body .brand-eos-jump-section > a.brand-eos-jump-label,
body .brand-eos-jump-section > a:first-child {
  background: #151515 !important;
  color: #f1d58b !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body .brand-eos-jump-section > a.brand-eos-jump-label:hover,
body .brand-eos-jump-section > a:first-child:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* =========================================================
   EOS FINJUSTERING - PRODUKTOMRÅDER + SAUNAOVN SHOWCASE
   Gør produktkort lavere og centrér tekstboksen i ovnfremviser
   Skal ligge HELT nederst i Custom Styles
========================================================= */


/* =========================================================
   PRODUKTOMRÅDER - KOMPAKTE TILES
========================================================= */

body #eos-produkter.brand-product-intro {
  max-width: 900px !important;
  margin-bottom: 18px !important;
}

body #eos-produkter.brand-product-intro h2 {
  margin: 0 0 8px 0 !important;
  font-size: clamp(28px, 2.1vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

body #eos-produkter.brand-product-intro p {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}

/* Rammer både hvis grid har ekstra class, og hvis den bare ligger lige efter introen */
body #eos-produkter + .brand-benefits-grid,
body .brand-eos-product-areas {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;

  margin-top: 22px !important;
  margin-bottom: 26px !important;
}

body #eos-produkter + .brand-benefits-grid .brand-benefit-card,
body .brand-eos-product-areas .brand-benefit-card {
  min-height: 122px !important;
  padding: 20px 22px 20px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;

  border-radius: 13px !important;
  border: 1px solid rgba(195, 145, 53, 0.22) !important;
  overflow: hidden !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,252,246,0.94) 100%) !important;

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.035) !important;
}

body #eos-produkter + .brand-benefits-grid .brand-benefit-card::before,
body .brand-eos-product-areas .brand-benefit-card::before {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  border-radius: 13px 13px 0 0 !important;
}

body #eos-produkter + .brand-benefits-grid .brand-benefit-card h3,
body .brand-eos-product-areas .brand-benefit-card h3 {
  margin: 0 0 8px 0 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
}

body #eos-produkter + .brand-benefits-grid .brand-benefit-card p,
body .brand-eos-product-areas .brand-benefit-card p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: rgba(18, 18, 18, 0.82) !important;
}


/* =========================================================
   SAUNAOVN SHOWCASE - MERE AVIS-FOLD / MINDRE BOMBASTISK
========================================================= */

@media (min-width: 1181px) {
  body #eos-ovne.brand-eos-oven-showcase {
    margin-top: 0 !important;
    margin-bottom: 58px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__grid {
    height: clamp(500px, calc(100vh - 300px), 590px) !important;
    min-height: 500px !important;
    max-height: 590px !important;
    align-items: stretch !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__media,
  body #eos-ovne .brand-eos-oven-stage,
  body #eos-ovne .brand-eos-oven-showcase__content {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body #eos-ovne .brand-eos-oven-stage__layer {
    height: 100% !important;
    min-height: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  body #eos-ovne .brand-eos-oven-stage__layer video,
  body #eos-ovne .brand-eos-oven-stage__layer img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}


/* =========================================================
   SAUNAOVN SHOWCASE - TEKSTBOKS CENTRERES VERTIKALT
========================================================= */

@media (min-width: 1181px) {
  body #eos-ovne .brand-eos-oven-showcase__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding-top: clamp(42px, 5vh, 58px) !important;
    padding-right: clamp(46px, 4.5vw, 68px) !important;
    padding-bottom: clamp(42px, 5vh, 58px) !important;
    padding-left: clamp(46px, 4.5vw, 68px) !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content .brand-eyebrow {
    margin: 0 0 14px 0 !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content h2 {
    max-width: 540px !important;
    margin: 0 0 20px 0 !important;

    font-size: clamp(34px, 3vw, 46px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content p {
    max-width: 560px !important;
    margin: 0 0 26px 0 !important;

    font-size: 15.5px !important;
    line-height: 1.62 !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content ul {
    margin-top: 0 !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content li {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1180px) {
  body #eos-produkter + .brand-benefits-grid,
  body .brand-eos-product-areas {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 30px !important;
  }

  body #eos-produkter + .brand-benefits-grid .brand-benefit-card,
  body .brand-eos-product-areas .brand-benefit-card {
    min-height: 116px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__grid {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content {
    justify-content: flex-start !important;
    padding: 34px 30px 38px !important;
  }
}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 767px) {
  body #eos-produkter.brand-product-intro h2 {
    font-size: 26px !important;
  }

  body #eos-produkter + .brand-benefits-grid,
  body .brand-eos-product-areas {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
    margin-bottom: 26px !important;
  }

  body #eos-produkter + .brand-benefits-grid .brand-benefit-card,
  body .brand-eos-product-areas .brand-benefit-card {
    min-height: 0 !important;
    padding: 18px 20px 19px !important;
  }

  body #eos-produkter + .brand-benefits-grid .brand-benefit-card h3,
  body .brand-eos-product-areas .brand-benefit-card h3 {
    font-size: 16px !important;
  }

  body #eos-produkter + .brand-benefits-grid .brand-benefit-card p,
  body .brand-eos-product-areas .brand-benefit-card p {
    font-size: 14px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content {
    padding: 28px 22px 32px !important;
  }
}

/* =========================================================
   EOS PRODUKTOMRÅDER - KOMPAKT PROCESS-STYLE
   Matcher udtrykket fra Projektforløb, men uden numre
   Skal ligge HELT nederst i Custom Styles
========================================================= */

body #eos-produkter.brand-product-intro {
  max-width: 900px !important;
  margin-bottom: 18px !important;
}

body #eos-produkter.brand-product-intro h2 {
  margin: 0 0 10px 0 !important;
  font-size: clamp(28px, 2.1vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

body #eos-produkter.brand-product-intro p {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
}

/* Selve grid’et */
body .brand-eos-product-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;

  margin-top: 22px !important;
  margin-bottom: 48px !important;
}

/* Kortene - samme rolige stil som projektforløb */
body .brand-eos-product-mini-grid .brand-benefit-card {
  position: relative !important;
  overflow: hidden !important;

  min-height: 128px !important;
  padding: 22px 24px 22px !important;

  border-radius: 13px !important;
  border: 1px solid rgba(195, 145, 53, 0.22) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.98) 0%,
      rgba(255,252,246,0.94) 100%
    ) !important;

  box-shadow: 0 10px 24px rgba(0,0,0,0.035) !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Guldlinje inde i kortet */
body .brand-eos-product-mini-grid .brand-benefit-card::before {
  content: "" !important;
  position: absolute !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;
  height: 4px !important;

  background: linear-gradient(90deg, #c39135, #f1d58b) !important;
  border-radius: 13px 13px 0 0 !important;
}

/* Overskrift i kort */
body .brand-eos-product-mini-grid .brand-benefit-card h3 {
  margin: 0 0 9px 0 !important;

  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;

  color: #121212 !important;
}

/* Tekst i kort */
body .brand-eos-product-mini-grid .brand-benefit-card p {
  margin: 0 !important;

  font-size: 14px !important;
  line-height: 1.48 !important;
  color: rgba(18,18,18,0.82) !important;
}

/* Sikrer luft ned til saunaovn-fremviseren */
body .brand-eos-product-mini-grid + #eos-ovne,
body #eos-ovne.brand-eos-oven-showcase {
  margin-top: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
  body .brand-eos-product-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 38px !important;
  }

  body .brand-eos-product-mini-grid .brand-benefit-card {
    min-height: 118px !important;
  }
}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 767px) {
  body #eos-produkter.brand-product-intro h2 {
    font-size: 26px !important;
  }

  body .brand-eos-product-mini-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
    margin-bottom: 30px !important;
  }

  body .brand-eos-product-mini-grid .brand-benefit-card {
    min-height: 0 !important;
    padding: 18px 20px 19px !important;
  }

  body .brand-eos-product-mini-grid .brand-benefit-card h3 {
    font-size: 16px !important;
  }

  body .brand-eos-product-mini-grid .brand-benefit-card p {
    font-size: 14px !important;
  }
}

/* =========================================================
   EOS SAFE OVERRIDE V5
   APPEND-ONLY: læg denne HELT nederst i Custom Styles.
   Bruges ovenpå den nuværende EOS CSS. Slet IKKE hele EOS-blokken.
========================================================= */

/* ---------------------------------------------------------
   1) Produktområder: samme rolige card-stil som Projektforløb
   Rammer både gammel grid og ny mini-grid.
--------------------------------------------------------- */

body #eos-produkter.brand-product-intro {
  max-width: 880px !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}

body #eos-produkter.brand-product-intro .brand-eyebrow {
  margin: 0 0 8px 0 !important;
}

body #eos-produkter.brand-product-intro h2 {
  margin: 0 0 8px 0 !important;
  font-size: clamp(27px, 2.15vw, 34px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: #171717 !important;
}

body #eos-produkter.brand-product-intro p {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
  color: rgba(20,20,20,0.78) !important;
}

/* Produktområde-grid */
body #eos-produkter + .brand-benefits-grid,
body .brand-eos-product-areas,
body .brand-eos-product-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 0 26px 0 !important;
  align-items: stretch !important;
}

/* Produktområde-kort */
body #eos-produkter + .brand-benefits-grid .brand-benefit-card,
body .brand-eos-product-areas .brand-benefit-card,
body .brand-eos-product-mini-grid .brand-benefit-card {
  position: relative !important;
  min-height: 126px !important;
  height: auto !important;
  padding: 22px 24px 21px !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
  border: 1px solid rgba(185, 135, 53, 0.20) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04) !important;
}

body #eos-produkter + .brand-benefits-grid .brand-benefit-card::before,
body .brand-eos-product-areas .brand-benefit-card::before,
body .brand-eos-product-mini-grid .brand-benefit-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 4px !important;
  border-radius: 15px 15px 0 0 !important;
  background: linear-gradient(90deg, #b98735, #f1d58b) !important;
}

body #eos-produkter + .brand-benefits-grid .brand-benefit-card h3,
body .brand-eos-product-areas .brand-benefit-card h3,
body .brand-eos-product-mini-grid .brand-benefit-card h3 {
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  color: #1f1f1f !important;
}

body #eos-produkter + .brand-benefits-grid .brand-benefit-card p,
body .brand-eos-product-areas .brand-benefit-card p,
body .brand-eos-product-mini-grid .brand-benefit-card p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.48 !important;
  color: #4c4943 !important;
}

/* Luft mellem produktområder og ovnshowcase */
body #eos-produkter + .brand-benefits-grid + #eos-ovne,
body .brand-eos-product-areas + #eos-ovne,
body .brand-eos-product-mini-grid + #eos-ovne,
body #eos-ovne.brand-eos-oven-showcase {
  margin-top: 0 !important;
}


/* ---------------------------------------------------------
   2) Saunaovn-showcase: mindre bombastisk og bedre above-the-fold
--------------------------------------------------------- */

@media (min-width: 1181px) {
  body #eos-ovne.brand-eos-oven-showcase {
    max-width: 1320px !important;
    margin: 0 auto 58px !important;
    border-radius: 18px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__grid {
    grid-template-columns: minmax(0, 55%) minmax(390px, 45%) !important;
    height: clamp(500px, 56vh, 570px) !important;
    min-height: 500px !important;
    max-height: 570px !important;
    border-radius: 18px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__media,
  body #eos-ovne .brand-eos-oven-stage {
    height: 100% !important;
    min-height: 500px !important;
    max-height: 570px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content {
    height: 100% !important;
    min-height: 500px !important;
    max-height: 570px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    padding: clamp(54px, 6vh, 72px) clamp(38px, 4vw, 58px) 42px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content .brand-eyebrow {
    margin: 0 0 14px 0 !important;
    font-size: 13px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content h2,
  body #eos-ovne .brand-eos-oven-showcase__content .brand-hero-heading {
    max-width: 610px !important;
    margin: 0 0 18px 0 !important;
    font-size: clamp(33px, 3vw, 46px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.04em !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content p {
    max-width: 620px !important;
    margin: 0 0 17px 0 !important;
    font-size: 15.8px !important;
    line-height: 1.6 !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content .brand-feature-list,
  body #eos-ovne .brand-eos-oven-showcase__content .js-eos-oven-features {
    margin-top: 18px !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__content .brand-feature-list li,
  body #eos-ovne .brand-eos-oven-showcase__content .js-eos-oven-features li {
    margin-bottom: 10px !important;
    padding-left: 30px !important;
    font-size: 14.8px !important;
    line-height: 1.48 !important;
  }

  body #eos-ovne .brand-eos-oven-bullets {
    bottom: 20px !important;
    gap: 10px !important;
  }

  body #eos-ovne .brand-eos-oven-slide-dots {
    right: 20px !important;
    bottom: 68px !important;
    gap: 7px !important;
  }

  body #eos-ovne .brand-eos-oven-arrow {
    width: 46px !important;
    height: 100px !important;
  }

  body #eos-ovne .brand-eos-oven-stage__meta {
    left: 22px !important;
    bottom: 20px !important;
    padding: 10px 14px !important;
  }
}


/* ---------------------------------------------------------
   3) Projektforløb: kompakt 3 x 2 og uden ikoner
--------------------------------------------------------- */

body .brand-eos-process {
  margin: 40px 0 60px 0 !important;
  padding: 0 !important;
}

body .brand-eos-process__intro {
  max-width: 920px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
}

body .brand-eos-process__intro h2 {
  margin: 0 0 10px 0 !important;
  font-size: clamp(28px, 2.35vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
}

body .brand-eos-process__intro p {
  max-width: 850px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

body .brand-eos-process__timeline {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px 22px !important;
}

body .brand-eos-process-step__icon,
body .brand-eos-process-step__top::after,
body .brand-eos-process-step::before,
body .brand-eos-process-step::after {
  content: none !important;
  display: none !important;
}

body .brand-eos-process-card,
body .brand-eos-process-step__card {
  min-height: 134px !important;
  padding: 22px 24px 22px !important;
}

body .brand-eos-process-number,
body .brand-eos-process-step__number {
  min-width: 48px !important;
  height: 24px !important;
  margin: 0 0 13px 0 !important;
  font-size: 12px !important;
}

body .brand-eos-process-card h3,
body .brand-eos-process-step__card h3 {
  margin: 0 0 8px 0 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body .brand-eos-process-card p,
body .brand-eos-process-step__card p {
  font-size: 14.8px !important;
  line-height: 1.48 !important;
}


/* ---------------------------------------------------------
   4) EOS Structure hero: behold hero-klassen, kun roligere heading
--------------------------------------------------------- */

body .brand-eos-structure-hero h2 {
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  max-width: 700px !important;
}

@media (min-width: 768px) {
  body .brand-eos-structure-hero__inner {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }
}


/* ---------------------------------------------------------
   5) Tablet / mobil
--------------------------------------------------------- */

@media (max-width: 1024px) {
  body #eos-produkter + .brand-benefits-grid,
  body .brand-eos-product-areas,
  body .brand-eos-product-mini-grid,
  body .brand-eos-process__timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body #eos-produkter + .brand-benefits-grid,
  body .brand-eos-product-areas,
  body .brand-eos-product-mini-grid,
  body .brand-eos-process__timeline {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body #eos-produkter + .brand-benefits-grid .brand-benefit-card,
  body .brand-eos-product-areas .brand-benefit-card,
  body .brand-eos-product-mini-grid .brand-benefit-card {
    min-height: 0 !important;
    padding: 18px 20px 19px !important;
  }

  body .brand-eos-process {
    margin: 34px 0 50px 0 !important;
  }

  body .brand-eos-structure-hero h2 {
    font-size: 27px !important;
  }
}


/* =========================================================
   EOS FIX - Saunaovne skal flugte med Produktområder
   Læg HELT nederst i Custom Styles
========================================================= */

body #eos-ovne.brand-eos-oven-showcase {
  width: 100% !important;
  max-width: none !important;
  margin: 28px 0 58px 0 !important;
  padding: 0 !important;
}

body #eos-ovne .brand-eos-oven-showcase__grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Giver lidt mere elegant luft mellem produktkort og ovnshowcase */
body #eos-produkter + .brand-benefits-grid,
body .brand-eos-product-areas,
body .brand-eos-product-mini-grid {
  margin-bottom: 28px !important;
}

/* Desktop: behold kompakt højde, men uden indrykning */
@media (min-width: 1181px) {
  body #eos-ovne.brand-eos-oven-showcase {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body #eos-ovne .brand-eos-oven-showcase__grid {
    grid-template-columns: minmax(0, 55%) minmax(390px, 45%) !important;
    height: clamp(500px, 56vh, 570px) !important;
    min-height: 500px !important;
    max-height: 570px !important;
  }
}

/* =========================================================
   EOS FIX - Saunaovn bullets væk fra kanten
   Læg HELT nederst i Custom Styles
========================================================= */

/* De nederste produkt-bullets */
body #eos-ovne .brand-eos-oven-bullets {
  bottom: 34px !important;
}

/* Den lille label nederst til venstre */
body #eos-ovne .brand-eos-oven-stage__meta {
  bottom: 28px !important;
}

/* De lodrette slide-dots i højre side */
body #eos-ovne .brand-eos-oven-slide-dots {
  bottom: 88px !important;
}

/* Mobil/tablet: lidt mindre luft, så det ikke æder billedet */
@media (max-width: 767px) {
  body #eos-ovne .brand-eos-oven-bullets {
    bottom: 22px !important;
  }

  body #eos-ovne .brand-eos-oven-stage__meta {
    bottom: 18px !important;
  }

  body #eos-ovne .brand-eos-oven-slide-dots {
    bottom: 72px !important;
  }
}

/* =========================================================
   EOS RHYTHM + EYEBROWS V6
   Ens afstand mellem sektioner + samlet premium eyebrow-stil
   Skal ligge HELT nederst i Custom Styles
========================================================= */

body.lml-eos-page {
  --eos-section-gap: 58px;
  --eos-section-gap-tight: 38px;
  --eos-gold: #b98735;
  --eos-gold-light: #f1d58b;
  --eos-dark-gold: #f1ce77;
}

/* =========================================================
   FÆLLES SECTION-RYTHME
   Ens afstand mellem de større EOS-sektioner
========================================================= */

/* Divider skal ikke skabe tilfældig ekstra afstand */
body.lml-eos-page .brand-section-divider {
  margin: var(--eos-section-gap) 0 30px 0 !important;
}

/* Produktområder */
body.lml-eos-page #eos-produkter.brand-product-intro {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* Produktområde-kort -> saunaovn showcase */
body.lml-eos-page #eos-produkter + .brand-benefits-grid,
body.lml-eos-page .brand-eos-product-areas,
body.lml-eos-page .brand-eos-product-mini-grid {
  margin-top: 22px !important;
  margin-bottom: var(--eos-section-gap-tight) !important;
}

/* Saunaovn showcase */
body.lml-eos-page #eos-ovne.brand-eos-oven-showcase {
  margin-top: 0 !important;
  margin-bottom: var(--eos-section-gap-tight) !important;
}

/* Professionelle løsninger lige efter ovnshowcase */
body.lml-eos-page .brand-eos-premium-feature {
  margin-top: 0 !important;
  margin-bottom: var(--eos-section-gap) !important;
}

/* Kataloger */
body.lml-eos-page #eos-kataloger,
body.lml-eos-page .brand-eos-catalog-section,
body.lml-eos-page .brand-eos-catalogs {
  margin-top: var(--eos-section-gap) !important;
  margin-bottom: var(--eos-section-gap) !important;
}

/* Store billed-/miljøsektioner */
body.lml-eos-page .brand-eos-parallax-card,
body.lml-eos-page .brand-eos-image-break,
body.lml-eos-page .brand-eos-environment-hero,
body.lml-eos-page .brand-eos-full-image {
  margin-top: var(--eos-section-gap) !important;
  margin-bottom: var(--eos-section-gap) !important;
}

/* Projektforløb */
body.lml-eos-page .brand-eos-process {
  margin-top: var(--eos-section-gap) !important;
  margin-bottom: var(--eos-section-gap) !important;
}

/* Ansvar og afklaring */
body.lml-eos-page .brand-support-section {
  margin-top: var(--eos-section-gap) !important;
  margin-bottom: var(--eos-section-gap) !important;
}

/* Nederste kontakt/video CTA */
body.lml-eos-page .brand-eos-structure-hero {
  margin-top: var(--eos-section-gap) !important;
  margin-bottom: 72px !important;
}


/* =========================================================
   PRODUKTOMRÅDER - KOMPAKT SAMME RYTME SOM PROJEKTFORLØB
========================================================= */

body.lml-eos-page #eos-produkter + .brand-benefits-grid,
body.lml-eos-page .brand-eos-product-areas,
body.lml-eos-page .brand-eos-product-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card {
  min-height: 126px !important;
  padding: 22px 24px 21px !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
  border: 1px solid rgba(185, 135, 53, 0.20) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04) !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card::before,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card::before,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 4px !important;
  border-radius: 15px 15px 0 0 !important;
  background: linear-gradient(90deg, #b98735, #f1d58b) !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card h3,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card h3,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card h3 {
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  color: #1f1f1f !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card p,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card p,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.48 !important;
  color: #4c4943 !important;
}


/* =========================================================
   EYEBROWS - SAMLET PREMIUM STIL
   Ens label-stil på hele EOS-siden
========================================================= */

body.lml-eos-page .brand-eyebrow,
body.lml-eos-page .brand-product-intro .brand-eyebrow,
body.lml-eos-page .brand-eos-process__intro .brand-eyebrow,
body.lml-eos-page .brand-support-section .brand-eyebrow {
  display: block !important;
  margin: 0 0 10px 0 !important;

  color: var(--eos-gold) !important;

  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

/* Eyebrows på mørke flader får lysere guld */
body.lml-eos-page .brand-eos-oven-showcase__content .brand-eyebrow,
body.lml-eos-page .brand-eos-premium-feature--dark .brand-eyebrow,
body.lml-eos-page .brand-eos-structure-hero .brand-eyebrow,
body.lml-eos-page .brand-eos-contact-showcase__content .brand-eyebrow {
  color: var(--eos-dark-gold) !important;
}

/* Eyebrow efterfølges pænere af H2 */
body.lml-eos-page .brand-eyebrow + h1,
body.lml-eos-page .brand-eyebrow + h2,
body.lml-eos-page .brand-eyebrow + h3 {
  margin-top: 0 !important;
}


/* =========================================================
   RESPONSIVE RYTHM
========================================================= */

@media (max-width: 1024px) {
  body.lml-eos-page {
    --eos-section-gap: 46px;
    --eos-section-gap-tight: 30px;
  }

  body.lml-eos-page #eos-produkter + .brand-benefits-grid,
  body.lml-eos-page .brand-eos-product-areas,
  body.lml-eos-page .brand-eos-product-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.lml-eos-page {
    --eos-section-gap: 38px;
    --eos-section-gap-tight: 24px;
  }

  body.lml-eos-page .brand-section-divider {
    margin: var(--eos-section-gap) 0 24px 0 !important;
  }

  body.lml-eos-page #eos-produkter + .brand-benefits-grid,
  body.lml-eos-page .brand-eos-product-areas,
  body.lml-eos-page .brand-eos-product-mini-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card,
  body.lml-eos-page .brand-eos-product-areas .brand-benefit-card,
  body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card {
    min-height: 0 !important;
    padding: 18px 20px 19px !important;
  }

  body.lml-eos-page .brand-eyebrow,
  body.lml-eos-page .brand-product-intro .brand-eyebrow,
  body.lml-eos-page .brand-eos-process__intro .brand-eyebrow,
  body.lml-eos-page .brand-support-section .brand-eyebrow {
    font-size: 12px !important;
    letter-spacing: 0.095em !important;
  }
}

/* =========================================================
   EOS STABILISERING V7 - BACKUP PRESERVED
   Lægges sidst for at bevare det fungerende look fra backup,
   men samle afstande, dividerfarve, eyebrows og de vigtigste
   ovn-/styringsjusteringer ét sted.
========================================================= */

/* ---------- Fælles tokens + stabil page scope ---------- */

body.lml-eos-page {
  --eos-section-gap: 58px;
  --eos-section-gap-tight: 38px;
  --eos-gold: #b98735;
  --eos-gold-light: #f1d58b;
  --eos-dark-gold: #f1ce77;
  --eos-heading: #171717;
  --eos-text: #252525;
  --eos-muted: #5a5146;
  --eos-border: rgba(185, 135, 53, 0.22);
}

/* ---------- Divider: lux/guld og ens rytme ---------- */

body.lml-eos-page .brand-section-divider {
  margin: var(--eos-section-gap) 0 30px 0 !important;
  background: rgba(185, 135, 53, 0.22) !important;
}

body.lml-eos-page .brand-section-divider::after {
  width: 74px !important;
  background: linear-gradient(90deg, var(--eos-gold), var(--eos-gold-light)) !important;
}

/* Divider lige efter hero skal ikke skabe dobbelt luft */
body.lml-eos-page .brand-eos-hero-premium + .brand-section-divider {
  margin-top: 0 !important;
}

/* ---------- Samlet heading/eyebrow-stil ---------- */

body.lml-eos-page .brand-eyebrow,
body.lml-eos-page .brand-product-intro .brand-eyebrow,
body.lml-eos-page .brand-eos-process__intro .brand-eyebrow,
body.lml-eos-page .brand-support-section .brand-eyebrow,
body.lml-eos-page .brand-eos-section-heading .brand-eyebrow {
  display: block !important;
  margin: 0 0 10px 0 !important;
  color: var(--eos-gold) !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

body.lml-eos-page .brand-eos-hero-premium .brand-eyebrow,
body.lml-eos-page .brand-eos-oven-showcase__content .brand-eyebrow,
body.lml-eos-page .brand-eos-control-stage__content .brand-eyebrow,
body.lml-eos-page .brand-eos-gold-partner__content .brand-eyebrow,
body.lml-eos-page .brand-eos-parallax-stage .brand-eyebrow,
body.lml-eos-page .brand-eos-structure-hero .brand-eyebrow {
  color: var(--eos-dark-gold) !important;
}

body.lml-eos-page .brand-header-custom.brand--eos h1,
body.lml-eos-page .brand-product-intro h2,
body.lml-eos-page .brand-eos-section-heading h2,
body.lml-eos-page .brand-eos-process__intro h2,
body.lml-eos-page .brand-support-section > .brand-product-intro h2,
body.lml-eos-page .brand-benefit-card h3,
body.lml-eos-page .brand-eos-process-card h3,
body.lml-eos-page .brand-support-card h2 {
  color: var(--eos-heading) !important;
}

body.lml-eos-page .brand-eos-hero-premium h2,
body.lml-eos-page .brand-eos-oven-showcase__content h2,
body.lml-eos-page .brand-eos-control-stage__content h2,
body.lml-eos-page .brand-eos-gold-partner__content h2,
body.lml-eos-page .brand-eos-parallax-stage h2,
body.lml-eos-page .brand-eos-structure-hero h2 {
  color: #ffffff !important;
}

/* ---------- Ens afstand mellem hovedsektioner ---------- */

body.lml-eos-page .brand-eos-hero-premium {
  margin-top: 32px !important;
  margin-bottom: var(--eos-section-gap) !important;
}

body.lml-eos-page #eos-produkter.brand-product-intro {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid,
body.lml-eos-page .brand-eos-product-areas,
body.lml-eos-page .brand-eos-product-mini-grid {
  margin-top: 22px !important;
  margin-bottom: var(--eos-section-gap-tight) !important;
}

body.lml-eos-page #eos-ovne.brand-eos-oven-showcase {
  margin-top: 0 !important;
  margin-bottom: var(--eos-section-gap-tight) !important;
}

body.lml-eos-page .brand-eos-premium-feature,
body.lml-eos-page .brand-eos-control-stage,
body.lml-eos-page .brand-eos-gold-partner,
body.lml-eos-page .brand-eos-catalog-section,
body.lml-eos-page .brand-eos-parallax-stage,
body.lml-eos-page .brand-eos-process,
body.lml-eos-page .brand-support-section {
  margin-top: 0 !important;
  margin-bottom: var(--eos-section-gap) !important;
}

body.lml-eos-page .brand-eos-structure-hero {
  margin-top: 0 !important;
  margin-bottom: 72px !important;
}

/* ---------- Produktområder: kompakt som projektforløb ---------- */

body.lml-eos-page #eos-produkter.brand-product-intro {
  max-width: 880px !important;
  padding: 0 !important;
}

body.lml-eos-page #eos-produkter.brand-product-intro h2 {
  margin: 0 0 8px 0 !important;
  font-size: clamp(27px, 2.15vw, 34px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

body.lml-eos-page #eos-produkter.brand-product-intro p {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 15.5px !important;
  line-height: 1.55 !important;
  color: rgba(20,20,20,0.78) !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid,
body.lml-eos-page .brand-eos-product-areas,
body.lml-eos-page .brand-eos-product-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card {
  min-height: 126px !important;
  padding: 22px 24px 21px !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%) !important;
  border: 1px solid rgba(185, 135, 53, 0.20) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04) !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card::before,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card::before,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 4px !important;
  border-radius: 15px 15px 0 0 !important;
  background: linear-gradient(90deg, var(--eos-gold), var(--eos-gold-light)) !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card h3,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card h3,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card h3 {
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
  letter-spacing: -0.015em !important;
  color: var(--eos-heading) !important;
}

body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card p,
body.lml-eos-page .brand-eos-product-areas .brand-benefit-card p,
body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.48 !important;
  color: #4c4943 !important;
}

/* ---------- Saunaovn showcase: tekst centreret og bullets fri af kanten ---------- */

@media (min-width: 1181px) {
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    grid-template-columns: minmax(0, 55%) minmax(390px, 45%) !important;
    height: clamp(500px, 56vh, 570px) !important;
    min-height: 500px !important;
    max-height: 570px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__media,
  body.lml-eos-page #eos-ovne .brand-eos-oven-stage {
    height: 100% !important;
    min-height: 500px !important;
    max-height: 570px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content {
    height: 100% !important;
    min-height: 500px !important;
    max-height: 570px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: clamp(54px, 6vh, 68px) clamp(58px, 4.6vw, 74px) clamp(54px, 6vh, 68px) !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content h2,
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .brand-hero-heading {
    max-width: 610px !important;
    margin: 0 0 18px 0 !important;
    font-size: clamp(33px, 3vw, 46px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.04em !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content p {
    max-width: 620px !important;
    margin: 0 0 18px 0 !important;
    font-size: 15.8px !important;
    line-height: 1.6 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .brand-feature-list,
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .js-eos-oven-features {
    max-width: 94% !important;
    margin: 22px 0 0 0 !important;
    padding: 0 10px 0 0 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .brand-feature-list li,
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .js-eos-oven-features li {
    margin-bottom: 10px !important;
    padding-left: 32px !important;
    padding-right: 16px !important;
    font-size: 14.8px !important;
    line-height: 1.48 !important;
  }
}

/* Bund-controls fri af kanten */
body.lml-eos-page #eos-ovne .brand-eos-oven-bullets {
  bottom: 34px !important;
}

body.lml-eos-page #eos-ovne .brand-eos-oven-stage__meta {
  bottom: 28px !important;
}

body.lml-eos-page #eos-ovne .brand-eos-oven-slide-dots {
  bottom: 88px !important;
}

/* ---------- Styringssystemer: pæne chips, ikke tilfældige bullets ---------- */

body.lml-eos-page .brand-eos-control-points {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 22px !important;
  padding: 0 !important;
}

body.lml-eos-page .brand-eos-control-points span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(241, 213, 139, 0.28) !important;
  background: rgba(241, 213, 139, 0.10) !important;
  color: var(--eos-dark-gold) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

/* ---------- Support/ansvar matcher EOS-stilen ---------- */

body.lml-eos-page .brand-support-section {
  max-width: none !important;
}

body.lml-eos-page .brand-support-grid--eos .brand-support-card {
  border-color: rgba(185, 135, 53, 0.20) !important;
  box-shadow: 0 10px 24px rgba(20, 16, 10, 0.045) !important;
}

body.lml-eos-page .brand-support-grid--eos .brand-feature-list li::before {
  color: var(--eos-gold) !important;
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
  body.lml-eos-page {
    --eos-section-gap: 46px;
    --eos-section-gap-tight: 30px;
  }

  body.lml-eos-page #eos-produkter + .brand-benefits-grid,
  body.lml-eos-page .brand-eos-product-areas,
  body.lml-eos-page .brand-eos-product-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.lml-eos-page {
    --eos-section-gap: 38px;
    --eos-section-gap-tight: 24px;
  }

  body.lml-eos-page .brand-section-divider {
    margin: var(--eos-section-gap) 0 24px 0 !important;
  }

  body.lml-eos-page #eos-produkter + .brand-benefits-grid,
  body.lml-eos-page .brand-eos-product-areas,
  body.lml-eos-page .brand-eos-product-mini-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.lml-eos-page #eos-produkter + .brand-benefits-grid .brand-benefit-card,
  body.lml-eos-page .brand-eos-product-areas .brand-benefit-card,
  body.lml-eos-page .brand-eos-product-mini-grid .brand-benefit-card {
    min-height: 0 !important;
    padding: 18px 20px 19px !important;
  }

  body.lml-eos-page .brand-eyebrow,
  body.lml-eos-page .brand-product-intro .brand-eyebrow,
  body.lml-eos-page .brand-eos-process__intro .brand-eyebrow,
  body.lml-eos-page .brand-support-section .brand-eyebrow {
    font-size: 12px !important;
    letter-spacing: 0.095em !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-bullets {
    bottom: 22px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-stage__meta {
    bottom: 18px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-slide-dots {
    bottom: 72px !important;
  }
}

/* =========================================================
   EOS SAUNAOVNE - TEKSTKOLONNE STABILISERING
   Læg HELT nederst efter V2
========================================================= */

body.lml-eos-page .brand-eos-oven-showcase__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;

  /* Fast, rolig topplacering */
  padding-top: clamp(58px, 5.2vw, 86px) !important;
  padding-bottom: clamp(42px, 4.2vw, 68px) !important;
  padding-left: clamp(54px, 5vw, 82px) !important;
  padding-right: clamp(46px, 4.4vw, 72px) !important;

  overflow: hidden !important;
}

/* Eyebrow skal altid ligge roligt samme sted */
body.lml-eos-page .brand-eos-oven-showcase__content .brand-eyebrow {
  margin: 0 0 28px 0 !important;
}

/* Titel får fast maksimumhøjde, så brødtekst/bullets ikke hopper for voldsomt */
body.lml-eos-page .brand-eos-oven-showcase__content .brand-hero-heading,
body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-title {
  margin: 0 0 28px 0 !important;
  max-width: 11.5ch !important;

  font-size: clamp(40px, 4.2vw, 62px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;

  min-height: 0 !important;
}

/* Brødtekst */
body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-description {
  margin: 0 0 34px 0 !important;
  max-width: 58ch !important;

  font-size: clamp(16px, 1.15vw, 20px) !important;
  line-height: 1.6 !important;
}

/* Bulletlisten må ikke ligge helt nede i kanten */
body.lml-eos-page .brand-eos-oven-showcase__content .brand-feature-list,
body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-features {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 62ch !important;
}

body.lml-eos-page .brand-eos-oven-showcase__content .brand-feature-list li,
body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-features li {
  margin-bottom: 18px !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.48 !important;
}

body.lml-eos-page .brand-eos-oven-showcase__content .brand-feature-list li:last-child,
body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-features li:last-child {
  margin-bottom: 0 !important;
}

/* Lidt mindre voldsom på mellemstore skærme */
@media (max-width: 1280px) {
  body.lml-eos-page .brand-eos-oven-showcase__content {
    padding-top: 54px !important;
    padding-bottom: 46px !important;
    padding-left: 52px !important;
    padding-right: 44px !important;
  }

  body.lml-eos-page .brand-eos-oven-showcase__content .brand-hero-heading,
  body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-title {
    font-size: clamp(34px, 4vw, 50px) !important;
    max-width: 12.5ch !important;
    margin-bottom: 24px !important;
  }

  body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-description {
    margin-bottom: 26px !important;
  }

  body.lml-eos-page .brand-eos-oven-showcase__content .brand-feature-list li,
  body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-features li {
    margin-bottom: 13px !important;
    line-height: 1.42 !important;
  }
}

/* Mobil/tablet: stacker naturligt */
@media (max-width: 900px) {
  body.lml-eos-page .brand-eos-oven-showcase__content {
    padding: 34px 24px 36px !important;
  }

  body.lml-eos-page .brand-eos-oven-showcase__content .brand-hero-heading,
  body.lml-eos-page .brand-eos-oven-showcase__content .js-eos-oven-title {
    max-width: 100% !important;
    font-size: 34px !important;
    line-height: 1.05 !important;
  }
}

/* =========================================================
   EOS SAUNAOVNE - RESPONSIVE 1080P SAFE VERSION
   Stabil højde + synlige bullets/controls på 1920x1080
   Erstatter tidligere "FIX TEKSTPLACERING"-blok
========================================================= */

@media (min-width: 1181px) {

  body #eos-ovne.brand-eos-oven-showcase {
    width: 100% !important;
    max-width: none !important;
    margin: 34px 0 56px 0 !important;
    padding: 0 !important;
    border-radius: 20px !important;
    overflow: visible !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 56%) minmax(390px, 44%) !important;

    /* Vigtig: ikke for afhængig af viewport height */
    height: clamp(580px, 62vh, 640px) !important;
    min-height: 580px !important;
    max-height: 640px !important;

    border-radius: 20px !important;
    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__media,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-stage {
    height: 100% !important;
    min-height: 580px !important;
    max-height: 640px !important;
    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-stage__layer {
    background-size: cover !important;
    background-position: center center !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    height: 100% !important;
    min-height: 580px !important;
    max-height: 640px !important;

    padding-top: clamp(58px, 6vh, 74px) !important;
    padding-right: clamp(42px, 4vw, 64px) !important;
    padding-bottom: 42px !important;
    padding-left: clamp(48px, 4.5vw, 70px) !important;

    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-eyebrow {
    margin: 0 0 22px 0 !important;
    color: #f1ce77 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content h2,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-hero-heading,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-title {
    max-width: 620px !important;
    margin: 0 0 22px 0 !important;

    font-size: clamp(36px, 3vw, 50px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;

    color: #ffffff !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content p,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-description {
    max-width: 620px !important;
    margin: 0 0 24px 0 !important;

    font-size: 15.8px !important;
    line-height: 1.58 !important;
    color: rgba(255,255,255,0.92) !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-feature-list,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-features {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 640px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-feature-list li,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-features li {
    margin: 0 0 12px 0 !important;
    padding-left: 32px !important;

    font-size: 14.8px !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,0.92) !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-feature-list li:last-child,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-features li:last-child {
    margin-bottom: 0 !important;
  }

  /* Nederste produkt-bullets - må ikke ligge i kanten */
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-bullets {
    position: absolute !important;
    left: 50% !important;
    bottom: 34px !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  /* Label nederst venstre */
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-stage__meta {
    left: 24px !important;
    bottom: 24px !important;
    z-index: 22 !important;
  }

  /* Slide-dots i højre side */
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-slide-dots {
    right: 22px !important;
    bottom: 88px !important;
    z-index: 22 !important;
  }

  /* Pile */
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-arrow {
    z-index: 23 !important;
  }
}


/* =========================================================
   EOS SAUNAOVNE - 1080P / LAVERE VIEWPORT
   Når browserhøjden er lav, strammes tekst og controls
========================================================= */

@media (min-width: 1181px) and (max-height: 940px) {

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__grid {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__media,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-stage {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;

    padding-top: 48px !important;
    padding-right: 46px !important;
    padding-bottom: 34px !important;
    padding-left: 52px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-eyebrow {
    margin-bottom: 18px !important;
    font-size: 12px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content h2,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-hero-heading,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-title {
    margin-bottom: 18px !important;
    font-size: clamp(32px, 2.6vw, 42px) !important;
    line-height: 1.04 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content p,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-description {
    margin-bottom: 20px !important;
    font-size: 14.8px !important;
    line-height: 1.5 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .brand-feature-list li,
  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-showcase__content .js-eos-oven-features li {
    margin-bottom: 9px !important;
    font-size: 13.8px !important;
    line-height: 1.38 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-bullets {
    bottom: 26px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-stage__meta {
    bottom: 20px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase 
  .brand-eos-oven-slide-dots {
    bottom: 76px !important;
  }
}
/* =========================================================
   EOS - ANSVAR OG AFKLARING / KOMPAKT RYTME
   Læg nederst i Custom Styles
========================================================= */

body .brand-support-section.brand--eos {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

/* Intro-tekst i Ansvar-sektionen */
body .brand-support-section.brand--eos .brand-product-intro {
  max-width: 1040px !important;
  margin-bottom: 28px !important;
}

body .brand-support-section.brand--eos .brand-product-intro .brand-eyebrow {
  margin-bottom: 10px !important;
  color: #b98735 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
}

body .brand-support-section.brand--eos .brand-product-intro h2 {
  margin-bottom: 14px !important;
  font-size: clamp(30px, 2.7vw, 38px) !important;
  line-height: 1.12 !important;
  color: #1f1f1f !important;
}

body .brand-support-section.brand--eos .brand-product-intro p {
  max-width: 980px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

/* Kort-grid */
body .brand-support-section.brand--eos .brand-support-grid,
body .brand-support-grid--eos {
  gap: 24px !important;
  align-items: stretch !important;
}

/* Selve kortene */
body .brand-support-section.brand--eos .brand-support-card {
  min-height: 255px !important;
  height: auto !important;
  padding: 28px 30px 26px !important;
  border-radius: 14px !important;
  border-color: rgba(185, 135, 53, 0.22) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.045) !important;
}

/* Kort-overskrifter */
body .brand-support-section.brand--eos .brand-support-card h2 {
  margin: 0 0 20px 0 !important;
  font-size: 25px !important;
  line-height: 1.18 !important;
  color: #1f1f1f !important;
}

/* Lister */
body .brand-support-section.brand--eos .brand-feature-list {
  margin: 0 !important;
  padding: 0 !important;
}

body .brand-support-section.brand--eos .brand-feature-list li {
  margin: 0 0 14px 0 !important;
  padding-left: 28px !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #333333 !important;
}

body .brand-support-section.brand--eos .brand-feature-list li:last-child {
  margin-bottom: 0 !important;
}

body .brand-support-section.brand--eos .brand-feature-list li::before {
  color: #b98735 !important;
}

/* CTA efter Ansvar-sektionen */
body .brand-support-section.brand--eos + .brand-eos-structure-hero,
body .brand-support-section.brand--eos + .brand-eos-structure-cta,
body .brand-support-section.brand--eos + #eos-structure-cta {
  margin-top: 42px !important;
}

/* =========================================================
   EOS FIX - PROJEKTFORLØB TIL ANSVAR / TYPOGRAFI
   Matcher afstand og heading-weight mellem sektionerne
   Skal ligge HELT nederst i Custom Styles
========================================================= */

/* Gør afslutningen på Projektforløb mere kompakt */
body.lml-eos-page .brand-eos-process {
  margin-bottom: 34px !important;
}

/* Hvis der ligger en divider mellem Projektforløb og Ansvar */
body.lml-eos-page .brand-eos-process + .brand-section-divider {
  margin: 34px 0 28px 0 !important;
}

/* Hvis Ansvar kommer direkte efter Projektforløb */
body.lml-eos-page .brand-eos-process + .brand-support-section.brand--eos {
  margin-top: 0 !important;
}

/* Hvis Ansvar kommer efter en divider */
body.lml-eos-page .brand-eos-process + .brand-section-divider + .brand-support-section.brand--eos {
  margin-top: 0 !important;
}

/* Selve Ansvar-sektionen */
body.lml-eos-page .brand-support-section.brand--eos {
  margin-top: 0 !important;
  margin-bottom: 52px !important;
}

/* Intro i Ansvar og afklaring */
body.lml-eos-page .brand-support-section.brand--eos .brand-product-intro {
  max-width: 980px !important;
  margin: 0 0 26px 0 !important;
  padding: 0 !important;
}

/* Eyebrow samme stil som Projektforløb */
body.lml-eos-page .brand-support-section.brand--eos .brand-product-intro .brand-eyebrow {
  margin: 0 0 10px 0 !important;

  color: #b98735 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

/* Ansvar-heading matcher Projektforløb */
body.lml-eos-page .brand-support-section.brand--eos .brand-product-intro h2 {
  margin: 0 0 10px 0 !important;

  font-size: clamp(28px, 2.35vw, 36px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;

  color: #1f1f1f !important;
}

/* Brødtekst matcher Projektforløb mere */
body.lml-eos-page .brand-support-section.brand--eos .brand-product-intro p {
  max-width: 900px !important;
  margin: 0 !important;

  font-size: 16px !important;
  line-height: 1.58 !important;
  color: rgba(20, 20, 20, 0.78) !important;
}

/* Kortene under Ansvar må ikke presse sektionen unødigt */
body.lml-eos-page .brand-support-section.brand--eos .brand-support-grid,
body.lml-eos-page .brand-support-grid--eos {
  margin-top: 24px !important;
}

/* =========================================================
   EOS FIX - PRODUKTOMRÅDER EYEBROW FARVE
   Sikrer at Produktområder matcher EOS-guldstilen
   Skal ligge HELT nederst i Custom Styles
========================================================= */

body.lml-eos-page #eos-produkter .brand-eyebrow,
body.lml-eos-page #eos-produkter.brand-product-intro .brand-eyebrow,
body.lml-eos-page .brand-product-intro#eos-produkter .brand-eyebrow {
  color: #b98735 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  margin: 0 0 10px 0 !important;
}

/* =========================================================
   EOS PROFESSIONELLE LØSNINGER - HOVER VIDEO
   Cross dissolve fra produktbillede til video
   Skal ligge HELT nederst i Custom Styles
========================================================= */

body.lml-eos-page .brand-eos-premium-feature--hover-video {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Sikrer at tekst ligger over den bløde gradient */
body.lml-eos-page .brand-eos-premium-feature--hover-video .brand-eos-premium-feature__content {
  position: relative !important;
  z-index: 3 !important;
}

/* Højre mediefelt */
body.lml-eos-page .brand-eos-premium-hover-media {
  position: relative !important;
  overflow: hidden !important;
  min-height: 100% !important;
  background: #ffffff !important;
}

/* Både billede og video ligger ovenpå hinanden */
body.lml-eos-page .brand-eos-premium-hover-media__image,
body.lml-eos-page .brand-eos-premium-hover-media__video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Video ligger absolut ovenpå billedet */
body.lml-eos-page .brand-eos-premium-hover-media__video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;

  opacity: 0 !important;
  filter: brightness(0.92) saturate(0.95) !important;

  transition:
    opacity 0.65s ease,
    filter 0.65s ease,
    transform 0.85s ease !important;

  transform: scale(1.015) !important;
  background: #ffffff !important;
}

/* Billedet får en rolig fade, når videoen tager over */
body.lml-eos-page .brand-eos-premium-hover-media__image {
  position: relative !important;
  z-index: 1 !important;
  opacity: 1 !important;
  transition:
    opacity 0.65s ease,
    transform 0.85s ease,
    filter 0.65s ease !important;
}

/* Blød lodret overgang mellem tekst og video */
body.lml-eos-page .brand-eos-premium-hover-media::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 34% !important;
  z-index: 4 !important;
  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.92) 22%,
    rgba(255,255,255,0.62) 48%,
    rgba(255,255,255,0.16) 78%,
    rgba(255,255,255,0) 100%
  ) !important;

  opacity: 0.92 !important;
  transition: opacity 0.45s ease !important;
}

/* Hover-state */
body.lml-eos-page .brand-eos-premium-feature--hover-video:hover .brand-eos-premium-hover-media__video,
body.lml-eos-page .brand-eos-premium-feature--hover-video.is-video-active .brand-eos-premium-hover-media__video {
  opacity: 1 !important;
  filter: brightness(0.86) saturate(0.95) !important;
  transform: scale(1) !important;
}

body.lml-eos-page .brand-eos-premium-feature--hover-video:hover .brand-eos-premium-hover-media__image,
body.lml-eos-page .brand-eos-premium-feature--hover-video.is-video-active .brand-eos-premium-hover-media__image {
  opacity: 0.12 !important;
  transform: scale(1.01) !important;
  filter: blur(1px) brightness(1.08) !important;
}

body.lml-eos-page .brand-eos-premium-feature--hover-video:hover .brand-eos-premium-hover-media::before,
body.lml-eos-page .brand-eos-premium-feature--hover-video.is-video-active .brand-eos-premium-hover-media::before {
  opacity: 1 !important;
}

/* Lille polish på hele kortet */
body.lml-eos-page .brand-eos-premium-feature--hover-video {
  transition:
    box-shadow 0.35s ease,
    transform 0.35s ease,
    border-color 0.35s ease !important;
}

body.lml-eos-page .brand-eos-premium-feature--hover-video:hover {
  border-color: rgba(185, 135, 53, 0.34) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.11) !important;
}

/* Mobil: videoen må ikke blive for høj */
@media (max-width: 900px) {
  body.lml-eos-page .brand-eos-premium-hover-media__image,
  body.lml-eos-page .brand-eos-premium-hover-media__video {
    min-height: 280px !important;
  }

  body.lml-eos-page .brand-eos-premium-hover-media::before {
    width: 100% !important;
    height: 38% !important;
    inset: 0 0 auto 0 !important;

    background: linear-gradient(
      180deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,0.72) 48%,
      rgba(255,255,255,0) 100%
    ) !important;
  }
}

/* =========================================================
   EOS PROFESSIONELLE LØSNINGER - HOVER VIDEO V2
   Video cover + badge nederst højre
   Skal ligge HELT nederst i Custom Styles
========================================================= */

body.lml-eos-page .brand-eos-premium-feature--hover-video {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.lml-eos-page .brand-eos-premium-hover-media {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

/* Billedet som standard */
body.lml-eos-page .brand-eos-premium-hover-media__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  object-fit: contain !important;
  object-position: center center !important;
  position: relative !important;
  z-index: 1 !important;
  opacity: 1 !important;
  transition: opacity 0.7s ease, transform 0.8s ease, filter 0.7s ease !important;
}

/* Video ovenpå billedet */
body.lml-eos-page .brand-eos-premium-hover-media__video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;

  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;

  object-fit: cover !important;
  object-position: center center !important;

  opacity: 0 !important;
  transform: scale(1.08) !important;
  filter: brightness(0.82) saturate(0.95) !important;

  background: #000 !important;
  transition: opacity 0.75s ease, transform 1.1s ease, filter 0.75s ease !important;
}

/* Blød hvid overgang fra tekstsiden ind over video */
body.lml-eos-page .brand-eos-premium-hover-media::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 38% !important;
  z-index: 4 !important;
  pointer-events: none !important;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,0.88) 24%,
    rgba(255,255,255,0.48) 58%,
    rgba(255,255,255,0.08) 88%,
    rgba(255,255,255,0) 100%
  ) !important;

  opacity: 0.9 !important;
  transition: opacity 0.5s ease !important;
}

/* Aktiv video */
body.lml-eos-page .brand-eos-premium-feature--hover-video.is-video-active .brand-eos-premium-hover-media__video,
body.lml-eos-page .brand-eos-premium-feature--hover-video:hover .brand-eos-premium-hover-media__video {
  opacity: 1 !important;
  transform: scale(1.03) !important;
}

body.lml-eos-page .brand-eos-premium-feature--hover-video.is-video-active .brand-eos-premium-hover-media__image,
body.lml-eos-page .brand-eos-premium-feature--hover-video:hover .brand-eos-premium-hover-media__image {
  opacity: 0.08 !important;
  transform: scale(1.015) !important;
  filter: blur(1px) brightness(1.08) !important;
}

/* Badge nederst til højre */
body.lml-eos-page .brand-eos-premium-hover-media__badge {
  position: absolute !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 6 !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;

  max-width: 260px !important;
  padding: 13px 16px 14px !important;
  border-radius: 16px !important;

  background: rgba(28, 30, 34, 0.88) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.24) !important;

  opacity: 0 !important;
  transform: translateY(8px) !important;
  pointer-events: none !important;

  transition: opacity 0.45s ease, transform 0.45s ease !important;
}

body.lml-eos-page .brand-eos-premium-hover-media__badge span {
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: #f1ce77 !important;
}

body.lml-eos-page .brand-eos-premium-hover-media__badge strong {
  font-size: 15px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  color: #ffffff !important;
}

/* Badge vises kun når videoen er aktiv */
body.lml-eos-page .brand-eos-premium-feature--hover-video.is-video-active .brand-eos-premium-hover-media__badge,
body.lml-eos-page .brand-eos-premium-feature--hover-video:hover .brand-eos-premium-hover-media__badge {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Mobil */
@media (max-width: 900px) {
  body.lml-eos-page .brand-eos-premium-hover-media__image,
  body.lml-eos-page .brand-eos-premium-hover-media__video {
    min-height: 280px !important;
  }

  body.lml-eos-page .brand-eos-premium-hover-media::before {
    width: 100% !important;
    height: 36% !important;
    inset: 0 0 auto 0 !important;

    background: linear-gradient(
      180deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,0.62) 55%,
      rgba(255,255,255,0) 100%
    ) !important;
  }

  body.lml-eos-page .brand-eos-premium-hover-media__badge {
    right: 14px !important;
    bottom: 14px !important;
    max-width: 230px !important;
  }
}

/* =========================================================
   EOS RESPONSIVE STABILISERING V3
   Fixer saunaovne-controls, mobil CTA og sticky jump-menu
   Skal ligge HELT NEDERST i Custom Styles
========================================================= */


/* =========================================================
   1) CTA: fjern overflødig EOS Structure badge
========================================================= */

body.lml-eos-page .brand-eos-structure-hero__badge,
body.lml-eos-page .brand-eos-structure-cta__badge {
  display: none !important;
}


/* =========================================================
   2) CTA desktop/tablet: mere rolig kontaktflade uden badge
========================================================= */

body.lml-eos-page .brand-eos-structure-hero,
body.lml-eos-page .brand-eos-structure-cta {
  overflow: hidden !important;
}

body.lml-eos-page .brand-eos-structure-hero__content,
body.lml-eos-page .brand-eos-structure-cta__content {
  max-width: 620px !important;
}

body.lml-eos-page .brand-eos-structure-hero h2,
body.lml-eos-page .brand-eos-structure-cta h2 {
  max-width: 620px !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

body.lml-eos-page .brand-eos-structure-hero p:not(.brand-eyebrow),
body.lml-eos-page .brand-eos-structure-cta p:not(.brand-eyebrow) {
  max-width: 420px !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}


/* =========================================================
   3) Saunaovne desktop/narrow desktop: bullets må ikke kollapse
========================================================= */

@media (min-width: 901px) {
  body.lml-eos-page #eos-ovne .brand-eos-oven-bullets {
    left: 50% !important;
    bottom: 28px !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: auto !important;
    max-width: calc(100% - 220px) !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-bullets a {
    flex: 0 0 auto !important;
    width: 11px !important;
    min-width: 11px !important;
    height: 11px !important;
    min-height: 11px !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-bullets a.is-active {
    width: 34px !important;
    min-width: 34px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-stage__meta {
    left: 24px !important;
    bottom: 22px !important;
    width: auto !important;
    max-width: 250px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-slide-dots {
    right: 22px !important;
    bottom: 78px !important;
  }
}


/* =========================================================
   4) Saunaovne mobil: media først, tekst bagefter, ingen gigantisk meta-box
========================================================= */

@media (max-width: 900px) {
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase {
    margin: 34px 0 44px 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__media,
  body.lml-eos-page #eos-ovne .brand-eos-oven-stage {
    height: auto !important;
    min-height: 390px !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-stage__layer {
    background-size: cover !important;
    background-position: center center !important;
  }

  /* Meta label bliver lille igen */
  body.lml-eos-page #eos-ovne .brand-eos-oven-stage__meta {
    position: absolute !important;
    left: 14px !important;
    right: auto !important;
    top: auto !important;
    bottom: 16px !important;

    display: inline-flex !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: 172px !important;
    height: auto !important;
    min-height: 0 !important;

    padding: 9px 12px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-stage__meta-main {
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-stage__meta-sub {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  /* Model-bullets i bunden */
  body.lml-eos-page #eos-ovne .brand-eos-oven-bullets {
    position: absolute !important;
    left: 50% !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;

    width: auto !important;
    max-width: calc(100% - 170px) !important;
    overflow: visible !important;
    z-index: 24 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-bullets a {
    flex: 0 0 auto !important;
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    min-height: 8px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    text-indent: -999px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-bullets a.is-active {
    width: 25px !important;
    min-width: 25px !important;
  }

  /* Slide-dots højre side */
  body.lml-eos-page #eos-ovne .brand-eos-oven-slide-dots {
    right: 12px !important;
    bottom: 68px !important;
    gap: 7px !important;
    z-index: 25 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-slide-dots button {
    width: 31px !important;
    height: 18px !important;
  }

  /* Pile lidt mindre */
  body.lml-eos-page #eos-ovne .brand-eos-oven-arrow {
    width: 42px !important;
    height: 88px !important;
    z-index: 26 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-arrow--prev {
    left: 12px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-arrow--next {
    right: 12px !important;
  }

  /* Tekstkolonne under billedet */
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 30px 22px 34px !important;
    overflow: visible !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .brand-eyebrow {
    margin-bottom: 13px !important;
    font-size: 11.5px !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content h2,
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .brand-hero-heading,
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .js-eos-oven-title {
    max-width: 100% !important;
    margin-bottom: 16px !important;
    font-size: 30px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content p,
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .js-eos-oven-description {
    max-width: 100% !important;
    margin-bottom: 20px !important;
    font-size: 15px !important;
    line-height: 1.52 !important;
  }

  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .brand-feature-list li,
  body.lml-eos-page #eos-ovne .brand-eos-oven-showcase__content .js-eos-oven-features li {
    font-size: 14px !important;
    line-height: 1.42 !important;
    margin-bottom: 10px !important;
    padding-left: 28px !important;
  }
}


/* =========================================================
   5) Kontakt CTA mobil: stop én-ords-linjer
========================================================= */

@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-structure-hero,
  body.lml-eos-page .brand-eos-structure-cta {
    width: auto !important;
    margin: 34px 12px 42px !important;
    padding: 30px 22px 34px !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 18px !important;
  }

  body.lml-eos-page .brand-eos-structure-hero__content,
  body.lml-eos-page .brand-eos-structure-cta__content,
  body.lml-eos-page .brand-eos-structure-cta__text {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body.lml-eos-page .brand-eos-structure-hero .brand-eyebrow,
  body.lml-eos-page .brand-eos-structure-cta .brand-eyebrow {
    max-width: 100% !important;
    margin-bottom: 12px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.09em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.lml-eos-page .brand-eos-structure-hero h2,
  body.lml-eos-page .brand-eos-structure-cta h2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 0 16px 0 !important;

    font-size: 28px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  body.lml-eos-page .brand-eos-structure-hero p:not(.brand-eyebrow),
  body.lml-eos-page .brand-eos-structure-cta p:not(.brand-eyebrow) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  body.lml-eos-page .brand-eos-structure-hero__actions,
  body.lml-eos-page .brand-eos-structure-cta__actions {
    margin-top: 22px !important;
    justify-content: flex-start !important;
  }

  body.lml-eos-page .brand-eos-structure-hero__button,
  body.lml-eos-page .brand-eos-structure-cta__button {
    width: auto !important;
    min-width: 142px !important;
    height: 48px !important;
    padding: 0 22px !important;
  }
}


/* =========================================================
   6) Sticky jump-menu mobil: ingen horisontal scroll
   8 links bliver 2 rækker á 4 links
========================================================= */

@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-jump-section {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999 !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    overflow-x: hidden !important;
    white-space: normal !important;

    background: #ffffff !important;
    border-top: 1px solid rgba(185, 135, 53, 0.22) !important;
    box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.10) !important;
  }

  body.lml-eos-page .brand-eos-jump-section a,
  body.lml-eos-page .brand-eos-jump-section span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 42px !important;
    min-width: 0 !important;
    width: 100% !important;

    padding: 0 4px !important;
    border-radius: 0 !important;
    border-right: 1px solid rgba(185, 135, 53, 0.16) !important;

    font-size: 10.5px !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    text-align: center !important;
    text-decoration: none !important;

    color: #151515 !important;
    background: #ffffff !important;

    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.lml-eos-page .brand-eos-jump-section a:nth-child(4n),
  body.lml-eos-page .brand-eos-jump-section span:nth-child(4n) {
    border-right: 0 !important;
  }

  body.lml-eos-page .brand-eos-jump-section a:hover,
  body.lml-eos-page .brand-eos-jump-section a:focus,
  body.lml-eos-page .brand-eos-jump-section .brand-eos-jump-label {
    background: #fff7df !important;
    color: #151515 !important;
  }

  /* Giv siden plads til den faste bundmenu */
  body.lml-eos-page {
    padding-bottom: 88px !important;
  }
}

/* =========================================================
   EOS SAUNAOVNE - FINAL STABLE RESPONSIVE OVERRIDE
   Løser jump/flicker ved 1920x1080 / 1426x900 / laptop views
   Skal ligge HELT nederst i Custom Styles
========================================================= */

/* ---------- Desktop / laptop ---------- */

@media (min-width: 1181px) {

  body #eos-ovne.brand-eos-oven-showcase,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase {
    width: 100% !important;
    max-width: none !important;
    margin: 34px 0 52px 0 !important;
    padding: 0 !important;
    border-radius: 20px !important;
    overflow: visible !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__grid,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 57%) minmax(390px, 43%) !important;

    height: clamp(500px, 56vh, 540px) !important;
    min-height: 500px !important;
    max-height: 540px !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    border-radius: 20px !important;
    overflow: hidden !important;
    align-items: stretch !important;

    transition: none !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__media,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__media,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage {
    height: 100% !important;
    min-height: 500px !important;
    max-height: 540px !important;
    overflow: hidden !important;
    transition: none !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__layer,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__layer {
    background-size: cover !important;
    background-position: center center !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content {
    height: 100% !important;
    min-height: 500px !important;
    max-height: 540px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding-top: 42px !important;
    padding-right: clamp(42px, 4vw, 58px) !important;
    padding-bottom: 42px !important;
    padding-left: clamp(46px, 4vw, 62px) !important;

    overflow: hidden !important;
    transition: none !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-eyebrow,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-eyebrow {
    margin: 0 0 15px 0 !important;
    color: #f1ce77 !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.11em !important;
    text-transform: uppercase !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content h2,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-hero-heading,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-title,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content h2,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-hero-heading,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-title {
    max-width: 560px !important;
    margin: 0 0 16px 0 !important;

    font-size: clamp(32px, 2.65vw, 42px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;

    color: #ffffff !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content p,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-description,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content p,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-description {
    max-width: 560px !important;
    margin: 0 0 20px 0 !important;

    font-size: 14.5px !important;
    line-height: 1.48 !important;
    color: rgba(255,255,255,0.92) !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-feature-list,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-features,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-feature-list,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-features {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 570px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-feature-list li,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-features li,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-feature-list li,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-features li {
    margin: 0 0 9px 0 !important;
    padding-left: 30px !important;

    font-size: 13.7px !important;
    line-height: 1.36 !important;
    color: rgba(255,255,255,0.92) !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-feature-list li:last-child,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-features li:last-child,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-feature-list li:last-child,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-features li:last-child {
    margin-bottom: 0 !important;
  }

  /* Nederste model-bullets */
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets {
    position: absolute !important;
    left: 50% !important;
    bottom: 34px !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;

    width: auto !important;
    max-width: calc(100% - 260px) !important;
    overflow: visible !important;
    z-index: 30 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a {
    flex: 0 0 auto !important;
    width: 9px !important;
    min-width: 9px !important;
    height: 9px !important;
    min-height: 9px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    text-indent: -999px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a.is-active,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a.is-active {
    width: 31px !important;
    min-width: 31px !important;
  }

  /* Lille badge nederst venstre */
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta {
    left: 22px !important;
    bottom: 26px !important;
    max-width: 220px !important;
    padding: 10px 14px !important;
    z-index: 31 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-main,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-main {
    font-size: 10.5px !important;
    line-height: 1.1 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-sub,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-sub {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  /* De tre slide-dots i højre side */
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-slide-dots,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-slide-dots {
    right: 18px !important;
    bottom: 86px !important;
    gap: 7px !important;
    z-index: 32 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-slide-dots button,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-slide-dots button {
    width: 31px !important;
    height: 18px !important;
  }

  /* Pile */
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-arrow,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-arrow {
    width: 48px !important;
    height: 98px !important;
    z-index: 33 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-arrow--prev,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-arrow--prev {
    left: 16px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-arrow--next,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-arrow--next {
    right: 16px !important;
  }
}


/* ---------- Tablet / smal desktop ---------- */

@media (min-width: 901px) and (max-width: 1180px) {

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__grid,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__media,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__media,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage {
    height: auto !important;
    min-height: 460px !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 34px 34px 38px !important;
    overflow: visible !important;
  }
}


/* ---------- Mobil ---------- */

@media (max-width: 900px) {

  body #eos-ovne.brand-eos-oven-showcase,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase {
    margin: 30px 0 42px 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__grid,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__media,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__media,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage {
    height: auto !important;
    min-height: 330px !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 28px 22px 34px !important;
    overflow: visible !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content h2,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-hero-heading,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-title,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content h2,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-hero-heading,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-title {
    max-width: 100% !important;
    font-size: 30px !important;
    line-height: 1.05 !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta {
    left: 14px !important;
    bottom: 16px !important;
    max-width: 170px !important;
    padding: 9px 12px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets {
    bottom: 19px !important;
    gap: 7px !important;
    max-width: calc(100% - 185px) !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a {
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    min-height: 8px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a.is-active,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-bullets a.is-active {
    width: 25px !important;
    min-width: 25px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-slide-dots,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-slide-dots {
    right: 12px !important;
    bottom: 68px !important;
  }
}

/* =========================================================
   EOS SAUNAOVNE - BADGE + TEKSTPLACERING FINISH
   Læg HELT nederst i Custom Styles
========================================================= */

/* Flyt højre tekstfelt højere op igen */
@media (min-width: 1181px) {
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content {
    justify-content: flex-start !important;

    /* Mere kontrolleret startpunkt i toppen */
    padding-top: clamp(68px, 6vh, 82px) !important;
    padding-bottom: 34px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-eyebrow,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-eyebrow {
    margin-bottom: 16px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content h2,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-hero-heading,
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-title,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content h2,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .brand-hero-heading,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-showcase__content .js-eos-oven-title {
    margin-bottom: 18px !important;
  }
}

/* Gør venstre badge markant mindre */
body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta,
body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta {
  left: 22px !important;
  bottom: 24px !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  padding: 8px 12px !important;
  border-radius: 12px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(31, 35, 39, 0.88) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.18) !important;
}

/* Kun én linje: EOS SAUNAOVNE */
body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-main,
body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-main {
  display: block !important;
  margin: 0 !important;

  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  color: #f1ce77 !important;
}

/* Skjul produkt-underteksten i badgen */
body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-sub,
body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-sub {
  display: none !important;
}

/* Mobil: badge endnu mindre og mindre forstyrrende */
@media (max-width: 900px) {
  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta {
    left: 12px !important;
    bottom: 14px !important;
    padding: 7px 10px !important;
    border-radius: 10px !important;
  }

  body #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-main,
  body.lml-eos-page #eos-ovne.brand-eos-oven-showcase .brand-eos-oven-stage__meta-main {
    font-size: 9.5px !important;
    letter-spacing: 0.07em !important;
  }
}

/* =========================================================
   EOS SAUNAOVNE - KOMPAKT INTRO NOTE
   Forklarer at slideren viser et udvalg uden at stjæle højde
========================================================= */

body.lml-eos-page .brand-eos-oven-note {
  max-width: 1320px !important;
  margin: 20px auto 14px !important;
  padding: 0 4px !important;
}

body.lml-eos-page .brand-eos-oven-note p {
  max-width: 980px !important;
  margin: 0 !important;

  font-size: 14.5px !important;
  line-height: 1.55 !important;
  color: #3a3a3a !important;
}

body.lml-eos-page .brand-eos-oven-note strong {
  color: #b98735 !important;
  font-weight: 900 !important;
}

/* Når man klikker Saunaovne i menuen, lander boksen pænt under sticky navigation */
body.lml-eos-page #eos-ovne {
  scroll-margin-top: 145px !important;
}

@media (max-width: 767px) {
  body.lml-eos-page .brand-eos-oven-note {
    margin: 18px 0 12px !important;
    padding: 0 2px !important;
  }

  body.lml-eos-page .brand-eos-oven-note p {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  body.lml-eos-page #eos-ovne {
    scroll-margin-top: 96px !important;
  }
}

/* =========================================================
   LML FORSIDE – STØTTE- OG CSR-MÆRKER
========================================================= */

body .lml-support-section {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 54px 0 46px;
  text-align: center;
}

body .lml-support-section__header {
  max-width: 720px;
  margin: 0 auto 34px;
}

body .lml-support-section__eyebrow {
  margin: 0 0 8px;
  color: #00587C;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body .lml-support-section__header h2 {
  margin: 0 0 12px;
  color: #111111;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
}

body .lml-support-section__header > p:last-child {
  margin: 0;
  color: #525b61;
  font-size: 16px;
  line-height: 1.65;
}


/* Tre mærker */

body .lml-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 22px;
}

body .lml-support-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 26px 22px 24px;
  overflow: hidden;

  color: inherit;
  text-align: center;
  text-decoration: none !important;

  background: #ffffff;
  border: 1px solid rgba(0, 88, 124, 0.14);
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}


/* Ensartet billedområde */

body .lml-support-item__image {
  height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

body .lml-support-item__image img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 118px;
  margin: 0 auto;
  object-fit: contain;
}

/* CSR-logoet må gerne være lidt større */
body .lml-support-item:nth-child(3) .lml-support-item__image img {
  max-height: 130px;
}


/* Tekst */

body .lml-support-item__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}

body .lml-support-item__content h3 {
  margin: 0 0 9px;
  color: #111111;
  font-size: 18px;
  line-height: 1.3;
}

body .lml-support-item__content p {
  margin: 0;
  color: #596168;
  font-size: 14px;
  line-height: 1.58;
}

body .lml-support-item__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 18px;

  color: #00587C;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}


/* Klikbart CSR-kort */

body .lml-support-item--link:hover,
body .lml-support-item--link:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(0, 88, 124, 0.34);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
}

body .lml-support-item--link:focus-visible {
  outline: 3px solid rgba(0, 88, 124, 0.25);
  outline-offset: 3px;
}


/* Tablet */

@media (max-width: 900px) {
  body .lml-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .lml-support-item:last-child {
    grid-column: 1 / -1;
    width: min(100%, 560px);
    justify-self: center;
  }
}


/* Mobil */

@media (max-width: 620px) {
  body .lml-support-section {
    width: min(100% - 28px, 1180px);
    padding: 38px 0 34px;
  }

  body .lml-support-section__header {
    margin-bottom: 24px;
  }

  body .lml-support-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body .lml-support-item,
  body .lml-support-item:last-child {
    grid-column: auto;
    width: 100%;
    padding: 22px 18px;
  }

  body .lml-support-item__image {
    height: 110px;
    margin-bottom: 18px;
  }

  body .lml-support-item__image img {
    max-height: 100px;
  }

  body .lml-support-item:nth-child(3) .lml-support-item__image img {
    max-height: 110px;
  }
}


/* Reduceret bevægelse */

@media (prefers-reduced-motion: reduce) {
  body .lml-support-item {
    transition: none;
  }

  body .lml-support-item--link:hover {
    transform: none;
  }
}

/* =========================================================
   LML CASE STORY - HIDE DEFAULT UMBRACO PAGE TITLE
   Heroens egen H1 bevares
========================================================= */

body.lml-case-page
main > .uk-container.uk-container-large.uk-margin-large-bottom.uk-margin-medium-top {
  display: none !important;
}

body.lml-case-page .lml-case-hero-block h1 {
  display: block !important;
}

/* =========================================================
   RELATED CONTENT - FLEXIBLE GLASS + ALIGNED CTA V4.3

   - Glass-felt fader naturligt ud efter teksten
   - Mere af billedet er synligt
   - CTA og CASE STORY / BRANDUNIVERS badge står på samme linje
   - Samme blå farve
   - CTA får naturligt afrundet nederste venstre hjørne
========================================================= */

/* =========================================================
   ENS CTA-TEKST PÅ ALLE RELATED CASE STORIES
========================================================= */

body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border[href]
  > span.label::after {
  content: "Læs casen  ›" !important;
}

@media (min-width: 681px) {

  body .content-list.related-content.uk-container.uk-container-large.uk-margin {
    --lml-related-action-blue: #006f8f;
  }


  /* =====================================================
     CASE STORY - GLASS SHELL
     
     Elementet går stadig ned til badge-linjen,
     så CTA kan positioneres korrekt.
     
     Men selve mørkningen fader ud efter teksten.
  ===================================================== */

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label {

    left: 20px !important;
    top: 22px !important;
    right: auto !important;
    bottom: 24px !important;

    width: clamp(340px, 64%, 560px) !important;
    max-width: calc(100% - 76px) !important;

    height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    padding:
      18px
      18px
      58px
      18px !important;

    box-sizing: border-box !important;

    /*
      Mørkest bag titel/teaser.
      Derefter glider ruden over i transparent,
      så den nederste del af billedet bliver synlig.
    */
    background:
      linear-gradient(
        180deg,
        rgba(28, 27, 25, .74) 0%,
        rgba(28, 27, 25, .64) 38%,
        rgba(28, 27, 25, .42) 56%,
        rgba(28, 27, 25, .16) 70%,
        rgba(28, 27, 25, 0) 82%
      ) !important;

    border: 0 !important;

    border-radius:
      10px
      10px
      0
      0 !important;

    box-shadow: none !important;

    /*
      Ingen blur over hele den store shell.
      Ellers ville den transparente del stadig
      sløre billedet.
    */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    color: #ffffff !important;

    font-size: clamp(16px, 1.25vw, 19px) !important;
    line-height: 1.16 !important;
    font-weight: 600 !important;

    text-shadow:
      0 1px 3px rgba(0,0,0,.22) !important;
  }


  /* =====================================================
     TEASER
     Fortsat naturligt under titlen
  ===================================================== */

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label::before {

    position: static !important;
    inset: auto !important;

    order: 1 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 9px 0 0 0 !important;
    padding: 0 !important;

    color: rgba(255,255,255,.9) !important;

    font-size: 12.5px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;

    max-height: none !important;
    overflow: visible !important;
  }


  /* =====================================================
     CASE STORY CTA
     
     label slutter 24px over cardets bund.
     CTA bottom:0 betyder derfor, at den rammer
     præcis samme baseline som højre badge.
  ===================================================== */

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border
    > span.label::after {

    position: absolute !important;

    left: 0 !important;
    right: auto !important;

    top: auto !important;
    bottom: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 38px !important;
    min-height: 38px !important;

    padding: 0 18px !important;

    margin: 0 !important;

    background:
      var(--lml-related-action-blue) !important;

    color: #ffffff !important;

    /*
      Top-left er lige, fordi CTA visuelt vokser
      ud af glass-feltet.

      Nederste venstre hjørne får den naturlige
      afrunding du efterspørger.
    */
    border-radius:
      0
      7px
      7px
      10px !important;

    box-shadow:
      0 6px 16px
      rgba(0, 88, 124, .20) !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
  }


  /* =====================================================
     CASE STORY BADGE - SAMME FARVE / HØJDE
  ===================================================== */

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.article.cbx-border::before {

    bottom: 24px !important;

    height: 38px !important;
    min-height: 38px !important;

    background:
      var(--lml-related-action-blue) !important;
  }


  /* =====================================================
     BRANDUNIVERS
     Samme farvesystem på CTA + badge
  ===================================================== */

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
    > span.label::after {

    height: 38px !important;
    min-height: 38px !important;

    background:
      var(--lml-related-action-blue) !important;

    border-radius:
      0
      7px
      7px
      10px !important;
  }


  body .content-list.related-content.uk-container.uk-container-large.uk-margin
    > .content-list-grid
    > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::after {

    bottom: 24px !important;

    height: 38px !important;
    min-height: 38px !important;

    background:
      var(--lml-related-action-blue) !important;
  }

}

/* =========================================================
   MALMSTEN BRAND PAGE
   Scoped extension of existing LML brand design
   V1.4 - compact hero / Umbraco safe
========================================================= */

.brand-malmsten-page {
  --malmsten-primary: #00587C;
  --malmsten-dark: #004763;
  --malmsten-mid: #006B8D;
  --malmsten-water: #087FA3;
  --malmsten-accent: #4797A8;
  --malmsten-soft: #B6CFD0;
  --malmsten-red: #D92727;
}

.brand-malmsten-page *,
.brand-malmsten-page *::before,
.brand-malmsten-page *::after {
  box-sizing: border-box;
}


/* =========================================================
   HEADER
========================================================= */

.brand--malmsten img {
  width: auto;
  max-width: 240px;
  max-height: 78px;
  object-fit: contain;
}


/* =========================================================
   MALMSTEN HERO
   Banetov = heroens toplinje
   Svømmer + splash bryder ud over heroen
========================================================= */

.brand-malmsten-hero {
  position: relative;
  isolation: isolate;

  width: 100%;
  min-height: 0;

  /*
    Mere luft mellem brand-header/logo og svømmeren.
    Samtidig er selve hero-tilen gjort kortere.
  */
  margin: 86px 0 60px;

  /*
    Teksten rykkes højere op og får lov at komme
    ind i den mørke vand/fade-zone.
  */
  padding:
    clamp(215px, 19vw, 255px)
    clamp(28px, 4vw, 54px)
    42px;

  /*
    Svømmer og splash må bryde ud over tile-kanten.
  */
  overflow: visible;

  border-radius: 14px;

  background:
    linear-gradient(
      180deg,
      #2c6788 0%,
      #245d7d 30%,
      #205775 62%,
      #1d4d69 100%
    );

  box-shadow:
    0 18px 42px rgba(0, 88, 124, 0.16);
}


/* =========================================================
   HERO WATER PNG

   Billedets højde: ca. 821 px
   Banetov: ca. 322 px fra toppen

   322 / 821 = ca. 39,2 %

   Hele PNG'et flyttes op, så banetovet lander
   omkring heroens topkant.

   Selve vandbilledet fades gradvist ud mod bunden,
   så der ikke opstår en synlig horisontal kant.
========================================================= */

.brand-malmsten-hero__water {
  position: absolute;
  z-index: 2;

  top: 0;
  left: 0;

  width: 100%;
  height: auto !important;
  max-width: none;

  display: block;

  transform: translateY(-39.2%);

  pointer-events: none;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  object-fit: initial !important;
  object-position: initial !important;

  -webkit-mask-image:
    linear-gradient(
      to bottom,
      #000 0%,
      #000 61%,
      rgba(0,0,0,0.98) 66%,
      rgba(0,0,0,0.88) 72%,
      rgba(0,0,0,0.66) 79%,
      rgba(0,0,0,0.40) 86%,
      rgba(0,0,0,0.16) 93%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to bottom,
      #000 0%,
      #000 61%,
      rgba(0,0,0,0.98) 66%,
      rgba(0,0,0,0.88) 72%,
      rgba(0,0,0,0.66) 79%,
      rgba(0,0,0,0.40) 86%,
      rgba(0,0,0,0.16) 93%,
      transparent 100%
    );

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


/* Ingen ekstra overlay-gradient */
.brand-malmsten-hero::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.brand-malmsten-hero__content {
  position: relative;
  z-index: 4;

  max-width: 760px;
}


.brand-malmsten-hero .brand-eyebrow {
  color: rgba(255,255,255,0.74) !important;
}


.brand-malmsten-hero h2 {
  margin: 0 0 18px;

  color: #ffffff;

  font-size: clamp(38px, 4.3vw, 62px);
  line-height: 1.02;
  font-weight: 800;
}


.brand-malmsten-hero p:not(.brand-eyebrow) {
  max-width: 680px;

  margin: 0 0 14px;

  color: rgba(255,255,255,0.90);

  font-size: 17px;
  line-height: 1.68;
}


.brand-malmsten-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 18px;

  margin-top: 22px;
}


.brand-malmsten-hero__link {
  color: #ffffff !important;

  font-size: 15px;
  font-weight: 800;

  text-decoration: none !important;
}


.brand-malmsten-hero__link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}


/* =========================================================
   MALMSTEN BUTTONS
========================================================= */

.brand-malmsten-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 48px;

  padding: 13px 20px;

  border-radius: 6px;

  font-size: 15px;
  line-height: 1.2;
  font-weight: 800;

  text-decoration: none !important;

  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}


.brand-malmsten-btn:hover {
  transform: translateY(-1px);
}


.brand-malmsten-btn--light {
  background: #ffffff;
  color: #00587C !important;
}


.brand-malmsten-btn--light:hover {
  background: #eef7f9;
  color: #00587C !important;
}


.brand-malmsten-btn--outline {
  border: 1px solid rgba(255,255,255,0.52);

  background: transparent;

  color: #ffffff !important;
}


.brand-malmsten-btn--outline:hover {
  border-color: rgba(255,255,255,0.85);

  background: rgba(255,255,255,0.10);

  color: #ffffff !important;
}


/* =========================================================
   STANDARD MALMSTEN SECTIONS
========================================================= */

.brand-malmsten-intro,
.brand-malmsten-goldpro,
.brand-malmsten-competition {
  align-items: center;

  margin-bottom: 72px;
}


.brand-malmsten-intro-slider {
  aspect-ratio: 4 / 3;
}


/* =========================================================
   LANE LINE DESIGN DIVIDER
========================================================= */

.brand-malmsten-lane-divider {
  position: relative;

  display: block;

  height: 22px;

  overflow: hidden;

  background-image:
    radial-gradient(
      ellipse at center,
      #4797A8 0 47%,
      #00587C 48% 62%,
      #e7f2f4 63% 72%,
      transparent 73%
    );

  background-repeat: repeat-x;
  background-position: left center;
  background-size: 21px 22px;
}


/* Wire */

.brand-malmsten-lane-divider::after {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  top: 50%;

  z-index: 0;

  height: 2px;

  transform: translateY(-50%);

  background: rgba(0, 71, 99, 0.30);
}


/* Red competition section */

.brand-malmsten-lane-divider::before {
  content: "";

  position: absolute;

  z-index: 2;

  left: 18%;
  top: 0;

  width: 84px;
  height: 22px;

  background-image:
    radial-gradient(
      ellipse at center,
      #e34a42 0 47%,
      #bc2825 48% 62%,
      #f7e4e3 63% 72%,
      transparent 73%
    );

  background-repeat: repeat-x;
  background-position: left center;
  background-size: 21px 22px;
}


.brand-malmsten-lane-divider--short {
  width: min(370px, 100%);

  margin: 25px 0;
}


/* =========================================================
   ACTIVITY SECTION
========================================================= */

.brand-malmsten-play {
  display: grid;

  /*
    Galleri først og lidt større.
    Teksten bagefter.
  */
  grid-template-columns:
    minmax(430px, 1.16fr)
    minmax(0, 0.84fr);

  gap: clamp(42px, 6vw, 78px);

  align-items: center;

  margin: 0 0 86px;
}


.brand-malmsten-play__content {
  max-width: 600px;
}


.brand-malmsten-play__content h2 {
  margin: 0 0 20px;

  color: #00587C;

  font-size: clamp(32px, 3.3vw, 46px);
  line-height: 1.08;
  font-weight: 800;
}


.brand-malmsten-play__content > p:not(.brand-eyebrow) {
  margin: 0 0 17px;

  color: #333333;

  font-size: 17px;
  line-height: 1.72;
}


.brand-malmsten-play__statement {
  color: #00587C !important;
}


/* =========================================================
   BLUE SQUARE / INWARD DONUT
========================================================= */

.brand-malmsten-play-tile {
  position: relative;

  isolation: isolate;

  width: 100%;
  max-width: 640px;

  aspect-ratio: 1 / 1;

  /*
    Tile ligger nu i venstre kolonne.
  */
  margin-left: 0;
  margin-right: auto;

  padding: clamp(52px, 6vw, 78px);

  overflow: visible;

  border-radius: 14px;

  background:
    radial-gradient(
      circle at 84% 15%,
      rgba(255,255,255,0.14),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #00587C 0%,
      #006D95 52%,
      #4797A8 100%
    );

  box-shadow:
    0 18px 42px rgba(0, 88, 124, 0.17),
    inset 0 0 0 1px rgba(255,255,255,0.11);
}

/* Subtle background wave */

.brand-malmsten-play-tile::before {
  content: "";

  position: absolute;

  z-index: 0;

  width: 58%;
  height: 30%;

  right: -5%;
  top: 8%;

  opacity: 0.08;

  transform: rotate(-7deg);

  background:
    radial-gradient(
      ellipse at 50% 100%,
      transparent 0 47%,
      #ffffff 48% 56%,
      transparent 57%
    );

  background-size: 110px 52px;
  background-repeat: repeat-x;
}


/* Inner square ring */

.brand-malmsten-play-frame {
  position: relative;
  z-index: 2;

  width: 100%;
  height: 100%;

  padding: 13px;

  border:
    1px solid rgba(255,255,255,0.42);

  border-radius: 24px;

  background:
    rgba(255,255,255,0.09);

  box-shadow:
    inset 0 0 0 10px rgba(0, 61, 90, 0.13),
    0 15px 32px rgba(0,0,0,0.12);
}


.brand-malmsten-play-slider {
  width: 100%;
  height: 100%;

  aspect-ratio: 1 / 1;

  overflow: hidden;

  border: 0 !important;
  border-radius: 16px !important;

  background: #dceef3 !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,0.15) !important;
}


.brand-malmsten-play-slider img {
  object-fit: cover !important;
  object-position: center !important;
}


/* Slider dots */

.brand-malmsten-play-slider .lml-js-slider-dots {
  right: 14px !important;
  bottom: 14px !important;

  gap: 5px !important;

  padding: 7px 9px;

  border-radius: 999px;

  background: rgba(0, 53, 77, 0.38);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}


.brand-malmsten-play-slider .lml-js-slider-dot {
  width: 7px !important;
  height: 7px !important;
}


/* Caption */

.brand-malmsten-play-caption {
  position: absolute;

  z-index: 7;

  left: 24px;
  bottom: 20px;

  display: flex;
  flex-direction: column;

  color: #ffffff;
}


.brand-malmsten-play-caption span {
  font-size: 10px;
  font-weight: 800;

  letter-spacing: 0.1em;
  text-transform: uppercase;

  opacity: 0.68;
}


.brand-malmsten-play-caption strong {
  font-size: 13px;
  font-weight: 800;
}


/* =========================================================
   CLICKABLE PRODUCT POP-OUTS
========================================================= */

.brand-malmsten-product-pops {
  position: absolute;

  z-index: 8;

  inset: 0;

  pointer-events: none;
}


.brand-malmsten-product-pop {
  position: absolute;

  display: block;

  width: 115px;
  height: 115px;

  pointer-events: auto;

  text-decoration: none !important;

  filter:
    drop-shadow(0 12px 15px rgba(0, 35, 52, 0.22));

  transition:
    transform 0.23s ease,
    filter 0.23s ease;
}


.brand-malmsten-product-pop > img {
  position: relative;

  z-index: 2;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  transition: transform 0.23s ease;
}


.brand-malmsten-product-pop:hover,
.brand-malmsten-product-pop:focus-visible {
  z-index: 20;

  filter:
    drop-shadow(0 18px 20px rgba(0, 35, 52, 0.30));
}


.brand-malmsten-product-pop:hover > img,
.brand-malmsten-product-pop:focus-visible > img {
  transform: scale(1.07);
}


/* Tooltip */

.brand-malmsten-product-pop__info {
  position: absolute;

  z-index: 10;

  left: 50%;
  bottom: calc(100% + 8px);

  min-width: 154px;

  padding: 10px 12px;

  transform:
    translate(-50%, 6px)
    scale(0.96);

  border:
    1px solid rgba(255,255,255,0.22);

  border-radius: 8px;

  background:
    rgba(0, 71, 99, 0.95);

  color: #ffffff;

  box-shadow:
    0 10px 24px rgba(0, 30, 46, 0.20);

  opacity: 0;
  visibility: hidden;

  pointer-events: none;

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  transition:
    opacity 0.18s ease,
    visibility 0.18s ease,
    transform 0.18s ease;
}


.brand-malmsten-product-pop__info strong,
.brand-malmsten-product-pop__info span {
  display: block;
}


.brand-malmsten-product-pop__info strong {
  margin-bottom: 3px;

  color: #ffffff;

  font-size: 13px;
  line-height: 1.2;
  font-weight: 800;
}


.brand-malmsten-product-pop__info span {
  color: rgba(255,255,255,0.76);

  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
}


.brand-malmsten-product-pop:hover
.brand-malmsten-product-pop__info,
.brand-malmsten-product-pop:focus-visible
.brand-malmsten-product-pop__info {
  opacity: 1;
  visibility: visible;

  transform:
    translate(-50%, 0)
    scale(1);
}


/* =========================================================
   DESKTOP PRODUCT POSITIONS
========================================================= */

.brand-malmsten-product-pop--wheel {
  left: -48px;
  bottom: 56px;

  width: 138px;
  height: 138px;

  transform: rotate(-8deg);
}


.brand-malmsten-product-pop--wheel:hover,
.brand-malmsten-product-pop--wheel:focus-visible {
  transform:
    translateY(-5px)
    rotate(-4deg);
}


.brand-malmsten-product-pop--bobbit {
  left: -29px;
  top: 40px;

  width: 108px;
  height: 108px;

  transform: rotate(7deg);
}


.brand-malmsten-product-pop--bobbit:hover,
.brand-malmsten-product-pop--bobbit:focus-visible {
  transform:
    translateY(-5px)
    rotate(3deg);
}


.brand-malmsten-product-pop--crab {
  right: -38px;
  top: 48px;

  width: 126px;
  height: 126px;

  transform: rotate(8deg);
}


.brand-malmsten-product-pop--crab:hover,
.brand-malmsten-product-pop--crab:focus-visible {
  transform:
    translateY(-5px)
    rotate(3deg);
}


.brand-malmsten-product-pop--inky {
  right: -48px;
  bottom: 68px;

  width: 136px;
  height: 136px;

  transform: rotate(-7deg);
}


.brand-malmsten-product-pop--inky:hover,
.brand-malmsten-product-pop--inky:focus-visible {
  transform:
    translateY(-5px)
    rotate(-2deg);
}


.brand-malmsten-product-pop--allie {
  left: 50%;
  bottom: -47px;

  width: 162px;
  height: 112px;

  transform:
    translateX(-50%)
    rotate(2deg);
}


.brand-malmsten-product-pop--allie:hover,
.brand-malmsten-product-pop--allie:focus-visible {
  transform:
    translateX(-50%)
    translateY(-5px);
}


/* =========================================================
   VIDEO
========================================================= */

.brand-malmsten-video {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(300px, 390px);

  gap: 44px;

  align-items: center;

  margin: 0 0 76px;

  padding: 32px 36px;

  border:
    1px solid rgba(182, 207, 208, 0.8);

  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      rgba(182,207,208,0.20),
      rgba(255,255,255,0.85)
    );
}


.brand-malmsten-video__content {
  max-width: 650px;
}


.brand-malmsten-video__content h2 {
  margin: 0 0 14px;

  color: #00587C;

  font-size: clamp(28px, 2.8vw, 40px);
  line-height: 1.1;
  font-weight: 800;
}


.brand-malmsten-video__content p:not(.brand-eyebrow) {
  margin: 0;

  color: #333333;

  font-size: 17px;
  line-height: 1.7;
}


.brand-malmsten-video__embed {
  position: relative;

  width: 100%;

  aspect-ratio: 10 / 9;

  overflow: hidden;

  border-radius: 12px;

  background: #002f46;

  box-shadow:
    0 13px 28px rgba(0, 88, 124, 0.13);
}


.brand-malmsten-video__embed iframe {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  border: 0;
}


/* =========================================================
   STARTING BLOCK COMPOSITION
========================================================= */

.brand-malmsten-starting-block {
  position: relative;

  width: 100%;

  padding-bottom: 32px;
}


.brand-malmsten-starting-block__environment {
  width: 100%;

  display: block;

  border:
    1px solid rgba(182,207,208,0.65);

  border-radius: 12px;

  box-shadow:
    0 12px 30px rgba(0,88,124,0.12);
}


.brand-malmsten-starting-block__product {
  position: absolute;

  z-index: 4;

  left: -24px;
  bottom: -5px;

  width: 155px;

  text-decoration: none !important;

  filter:
    drop-shadow(0 13px 16px rgba(0,38,58,0.22));

  transition:
    transform 0.22s ease;
}


.brand-malmsten-starting-block__product > img {
  width: 100%;

  display: block;
}


.brand-malmsten-starting-block__product > span {
  position: absolute;

  left: 50%;
  bottom: -34px;

  min-width: 150px;

  padding: 8px 10px;

  transform: translateX(-50%);

  border-radius: 8px;

  background: #00587C;

  color: #ffffff;

  text-align: center;

  opacity: 0;
  visibility: hidden;

  transition:
    opacity 0.18s ease,
    visibility 0.18s ease,
    bottom 0.18s ease;
}


.brand-malmsten-starting-block__product strong,
.brand-malmsten-starting-block__product small {
  display: block;
}


.brand-malmsten-starting-block__product strong {
  font-size: 12px;
}


.brand-malmsten-starting-block__product small {
  margin-top: 2px;

  color: rgba(255,255,255,0.76);

  font-size: 10px;
}


.brand-malmsten-starting-block__product:hover {
  transform:
    translateY(-5px)
    scale(1.04);
}


.brand-malmsten-starting-block__product:hover > span,
.brand-malmsten-starting-block__product:focus-visible > span {
  bottom: -30px;

  opacity: 1;
  visibility: visible;
}


/* =========================================================
   BENEFITS
========================================================= */

.brand-malmsten-areas {
  margin-bottom: 74px;
}


.brand-malmsten-areas .brand-benefit-card {
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}


.brand-malmsten-areas .brand-benefit-card:hover {
  transform: translateY(-3px);

  border-color:
    rgba(71,151,168,0.72);

  box-shadow:
    0 14px 30px rgba(0,88,124,0.10);
}


/* =========================================================
   FINAL CTA
========================================================= */

.brand-malmsten-cta {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 46px;

  align-items: center;

  margin: 0 0 72px;

  padding:
    clamp(34px, 4vw, 54px);

  border-radius: 14px;

  background:
    radial-gradient(
      circle at 92% 12%,
      rgba(255,255,255,0.13),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #00587C,
      #004763
    );

  box-shadow:
    0 16px 38px rgba(0,88,124,0.15);
}


.brand-malmsten-cta .brand-eyebrow {
  color: #9FD5DF !important;
}


.brand-malmsten-cta h2 {
  max-width: 760px;

  margin: 0 0 16px;

  color: #ffffff;

  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.1;
  font-weight: 800;
}


.brand-malmsten-cta p:not(.brand-eyebrow) {
  max-width: 700px;

  margin: 0;

  color: rgba(255,255,255,0.84);

  font-size: 17px;
  line-height: 1.65;
}


.brand-malmsten-cta__actions {
  display: flex;
  flex-direction: column;

  gap: 12px;

  min-width: 275px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .brand-malmsten-play {
    grid-template-columns:
      minmax(0, 0.8fr)
      minmax(390px, 1.2fr);

    gap: 40px;
  }


  .brand-malmsten-play-tile {
    padding: 54px;
  }


  .brand-malmsten-cta {
    grid-template-columns: 1fr;
  }


  .brand-malmsten-cta__actions {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0,1fr));

    width: 100%;
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .brand--malmsten img {
    max-width: 125px;
    max-height: 54px;
  }


  /* =====================================================
     HERO MOBILE
  ====================================================== */

  .brand-malmsten-hero {
    min-height: 0;

    margin:
      52px
      0
      44px;

    padding:
      clamp(145px, 43vw, 185px)
      22px
      28px;

    overflow: visible;

    border-radius: 12px;
  }


  .brand-malmsten-hero__water {
    top: 0;

    left: -22%;

    width: 144%;
    height: auto !important;

    transform: translateY(-39.2%);

    object-fit: initial !important;
    object-position: initial !important;

    /*
      Lidt hurtigere fade på mobil,
      så teksten stadig står roligt.
    */
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,0.94) 65%,
        rgba(0,0,0,0.70) 75%,
        rgba(0,0,0,0.38) 85%,
        rgba(0,0,0,0.12) 93%,
        transparent 100%
      );

    mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,0.94) 65%,
        rgba(0,0,0,0.70) 75%,
        rgba(0,0,0,0.38) 85%,
        rgba(0,0,0,0.12) 93%,
        transparent 100%
      );
  }


  .brand-malmsten-hero h2 {
    font-size: 31px;
  }


  .brand-malmsten-hero p:not(.brand-eyebrow) {
    font-size: 16px;
  }


  .brand-malmsten-hero__actions {
    display: grid;

    grid-template-columns: 1fr;

    gap: 14px;
  }


  .brand-malmsten-btn {
    width: 100%;
  }


  .brand-malmsten-hero__link {
    text-align: center;
  }


  /* =====================================================
     STANDARD SECTIONS
  ====================================================== */

  .brand-malmsten-intro,
  .brand-malmsten-goldpro,
  .brand-malmsten-competition {
    margin-bottom: 48px;
  }


  /* =====================================================
     PLAY
  ====================================================== */

  .brand-malmsten-play {
    grid-template-columns: 1fr;

    gap: 30px;

    margin-bottom: 48px;
  }


  .brand-malmsten-play__content {
    max-width: none;
  }


  .brand-malmsten-play__content h2 {
    font-size: 28px;
  }


  .brand-malmsten-play__content > p:not(.brand-eyebrow) {
    font-size: 16px;
  }


  .brand-malmsten-play-tile {
    aspect-ratio: auto;

    max-width: 520px;

    margin: 0 auto;

    padding: 30px;

    border-radius: 12px;
  }


  .brand-malmsten-play-frame {
    aspect-ratio: 1 / 1;

    padding: 9px;

    border-radius: 18px;
  }


  /* =====================================================
     PRODUCT OVERLAYS BECOME PRODUCT ROW
  ====================================================== */

  .brand-malmsten-product-pops {
    position: relative;

    inset: auto;

    display: grid;

    grid-template-columns:
      repeat(5, minmax(0,1fr));

    gap: 7px;

    margin-top: 18px;

    pointer-events: auto;
  }


  .brand-malmsten-product-pop,
  .brand-malmsten-product-pop--wheel,
  .brand-malmsten-product-pop--bobbit,
  .brand-malmsten-product-pop--crab,
  .brand-malmsten-product-pop--inky,
  .brand-malmsten-product-pop--allie {
    position: relative;

    top: auto;
    right: auto;
    bottom: auto;
    left: auto;

    width: 100%;
    height: auto;

    min-width: 0;

    padding: 5px;

    transform: none !important;

    border:
      1px solid rgba(255,255,255,0.18);

    border-radius: 8px;

    background:
      rgba(255,255,255,0.08);

    filter: none;
  }


  .brand-malmsten-product-pop > img {
    width: 100%;

    aspect-ratio: 1 / 1;

    object-fit: contain;
  }


  .brand-malmsten-product-pop__info {
    position: static;

    min-width: 0;

    margin-top: 3px;

    padding: 0;

    transform: none;

    border: 0;

    background: transparent;

    box-shadow: none;

    opacity: 1;
    visibility: visible;

    text-align: center;
  }


  .brand-malmsten-product-pop__info strong {
    overflow: hidden;

    font-size: 9px;

    text-overflow: ellipsis;
    white-space: nowrap;
  }


  .brand-malmsten-product-pop__info > span {
    display: none;
  }


  .brand-malmsten-play-caption {
    display: none;
  }


  /* =====================================================
     VIDEO
  ====================================================== */

  .brand-malmsten-video {
    grid-template-columns: 1fr;

    gap: 22px;

    margin-bottom: 48px;

    padding: 24px 20px;
  }


  .brand-malmsten-video__content h2 {
    font-size: 28px;
  }


  .brand-malmsten-video__content p:not(.brand-eyebrow) {
    font-size: 16px;
  }


  .brand-malmsten-video__embed {
    max-width: 390px;

    margin: 0 auto;
  }


  /* =====================================================
     STARTING BLOCK
  ====================================================== */

  .brand-malmsten-starting-block {
    padding-bottom: 65px;
  }


  .brand-malmsten-starting-block__product {
    left: 12px;
    bottom: 0;

    width: 118px;
  }


  .brand-malmsten-starting-block__product > span {
    bottom: -38px;

    opacity: 1;
    visibility: visible;
  }


  /* =====================================================
     CTA
  ====================================================== */

  .brand-malmsten-cta {
    grid-template-columns: 1fr;

    gap: 26px;

    margin-bottom: 48px;

    padding: 28px 22px;

    border-radius: 12px;
  }


  .brand-malmsten-cta h2 {
    font-size: 28px;
  }


  .brand-malmsten-cta p:not(.brand-eyebrow) {
    font-size: 16px;
  }


  .brand-malmsten-cta__actions {
    grid-template-columns: 1fr;

    min-width: 0;
  }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .brand-malmsten-product-pop,
  .brand-malmsten-product-pop > img,
  .brand-malmsten-areas .brand-benefit-card,
  .brand-malmsten-starting-block__product {
    transition: none !important;
  }
}


/* =========================================================
   MALMSTEN PRODUCT LIST SCROLL TARGET
========================================================= */

.brand-malmsten-product-anchor {
  width: 100%;
  height: 1px;

  margin: 0;
  padding: 0;

  scroll-margin-top: 150px;
}

/* =========================================================
   MALMSTEN VIDEO - COOKIEBOT / CONSENT
========================================================= */

.brand-malmsten-video__embed {
  position: relative;
  isolation: isolate;
}

.brand-malmsten-video__embed iframe {
  position: absolute;
  inset: 0;

  z-index: 2;

  width: 100%;
  height: 100%;

  border: 0;

  opacity: 0;

  transition: opacity 0.25s ease;
}

.brand-malmsten-video__embed iframe.consent-given {
  opacity: 1;
}

.brand-malmsten-video__consent {
  position: absolute;
  inset: 0;

  z-index: 1;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 6px;

  padding: 24px;

  background:
    linear-gradient(
      145deg,
      #eef6f8,
      #dcebef
    );

  color: #00587C;

  text-align: center;
}

.brand-malmsten-video__consent strong {
  font-size: 16px;
  font-weight: 800;
}

.brand-malmsten-video__consent span {
  max-width: 250px;

  font-size: 13px;
  line-height: 1.45;

  color: #4b626d;
}

.brand-malmsten-video__embed
iframe.consent-given
+ .brand-malmsten-video__consent {
  display: none;
}

/* =========================================================
   MALMSTEN HERO - MOBILE V6
   FINAL LAYER PRINCIPLE

   1. Transparent outer stage
   2. Blue tile starts at upper lane line
   3. Water/swimmer image sits above tile
   4. White page-colour mask hides unwanted top water
========================================================= */

@media (max-width: 767px) {

  /* =====================================================
     OUTER STAGE
  ====================================================== */

  .brand-malmsten-hero {
    position: relative;
    isolation: isolate;

    width: 100%;
    min-height: 0;

    margin:
      48px
      0
      44px;

    /*
      Content starts below image composition.
    */
    padding:
      242px
      22px
      30px;

    /*
      IMPORTANT:
      Hero itself is transparent.
    */
    background: transparent !important;

    /*
      CRITICAL CHANGE:
      Clip image horizontally to hero width.

      Swimmer can still sit above BLUE TILE,
      because swimmer is still INSIDE this outer stage.
    */
    overflow: hidden !important;

    border-radius: 0 !important;
    box-shadow: none !important;
  }


  /* =====================================================
     LAYER 1 - BLUE TILE

     Screenshot shows previous top was ~65-70px too high.
     We therefore move tile top from ~92px to ~160px.
  ====================================================== */

  .brand-malmsten-hero::before {
    content: "";

    position: absolute;
    z-index: 1;

    top: 160px;
    right: 0;
    bottom: 0;
    left: 0;

    border-radius: 12px;

    background:
      linear-gradient(
        180deg,
        #2c6788 0%,
        #245d7d 34%,
        #205775 64%,
        #1d4d69 100%
      );

    box-shadow:
      0 16px 34px rgba(0, 88, 124, 0.14);

    pointer-events: none;
  }


  /* =====================================================
     LAYER 2 - WATER / SWIMMER IMAGE

     Image stays where swimmer currently looks good.
     Tile is moved DOWN to meet the lane line.
  ====================================================== */

  .brand-malmsten-hero__water {
    position: absolute;
    z-index: 2;

    top: 54px !important;

    /*
      Slight right bias for swimmer,
      but outer stage now clips the sides.
    */
    right: -5% !important;
    left: auto !important;

    width: 126% !important;
    max-width: none !important;
    height: auto !important;

    display: block !important;

    transform: none !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    object-fit: initial !important;
    object-position: initial !important;

    pointer-events: none;

    /*
      ONLY vertical fade now.

      We no longer use the horizontal image mask,
      because the white cutter below handles that
      much more predictably.
    */
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,0.96) 66%,
        rgba(0,0,0,0.80) 74%,
        rgba(0,0,0,0.54) 82%,
        rgba(0,0,0,0.28) 89%,
        rgba(0,0,0,0.08) 95%,
        transparent 100%
      );

    mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 58%,
        rgba(0,0,0,0.96) 66%,
        rgba(0,0,0,0.80) 74%,
        rgba(0,0,0,0.54) 82%,
        rgba(0,0,0,0.28) 89%,
        rgba(0,0,0,0.08) 95%,
        transparent 100%
      );

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }


  /* =====================================================
     LAYER 3 - WHITE CUTTER / INVISIBLE MASK

     Page background is white, so this disappears visually.

     It covers the unwanted pool image ABOVE the blue tile,
     while leaving the right-hand swimmer/splash exposed.
  ====================================================== */

  .brand-malmsten-hero::after {
    content: "";

    position: absolute;
    z-index: 3;

    top: 0;
    left: 0;

    /*
      Stop before swimmer area.
    */
    width: 69%;

    /*
      Exactly down to blue tile top.
    */
    height: 160px;

    pointer-events: none;

    /*
      White → transparent transition avoids
      a hard vertical masking edge beside swimmer.
    */
    background:
      linear-gradient(
        to right,
        #ffffff 0%,
        #ffffff 72%,
        rgba(255,255,255,0.98) 80%,
        rgba(255,255,255,0.88) 87%,
        rgba(255,255,255,0.56) 93%,
        transparent 100%
      );
  }


  /* =====================================================
     CONTENT
  ====================================================== */

  .brand-malmsten-hero__content {
    position: relative;
    z-index: 4;

    max-width: 100%;
  }


  .brand-malmsten-hero .brand-eyebrow {
    color: rgba(255,255,255,0.78) !important;
  }


  .brand-malmsten-hero h2 {
    margin-bottom: 18px;

    font-size: 31px;
    line-height: 1.06;
  }


  .brand-malmsten-hero p:not(.brand-eyebrow) {
    font-size: 16px;
    line-height: 1.68;
  }


  .brand-malmsten-hero__actions {
    display: grid;

    grid-template-columns: 1fr;

    gap: 14px;

    margin-top: 22px;
  }


  .brand-malmsten-btn {
    width: 100%;
  }


  .brand-malmsten-hero__link {
    text-align: center;
  }

}

/* =========================================================
   MALMSTEN MOBILE HERO - V6.1 POSITION TUNING
   Mere kompakt top + tydeligere eyebrow
========================================================= */

@media (max-width: 767px) {

  /* -----------------------------------------------------
     HELE HEROEN RYKKES OP
  ----------------------------------------------------- */

  .brand-malmsten-hero {
    /*
      Før: 48px
      Nu: mindre afstand fra brand-header til hero.
    */
    margin:
      0
      0
      44px !important;

    /*
      Før: 242px
      Flytter content tilsvarende op.
    */
    padding:
      220px
      22px
      30px !important;
  }


  /* -----------------------------------------------------
     BLÅ TILE RYKKES OP

     Før: 160px
     Nu: 138px

     Det gør den blå flade højere uden at gøre
     hele heroen højere.
  ----------------------------------------------------- */

  .brand-malmsten-hero::before {
    top: 138px !important;
  }


  /* -----------------------------------------------------
     HVID CUTTER FØLGER TILE-TOPPEN

     Samme værdi som ::before-top.
  ----------------------------------------------------- */

  .brand-malmsten-hero::after {
    height: 138px !important;

    /*
      Behold svømmerområdet åbent til højre.
    */
    width: 69% !important;
  }


  /* -----------------------------------------------------
     SWIMMER / WATER RYKKES SAMME MÆNGDE OP

     Før: 54px
     Nu: 32px

     Tile og billede er begge flyttet 22px,
     så banetovets relation til tile-kanten bevares.
  ----------------------------------------------------- */

  .brand-malmsten-hero__water {
    top: 32px !important;

    right: -5% !important;

    width: 126% !important;

    /*
      Vandet fades tidligere ud.
      Det gør den blå tile tydeligere bag eyebrow/heading.
    */
    -webkit-mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 38%,
        rgba(0,0,0,0.92) 44%,
        rgba(0,0,0,0.72) 52%,
        rgba(0,0,0,0.48) 61%,
        rgba(0,0,0,0.25) 70%,
        rgba(0,0,0,0.08) 79%,
        transparent 88%
      ) !important;

    mask-image:
      linear-gradient(
        to bottom,
        #000 0%,
        #000 38%,
        rgba(0,0,0,0.92) 44%,
        rgba(0,0,0,0.72) 52%,
        rgba(0,0,0,0.48) 61%,
        rgba(0,0,0,0.25) 70%,
        rgba(0,0,0,0.08) 79%,
        transparent 88%
      ) !important;
  }


  /* -----------------------------------------------------
     EYEBROW - LIDT MERE DEFINITION
  ----------------------------------------------------- */

  .brand-malmsten-hero .brand-eyebrow {
    color: rgba(255,255,255,0.88) !important;

    text-shadow:
      0 2px 8px rgba(0, 55, 78, 0.32);
  }

}

/* =========================================================
   RAHN BRAND PAGE - FINAL
   Rich Text layout helpers + brand overview + options
   + Type 1 accessories + BECO-style contact
========================================================= */


/* =========================================================
   BASE
========================================================= */

.rahn-page,
.rahn-page * {
  box-sizing: border-box;
}


/* =========================================================
   2-COLUMN RICH TEXT ROWS
========================================================= */

.rahn-rich-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 42px;
  align-items: center;
  margin: 0 0 64px 0;
}

.rahn-rich-row--hero {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

/*
  Rich Text-fix:
  eksisterende brand-product-intro har max-width,
  men inde i RAHN-grid skal teksten bruge hele sin kolonne.
*/
.rahn-rich-row .brand-product-intro,
.rahn-rich-row .brand-intro-text {
  width: 100%;
  max-width: none;
  margin-bottom: 0;
}

.rahn-rich-row > * {
  min-width: 0;
}


/* =========================================================
   PRODUCT CARDS
========================================================= */

.rahn-product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-bottom: 64px;
}

.rahn-product-grid > * {
  min-width: 0;
}

.rahn-product-image {
  width: calc(100% + 48px);
  margin: -24px -24px 24px -24px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #edf4f6;
  border-radius: 12px 12px 0 0;
}

.rahn-product-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}


/* =========================================================
   PRODUCT GALLERY
========================================================= */

.rahn-gallery-intro {
  margin-top: 54px;
}

.rahn-image-gallery {
  margin-top: 0;
  margin-bottom: 64px;
}

.rahn-image-gallery img {
  width: 100%;
  height: 270px;
  display: block;
  object-fit: cover;
}


/* =========================================================
   HISTORY
========================================================= */

.rahn-history-item {
  padding: 18px 0;
  border-top: 1px solid rgba(182, 207, 208, 0.7);
}

.rahn-history-item:first-child {
  padding-top: 0;
  border-top: 0;
}

.rahn-history-item:last-child {
  padding-bottom: 0;
}

.rahn-history-item strong {
  display: block;
  margin-bottom: 6px;
  color: #00587C;
  font-size: 25px;
  line-height: 1.1;
  font-weight: 800;
}

.rahn-history-item p {
  margin: 0 !important;
}


/* =========================================================
   FARVEDESIGN / OPTIONS
========================================================= */

.rahn-options-section {
  margin-bottom: 64px;
}

.rahn-options-intro {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 34px;
  text-align: center;
}

.rahn-options-intro .brand-eyebrow {
  display: block;
}

.rahn-options-gallery {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.rahn-option-card {
  min-width: 0;
  text-align: center;
}

.rahn-option-card img {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 528 / 835;
  display: block;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(182, 207, 208, 0.75);
  background: #f2f2f2;
}

.rahn-option-card strong {
  display: block;
  margin-top: 12px;
  color: #00587C;
  font-size: 16px;
  line-height: 1.25;
}

.rahn-option-card span {
  display: block;
  margin-top: 4px;
  color: #666666;
  font-size: 13px;
  line-height: 1.35;
}


/* =========================================================
   TYPE 1 ACCESSORIES
========================================================= */

.rahn-accessory-image {
  width: 100%;
  max-width: 100%;
  margin: 0 0 36px;
  overflow: hidden;
}

.rahn-accessory-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  border: 1px solid rgba(182, 207, 208, 0.75);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.08);
}

.rahn-noise-copy {
  margin-top: 0;
  margin-bottom: 64px;
}


/* =========================================================
   CONTACT
   BECO visual components, RAHN-owned layout
========================================================= */

.rahn-contact-section {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin: 30px 0 64px;
}

.rahn-contact-section > * {
  min-width: 0;
}

.rahn-contact-section .beco-contact-card {
  width: 100%;
  margin: 0 !important;
}


/* =========================================================
   BRANDOVERSIGT - RAHN
========================================================= */

body .lml-brand-overview-list-block
  .content-list-grid
  > a.brand.cbx-border[href*="rahn"]::before {

  background-image:
    url("/media/2lhdv4cs/rahn_logo_web.png"),
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.26),
      rgba(255,255,255,0.52)
    ) !important;

  background-position:
    center 42px,
    center !important;

  background-size:
    62% auto,
    100% 100% !important;

  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}


body .lml-brand-overview-list-block
  .content-list-grid
  > a.brand.cbx-border[href*="rahn"]
  > span.label::before {

  content:
    "Vippebrætter · springudstyr · professionelle svømmeanlæg"
    !important;
}


/* Cover crop */

body .lml-brand-overview-list-block
  .content-list-grid
  > a.brand.cbx-border[href*="rahn"]
  > img {

  object-position: 42% center !important;
}


/* =========================================================
   TABLET - RAHN PAGE
========================================================= */

@media (max-width: 1024px) {

  .rahn-options-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}


/* Rich rows stack slightly earlier */

@media (max-width: 900px) {

  .rahn-rich-row,
  .rahn-rich-row--hero {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  /*
    Hero media first on tablet/mobile.
    Other content rows retain their intentional HTML order.
  */
  .rahn-rich-row--hero .brand-main-image {
    order: -1;
  }

}


/* =========================================================
   TABLET - BRANDOVERSIGT
========================================================= */

@media (max-width: 1100px) {

  body .lml-brand-overview-list-block
    .content-list-grid
    > a.brand.cbx-border[href*="rahn"]::before {

    background-position:
      center 38px,
      center !important;

    background-size:
      60% auto,
      100% 100% !important;
  }

}


/* =========================================================
   MOBILE - RAHN PAGE
========================================================= */

@media (max-width: 767px) {

  .rahn-rich-row {
    margin-bottom: 42px;
    gap: 22px;
  }


  /* Product cards */

  .rahn-product-grid {
    grid-template-columns: 1fr !important;
    margin-bottom: 42px;
  }

  .rahn-product-image {
    width: calc(100% + 40px);
    margin: -20px -20px 20px -20px;
  }


  /* Product gallery */

  .rahn-image-gallery {
    grid-template-columns: 1fr !important;
    margin-bottom: 42px;
  }

  .rahn-image-gallery img {
    height: auto;
    aspect-ratio: 4 / 3;
  }


  /* Options */

  .rahn-options-section {
    margin-bottom: 42px;
  }

  .rahn-options-intro {
    text-align: left;
    margin-bottom: 26px;
  }

  .rahn-options-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .rahn-option-card:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 7px);
    justify-self: center;
  }


  /* Accessories */

  .rahn-accessory-image {
    margin-bottom: 28px;
  }

  .rahn-noise-copy {
    margin-bottom: 42px;
  }


  /* Contact */

  .rahn-contact-section {
    grid-template-columns: 1fr;
    gap: 22px;
    margin: 20px 0 42px;
  }

}


/* =========================================================
   MOBILE - BRANDOVERSIGT
========================================================= */

@media (max-width: 680px) {

  body .lml-brand-overview-list-block
    .content-list-grid
    > a.brand.cbx-border[href*="rahn"]::before {

    background-position:
      center 34px,
      center !important;

    background-size:
      58% auto,
      100% 100% !important;
  }

}

/* =========================================================
   MALMSTEN - VIDEO NOTE POPUP / TOON BUBBLE
========================================================= */

.brand-malmsten-play-slider {
  position: relative !important;
}

.brand-malmsten-video-note {
  position: absolute !important;

  right: -22px !important;
  top: 43% !important;
  bottom: auto !important;

  z-index: 20 !important;

  width: 260px !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transform:
    translateY(-50%)
    translateX(8px)
    rotate(-1.5deg) !important;

  transition:
    opacity 0.28s ease,
    transform 0.28s ease,
    visibility 0.28s ease !important;
}


.brand-malmsten-video-note.is-visible {
  opacity: 1 !important;
  visibility: visible !important;

  transform:
    translateY(-50%)
    translateX(0)
    rotate(-1.5deg) !important;
}

.brand-malmsten-video-note__inner {
  position: relative !important;
  background: #fff6bf !important;
  color: #0b5d7f !important;
  border: 3px solid #0b5d7f !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  box-shadow: 0 12px 26px rgba(0,0,0,0.16) !important;

  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.brand-malmsten-video-note__arrow {
  position: absolute !important;
  left: -12px !important;
  top: 48% !important;
  width: 22px !important;
  height: 22px !important;
  background: #fff6bf !important;
  border-left: 3px solid #0b5d7f !important;
  border-bottom: 3px solid #0b5d7f !important;
  transform: rotate(45deg) !important;
}

@media (max-width: 767px) {
  .brand-malmsten-video-note {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    transform: translateY(10px) rotate(0deg) !important;
  }

  .brand-malmsten-video-note.is-visible {
    transform: translateY(0) rotate(0deg) !important;
  }

  .brand-malmsten-video-note__arrow {
    display: none !important;
  }

  .brand-malmsten-video-note__inner {
    font-size: 14px !important;
    padding: 12px 14px !important;
  }
}

/* =========================================================
   SPORTIUM CASE
   Malmsten + RAHN double brand hero
========================================================= */

.lml-case-hero-brand-strip--double
.lml-case-hero-logo--malmsten {
  max-width: 145px;
  max-height: 54px;
}

.lml-case-hero-brand-strip--double
.lml-case-hero-logo--rahn {
  max-width: 122px;
  max-height: 50px;
}

@media (max-width: 767px) {

  .lml-case-hero-brand-strip--double
  .lml-case-hero-logo--malmsten {
    max-width: 118px;
    max-height: 44px;
  }

  .lml-case-hero-brand-strip--double
  .lml-case-hero-logo--rahn {
    max-width: 98px;
    max-height: 42px;
  }

}

/* =========================================================
   CASE HERO - THREE BRAND LOGOS
   Sportium: Geschwender + Malmsten + RAHN
========================================================= */

.lml-case-hero-brand-strip--triple {
  display: flex;
  align-items: center;
  gap: 20px;
  width: min(560px, 94%);
}

.lml-case-hero-brand-strip--triple
.lml-case-hero-logo {
  width: auto;
  height: auto;
  object-fit: contain;
}

.lml-case-hero-brand-strip--triple
.lml-case-hero-logo--geschwender {
  max-width: 135px;
  max-height: 50px;
}

.lml-case-hero-brand-strip--triple
.lml-case-hero-logo--malmsten {
  max-width: 128px;
  max-height: 50px;
}

.lml-case-hero-brand-strip--triple
.lml-case-hero-logo--rahn {
  max-width: 108px;
  max-height: 46px;
}

@media (max-width: 767px) {

  .lml-case-hero-brand-strip--triple {
    width: calc(100% + 20px) !important;
    max-width: none !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    padding-right: 14px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--geschwender {
    max-width: 90px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--malmsten {
    max-width: 86px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--rahn {
    max-width: 70px !important;
  }
}

@media (max-width: 360px) {

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--geschwender {
    max-width: 78px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--malmsten {
    max-width: 76px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--rahn {
    max-width: 62px !important;
  }
}

/* =========================================================
   LML GLOBAL EDITORIAL V3
   Anja-rettelser + case cards + lightbox
   24.08.2026

   GLOBALT:
   - Case/article hero headings: 40px / 1.2
   - Brand hero headings: 40px / 1.2
   - Mere kompakte case heroes
   - Intro tekst + facts side-by-side
   - Split tekst + billeder som samlet modul
   - Fjern nummer-kugler
   - Fjern blå card-streger
   - Image-first case cards
   - Placeholder på manglende billeder
   - Global lightbox styling
========================================================= */


/* =========================================================
   1. GLOBAL HERO TYPOGRAFI
========================================================= */

body.lml-case-page .lml-case-hero-split__content h1,
body.brand-page-custom .brand-header-custom h1,
body.brand-page-custom .brand-hero-heading,
body.brand-page-custom .brand-malmsten-hero h2,
body.lml-eos-page .brand-eos-hero-premium h2,
body.lml-eos-page .brand-eos-structure-hero h2 {
  font-size: 40px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}


/* Mere kompakt case hero */

body.lml-case-page .lml-case-hero-split {
  min-height: 360px !important;
}

body.lml-case-page .lml-case-hero-split__content {
  padding: 32px 42px 34px !important;
}

body.lml-case-page .lml-case-hero-brand-strip {
  margin-bottom: 14px !important;
}

body.lml-case-page .lml-case-eyebrow {
  margin-bottom: 13px !important;
}

body.lml-case-page .lml-case-lead {
  font-size: 17px !important;
  line-height: 1.5 !important;
}


/* =========================================================
   2. HERO - TRE LOGOER
========================================================= */

.lml-case-hero-brand-strip--triple {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;

  width: auto !important;
  max-width: 470px !important;

  gap: 19px !important;
}

.lml-case-hero-brand-strip--triple
.lml-case-hero-logo--geschwender {
  max-width: 128px !important;
  max-height: 48px !important;
}

.lml-case-hero-brand-strip--triple
.lml-case-hero-logo--malmsten {
  max-width: 114px !important;
  max-height: 46px !important;
}

.lml-case-hero-brand-strip--triple
.lml-case-hero-logo--rahn {
  max-width: 96px !important;
  max-height: 44px !important;
}


/* =========================================================
   3. INTRO + FACTS
   Global Skallerup-princip
========================================================= */

body.lml-case-page
.lml-case-intro-block
> .lml-case-intro-layout {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(340px, .92fr) !important;

  column-gap: 48px !important;
  row-gap: 0 !important;

  align-items: start !important;

  width: 100% !important;
  max-width: none !important;
}


/* Venstre tekst */

body.lml-case-page
.lml-case-intro-layout
> .lml-case-intro-text {
  display: block !important;

  grid-column: 1 !important;
  grid-row: 1 !important;

  width: 100% !important;
  max-width: 690px !important;
}


/* Ny facts wrapper */

body.lml-case-page
.lml-case-intro-layout
> .lml-case-facts-stack {
  display: flex !important;
  flex-direction: column !important;

  grid-column: 2 !important;
  grid-row: 1 !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 0 !important;

  overflow: hidden !important;

  border: 0 !important;
  border-radius: 12px !important;

  background: transparent !important;

  box-shadow:
    0 8px 22px rgba(0, 88, 124, 0.06) !important;
}


/* Facts rows */

body.lml-case-page
.lml-case-facts-stack
> .lml-case-fact {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 20px 23px !important;

  background: var(--lml-case-soft) !important;

  border-left:
    1px solid var(--lml-case-border) !important;

  border-right:
    1px solid var(--lml-case-border) !important;

  border-bottom:
    1px solid var(--lml-case-border) !important;

  border-radius: 0 !important;

  box-shadow: none !important;
}

body.lml-case-page
.lml-case-facts-stack
> .lml-case-fact:first-child {
  border-top:
    1px solid var(--lml-case-border) !important;
}


/* Labels */

body.lml-case-page
.lml-case-facts-stack
.lml-case-fact
span {
  display: block !important;

  margin: 0 0 7px !important;

  color: var(--lml-case-muted) !important;

  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;

  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}


/* Values */

body.lml-case-page
.lml-case-facts-stack
.lml-case-fact
strong {
  display: block !important;

  color: var(--lml-case-text) !important;

  font-size: 16px !important;
  line-height: 1.4 !important;
}


/* =========================================================
   4. SPLIT MODULES
   Tekst + billeder skal opleves som én samlet boks
========================================================= */

body.lml-case-page
.lml-case-split-block
.lml-case-split {
  gap: 0 !important;

  overflow: hidden !important;

  border:
    1px solid var(--lml-case-border) !important;

  border-radius: 12px !important;

  background:
    var(--lml-case-soft) !important;

  box-shadow:
    0 10px 26px rgba(0, 88, 124, 0.07) !important;
}


/* Tekstdel */

body.lml-case-page
.lml-case-split-block
.lml-case-split__content {
  padding: 38px 40px !important;

  border-radius: 0 !important;

  background:
    transparent !important;
}


/* Mindre overskrifter her */

body.lml-case-page
.lml-case-split__content h2 {
  font-size: 34px !important;
  line-height: 1.15 !important;
}


/* Mini gallery inden i samlet modul */

body.lml-case-page
.lml-case-split-block
.lml-case-mini-gallery {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 10px !important;

  padding: 12px !important;

  background:
    transparent !important;
}


/* Gør dem mere kompakte */

body.lml-case-page
.lml-case-split-block
.lml-case-mini-gallery img {
  width: 100% !important;
  height: 100% !important;

  min-height: 0 !important;
  max-height: 410px !important;

  object-fit: cover !important;

  border-radius: 8px !important;
}


/* Single image i split */

body.lml-case-page
.lml-case-split-block
.lml-case-single-image {
  min-height: 330px !important;

  overflow: hidden !important;

  border-radius: 0 !important;
}

body.lml-case-page
.lml-case-split-block
.lml-case-single-image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 330px !important;

  object-fit: cover !important;

  border-radius: 0 !important;
}


/* =========================================================
   5. SECTION HEADINGS
   Fjern blå nummer-kugler
========================================================= */

body.lml-case-page
.lml-case-section-heading {
  display: block !important;

  margin: 0 0 24px !important;
}

body.lml-case-page
.lml-case-section-heading
> span {
  display: none !important;
}

body.lml-case-page
.lml-case-section-heading h2 {
  margin: 0 !important;

  font-size: 34px !important;
  line-height: 1.2 !important;

  letter-spacing: -0.025em !important;
}


/* =========================================================
   6. CASE CARDS V3
   Image-first
========================================================= */

body.lml-case-page
.lml-case-card-grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 18px !important;

  align-items: stretch !important;
}


/*
  Selv tidligere --four cards bliver 3 kolonner.
  Mere ensartet og mere plads til billeder.
*/

body.lml-case-page
.lml-case-card-grid--four {
  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;
}


/* Card */

body.lml-case-page
.lml-case-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border:
    1px solid var(--lml-case-border) !important;

  border-radius: 11px !important;

  background: #ffffff !important;

  box-shadow:
    0 7px 20px rgba(0, 88, 124, 0.055) !important;
}


/* Fjern gammel blå streg */

body.lml-case-page
.lml-case-card::before {
  content: none !important;
  display: none !important;
}


/* =========================================================
   CARD MEDIA
========================================================= */

body.lml-case-page
.lml-case-card__media {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;

  flex: 0 0 auto !important;

  overflow: hidden !important;

  background: #e6f0f3 !important;

  border-bottom:
    1px solid var(--lml-case-border) !important;
}


body.lml-case-page
.lml-case-card__media img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;

  object-fit: cover !important;
  object-position: center !important;

  border: 0 !important;
  border-radius: 0 !important;

  transition:
    transform .25s ease !important;
}


body.lml-case-page
.lml-case-card__media:hover img {
  transform: scale(1.025) !important;
}


/* =========================================================
   PLACEHOLDER / DUMMY
========================================================= */

body.lml-case-page
.lml-case-card__media--placeholder {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 18px !important;

  background:
    linear-gradient(
      135deg,
      #edf7fa 0%,
      #deedf2 55%,
      #f7fbfc 100%
    ) !important;

  text-align: center !important;
}


/* Dummy icon */

body.lml-case-page
.lml-case-card__media--placeholder::before {
  content: "" !important;

  position: absolute !important;

  top: 50% !important;
  left: 50% !important;

  width: 48px !important;
  height: 35px !important;

  margin-left: -24px !important;
  margin-top: -29px !important;

  border:
    2px solid rgba(0, 88, 124, .20) !important;

  border-radius: 6px !important;

  background:
    linear-gradient(
      145deg,
      transparent 48%,
      rgba(0, 88, 124, .09) 49%,
      rgba(0, 88, 124, .09) 65%,
      transparent 66%
    ) !important;
}


body.lml-case-page
.lml-case-card__placeholder-label {
  position: relative !important;
  z-index: 2 !important;

  display: block !important;

  margin-top: 51px !important;

  color: rgba(0, 88, 124, .58) !important;

  font-size: 10px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;

  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

body.lml-case-page
.lml-case-card__content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;

  padding: 18px 19px 20px !important;
}


body.lml-case-page
.lml-case-card__content h3,
body.lml-case-page
.lml-case-card > h3 {
  color: var(--lml-case-text) !important;

  font-size: 18px !important;
  line-height: 1.25 !important;

  letter-spacing: -.015em !important;
}


body.lml-case-page
.lml-case-card__content h3 {
  margin: 0 0 8px !important;
}


/* Gammel markup uden content wrapper */

body.lml-case-page
.lml-case-card > h3 {
  margin: 0 !important;

  padding:
    18px
    19px
    0 !important;
}


body.lml-case-page
.lml-case-card__content p,
body.lml-case-page
.lml-case-card > p {
  color: var(--lml-case-muted) !important;

  font-size: 14px !important;
  line-height: 1.52 !important;
}


body.lml-case-page
.lml-case-card__content p {
  margin: 0 !important;
}


body.lml-case-page
.lml-case-card > p {
  flex: 1 1 auto !important;

  margin: 0 !important;

  padding:
    8px
    19px
    20px !important;
}


/* =========================================================
   7. LIGHTBOX TRIGGERS
========================================================= */

.lml-lightbox-trigger {
  cursor: zoom-in !important;
}


/* Sliders skal stadig føles som sliders */

.lml-js-slider-ready .lml-lightbox-trigger,
.brand-css-slideshow .lml-lightbox-trigger,
.brand-square-slideshow .lml-lightbox-trigger,
.beco-shop-carousel .lml-lightbox-trigger,
.beco-hero-carousel-main .lml-lightbox-trigger {
  cursor: grab !important;
}


/* =========================================================
   8. LIGHTBOX
========================================================= */

html.lml-lightbox-open,
body.lml-lightbox-open {
  overflow: hidden !important;
}


.lml-lightbox {
  position: fixed !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  z-index: 9999999 !important;

  display: none !important;

  width: 100% !important;
  height: 100vh !important;

  color: #ffffff !important;

  background:
    rgba(3, 16, 23, .96) !important;

  visibility: hidden !important;
  opacity: 0 !important;

  transition:
    opacity .18s ease,
    visibility .18s ease !important;

  touch-action: none !important;
}


.lml-lightbox.is-open {
  display: block !important;

  visibility: visible !important;
  opacity: 1 !important;
}


/* Stage */

.lml-lightbox__stage {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding:
    26px
    86px
    92px !important;

  box-sizing: border-box !important;
}


/* Image */

.lml-lightbox__image {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 100% !important;
  max-height: calc(100vh - 118px) !important;

  margin: 0 !important;

  object-fit: contain !important;
  object-position: center !important;

  border: 0 !important;
  border-radius: 9px !important;

  background:
    rgba(255,255,255,.025) !important;

  box-shadow:
    0 26px 78px rgba(0,0,0,.48) !important;

  opacity: 1 !important;

  user-select: none !important;
  -webkit-user-select: none !important;

  -webkit-user-drag: none !important;

  transition:
    opacity .12s ease !important;
}


.lml-lightbox__image.is-loading {
  opacity: .28 !important;
}


/* Close X */

.lml-lightbox__close {
  position: fixed !important;

  top: 20px !important;
  right: 20px !important;

  z-index: 10000002 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 62px !important;
  height: 62px !important;

  margin: 0 !important;
  padding: 0 !important;

  border:
    1px solid rgba(255,255,255,.38) !important;

  border-radius: 50% !important;

  background:
    rgba(0, 49, 68, .92) !important;

  color: #ffffff !important;

  font-family: Arial, sans-serif !important;

  font-size: 44px !important;
  line-height: 1 !important;
  font-weight: 300 !important;

  cursor: pointer !important;

  box-shadow:
    0 9px 26px rgba(0,0,0,.30) !important;
}


.lml-lightbox__close:hover,
.lml-lightbox__close:focus {
  background: #00587C !important;

  outline: none !important;
}


/* Arrows */

.lml-lightbox__arrow {
  position: fixed !important;

  top: 50% !important;

  z-index: 10000001 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 58px !important;
  height: 72px !important;

  margin: 0 !important;
  padding: 0 !important;

  transform:
    translateY(-50%) !important;

  border:
    1px solid rgba(255,255,255,.25) !important;

  border-radius: 11px !important;

  background:
    rgba(0, 49, 68, .76) !important;

  color: #ffffff !important;

  font-family: Arial, sans-serif !important;

  font-size: 50px !important;
  line-height: 1 !important;

  cursor: pointer !important;
}


.lml-lightbox__arrow:hover,
.lml-lightbox__arrow:focus {
  background: #00587C !important;

  outline: none !important;
}


.lml-lightbox__arrow--prev {
  left: 18px !important;
}


.lml-lightbox__arrow--next {
  right: 18px !important;
}


.lml-lightbox__arrow[hidden] {
  display: none !important;
}


/* Caption */

.lml-lightbox__info {
  position: fixed !important;

  left: 50% !important;
  bottom: 20px !important;

  z-index: 10000001 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  gap: 11px !important;

  width: calc(100% - 48px) !important;
  max-width: 860px !important;

  transform:
    translateX(-50%) !important;
}


.lml-lightbox__caption {
  display: block !important;

  max-width: 720px !important;

  margin: 0 !important;

  padding:
    11px
    16px !important;

  border:
    1px solid rgba(255,255,255,.18) !important;

  border-radius: 9px !important;

  background:
    rgba(0, 49, 68, .90) !important;

  color:
    rgba(255,255,255,.96) !important;

  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;

  box-shadow:
    0 9px 28px rgba(0,0,0,.28) !important;
}


.lml-lightbox__caption:empty {
  display: none !important;
}


/* Counter */

.lml-lightbox__counter {
  flex: 0 0 auto !important;

  padding:
    9px
    12px !important;

  border:
    1px solid rgba(255,255,255,.16) !important;

  border-radius: 999px !important;

  background:
    rgba(0, 49, 68, .78) !important;

  color:
    rgba(255,255,255,.9) !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  white-space: nowrap !important;
}


/* =========================================================
   9. TABLET
========================================================= */

@media (max-width: 1020px) {

  body.lml-case-page
  .lml-case-card-grid,
  body.lml-case-page
  .lml-case-card-grid--four {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }


}


/* =========================================================
   10. INTRO TABLET
========================================================= */

@media (max-width: 900px) {

  body.lml-case-page
  .lml-case-intro-block
  > .lml-case-intro-layout {
    grid-template-columns:
      1fr !important;

    row-gap: 24px !important;
  }

  body.lml-case-page
  .lml-case-intro-layout
  > .lml-case-intro-text,
  body.lml-case-page
  .lml-case-intro-layout
  > .lml-case-facts-stack {
    grid-column: 1 !important;
    grid-row: auto !important;

    max-width: none !important;
  }

}


/* =========================================================
   11. MOBILE
========================================================= */

@media (max-width: 767px) {

  /* Hero typography */

  body.lml-case-page
  .lml-case-hero-split__content h1,
  body.brand-page-custom
  .brand-header-custom h1,
  body.brand-page-custom
  .brand-hero-heading,
  body.brand-page-custom
  .brand-malmsten-hero h2,
  body.lml-eos-page
  .brand-eos-hero-premium h2,
  body.lml-eos-page
  .brand-eos-structure-hero h2 {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }


  body.lml-case-page
  .lml-case-hero-split__content {
    padding:
      22px
      20px
      26px !important;
  }


  /* Triple logo */

  .lml-case-hero-brand-strip--triple {
    width:
      calc(100% + 20px) !important;

    max-width:
      none !important;

    gap:
      10px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--geschwender {
    max-width:
      88px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--malmsten {
    max-width:
      82px !important;
  }

  .lml-case-hero-brand-strip--triple
  .lml-case-hero-logo--rahn {
    max-width:
      68px !important;
  }


  /* Split */

  body.lml-case-page
  .lml-case-split-block
  .lml-case-split {
    grid-template-columns:
      1fr !important;
  }

  body.lml-case-page
  .lml-case-split-block
  .lml-case-split__content {
    padding:
      26px
      21px !important;
  }

  body.lml-case-page
  .lml-case-split__content h2 {
    font-size:
      28px !important;
  }


  /* Cards */

  body.lml-case-page
  .lml-case-card-grid,
  body.lml-case-page
  .lml-case-card-grid--four {
    grid-template-columns:
      1fr !important;
  }



  /* Lightbox */

  .lml-lightbox__stage {
    padding:
      70px
      12px
      104px !important;
  }

  .lml-lightbox__image {
    max-height:
      calc(100vh - 174px) !important;

    border-radius:
      7px !important;
  }

  .lml-lightbox__close {
    top:
      13px !important;

    right:
      13px !important;

    width:
      54px !important;

    height:
      54px !important;

    font-size:
      38px !important;
  }

  .lml-lightbox__arrow {
    top:
      auto !important;

    bottom:
      17px !important;

    width:
      50px !important;

    height:
      50px !important;

    transform:
      none !important;

    border-radius:
      50% !important;

    font-size:
      40px !important;
  }

  .lml-lightbox__arrow--prev {
    left:
      13px !important;
  }

  .lml-lightbox__arrow--next {
    right:
      13px !important;
  }

  .lml-lightbox__info {
    left:
      67px !important;

    right:
      67px !important;

    bottom:
      17px !important;

    width:
      auto !important;

    max-width:
      none !important;

    transform:
      none !important;
  }

  .lml-lightbox__caption {
    width:
      100% !important;

    max-width:
      none !important;

    padding:
      9px
      11px !important;

    font-size:
      12px !important;

    text-align:
      center !important;
  }

  .lml-lightbox__counter {
    display:
      none !important;
  }

}


/* =========================================================
   12. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .lml-lightbox,
  .lml-lightbox__image,
  .lml-case-card__media img {
    transition:
      none !important;
  }

}

/* =========================================================
   LML CHAINBOX INTERACTIVE TUTORIAL V1
   YouTube + chapters + timed HTML overlays
========================================================= */

#lml-chainbox-guide {
  --lml-cbx-dark: #00587C;
  --lml-cbx-dark-2: #004763;
  --lml-cbx-accent: #4797A8;
  --lml-cbx-light: #B6CFD0;
  --lml-cbx-orange: #E35205;
  --lml-cbx-violet: #3D0385;
  --lml-cbx-text: #1d2932;
  --lml-cbx-muted: #66737d;
  --lml-cbx-border: rgba(0, 88, 124, 0.17);

  width: 100%;
  max-width: 1320px;

  margin: 24px 0 72px;

  color: var(--lml-cbx-text);

  font-family: Lato, Arial, sans-serif;
}

#lml-chainbox-guide *,
#lml-chainbox-guide *::before,
#lml-chainbox-guide *::after {
  box-sizing: border-box;
}


/* =========================================================
   INTRO
========================================================= */

#lml-chainbox-guide .lml-chainbox-guide__intro {
  max-width: 900px;

  margin-bottom: 28px;
}

#lml-chainbox-guide .lml-chainbox-guide__eyebrow {
  margin: 0 0 9px;

  color: var(--lml-cbx-accent);

  font-family: Rockwell, "Rockwell Std", Georgia, serif;

  font-size: 13px;
  line-height: 1.2;

  letter-spacing: 0.07em;
  text-transform: uppercase;
}

#lml-chainbox-guide .lml-chainbox-guide__intro h2 {
  margin: 0 0 13px;

  color: var(--lml-cbx-dark);

  font-family: Lato, Arial, sans-serif;

  font-size: clamp(30px, 3.5vw, 44px);
  line-height: 1.08;
  font-weight: 800;

  letter-spacing: -0.025em;
}

#lml-chainbox-guide .lml-chainbox-guide__lead {
  max-width: 860px;

  margin: 0;

  color: #44545e;

  font-size: 17px;
  line-height: 1.65;
}


/* =========================================================
   PLAYER
========================================================= */

#lml-chainbox-guide .lml-chainbox-player {
  width: 100%;
}

#lml-chainbox-guide .lml-chainbox-player__frame {
  position: relative;

  isolation: isolate;

  width: 100%;

  aspect-ratio: 16 / 9;

  overflow: hidden;

  border: 1px solid rgba(0, 88, 124, 0.25);
  border-radius: 14px;

  background: #002f46;

  box-shadow:
    0 18px 42px rgba(0, 88, 124, 0.14);
}


/* =========================================================
   YOUTUBE TARGET / GENERATED IFRAME
========================================================= */

#lml-chainbox-guide #lml-chainbox-youtube-target,
#lml-chainbox-guide .lml-chainbox-player__frame > iframe {
  position: absolute !important;

  inset: 0 !important;

  z-index: 2 !important;

  width: 100% !important;
  height: 100% !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
}


/* =========================================================
   BEFORE PLAYER IS READY
========================================================= */

#lml-chainbox-guide .lml-chainbox-player__placeholder {
  position: absolute;

  inset: 0;

  z-index: 1;

  display: flex;

  flex-direction: column;

  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 30px;

  background:
    radial-gradient(
      circle at 72% 22%,
      rgba(71,151,168,0.45),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      #00587C,
      #003f59
    );

  color: #ffffff;

  text-align: center;

  transition:
    opacity 0.28s ease,
    visibility 0.28s ease;
}

#lml-chainbox-guide.is-player-ready
.lml-chainbox-player__placeholder {
  opacity: 0;
  visibility: hidden;
}

#lml-chainbox-guide .lml-chainbox-player__play {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 64px;
  height: 64px;

  margin-bottom: 5px;

  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 50%;

  background: rgba(255,255,255,0.14);

  font-size: 25px;

  padding-left: 4px;
}

#lml-chainbox-guide .lml-chainbox-player__placeholder strong {
  color: #ffffff;

  font-size: 19px;
  font-weight: 800;
}

#lml-chainbox-guide .lml-chainbox-player__placeholder > span:last-child {
  color: rgba(255,255,255,0.8);

  font-size: 13px;
}


/* =========================================================
   OVERLAY STAGE
========================================================= */

#lml-chainbox-guide .lml-chainbox-overlay-stage {
  position: absolute;

  inset: 0;

  z-index: 5;

  overflow: hidden;

  pointer-events: none;
}


/* =========================================================
   CURRENT CHAPTER
========================================================= */

#lml-chainbox-guide .lml-chainbox-current-chapter {
  position: absolute;

  top: 18px;
  left: 18px;

  display: flex;

  align-items: center;

  gap: 9px;

  max-width: min(500px, calc(100% - 36px));

  min-height: 35px;

  padding: 8px 14px;

  border: 1px solid rgba(255,255,255,0.19);
  border-radius: 999px;

  background: rgba(0, 38, 56, 0.82);

  color: #ffffff;

  box-shadow:
    0 8px 22px rgba(0,0,0,0.17);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

#lml-chainbox-guide .lml-chainbox-current-chapter__dot {
  width: 8px;
  height: 8px;

  flex: 0 0 8px;

  border-radius: 50%;

  background: #7fc8d4;

  box-shadow:
    0 0 0 4px rgba(127,200,212,0.15);
}

#lml-chainbox-guide
.lml-chainbox-current-chapter
.js-lml-chainbox-current-chapter {
  overflow: hidden;

  color: #ffffff;

  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;

  white-space: nowrap;
  text-overflow: ellipsis;
}


/* =========================================================
   TIMED CALLOUT
========================================================= */

#lml-chainbox-guide .lml-chainbox-callout {
  position: absolute;

  z-index: 6;

  width: min(390px, calc(100% - 44px));

  padding: 18px 20px 19px;

  border: 1px solid rgba(182,207,208,0.9);
  border-left: 5px solid var(--lml-cbx-accent);

  border-radius: 10px;

  background: rgba(255,255,255,0.96);

  box-shadow:
    0 17px 38px rgba(0,0,0,0.19);

  opacity: 0;
  visibility: hidden;

  transform:
    translateY(10px)
    scale(0.985);

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    visibility 0.22s ease;
}

#lml-chainbox-guide .lml-chainbox-callout.is-visible {
  opacity: 1;
  visibility: visible;

  transform:
    translateY(0)
    scale(1);
}

#lml-chainbox-guide
.lml-chainbox-callout[data-type="action"] {
  border-left-color: var(--lml-cbx-orange);
}

#lml-chainbox-guide
.lml-chainbox-callout[data-type="note"] {
  border-left-color: var(--lml-cbx-violet);
}


/* ---------- Content ---------- */

#lml-chainbox-guide .lml-chainbox-callout__type {
  display: block;

  margin: 0 0 6px;

  color: var(--lml-cbx-accent);

  font-size: 10px;
  line-height: 1;
  font-weight: 900;

  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#lml-chainbox-guide
.lml-chainbox-callout[data-type="action"]
.lml-chainbox-callout__type {
  color: var(--lml-cbx-orange);
}

#lml-chainbox-guide
.lml-chainbox-callout[data-type="note"]
.lml-chainbox-callout__type {
  color: var(--lml-cbx-violet);
}

#lml-chainbox-guide .lml-chainbox-callout__title {
  display: block;

  margin: 0 0 6px;

  color: var(--lml-cbx-dark);

  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
}

#lml-chainbox-guide .lml-chainbox-callout__text {
  display: block;

  margin: 0;

  color: #35454e;

  font-size: 14px;
  line-height: 1.48;
}

#lml-chainbox-guide .lml-chainbox-callout__timestamp {
  display: block;

  margin-top: 9px;

  color: #76838b;

  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
}


/* =========================================================
   CALLOUT POSITIONS
========================================================= */

#lml-chainbox-guide
.lml-chainbox-callout--top-left {
  top: 72px;
  left: 22px;
}

#lml-chainbox-guide
.lml-chainbox-callout--top-right {
  top: 72px;
  right: 22px;
}

#lml-chainbox-guide
.lml-chainbox-callout--center-left {
  top: 50%;
  left: 22px;

  transform:
    translateY(calc(-50% + 10px))
    scale(0.985);
}

#lml-chainbox-guide
.lml-chainbox-callout--center-left.is-visible {
  transform:
    translateY(-50%)
    scale(1);
}

#lml-chainbox-guide
.lml-chainbox-callout--center-right {
  top: 50%;
  right: 22px;

  transform:
    translateY(calc(-50% + 10px))
    scale(0.985);
}

#lml-chainbox-guide
.lml-chainbox-callout--center-right.is-visible {
  transform:
    translateY(-50%)
    scale(1);
}

#lml-chainbox-guide
.lml-chainbox-callout--bottom-left {
  left: 22px;
  bottom: 78px;
}

#lml-chainbox-guide
.lml-chainbox-callout--bottom-right {
  right: 22px;
  bottom: 78px;
}


/* =========================================================
   CONTROL BAR
========================================================= */

#lml-chainbox-guide .lml-chainbox-controls {
  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

  margin-top: 14px;

  padding: 12px 14px;

  border: 1px solid var(--lml-cbx-border);
  border-radius: 10px;

  background: rgba(182,207,208,0.14);
}

#lml-chainbox-guide .lml-chainbox-controls__time {
  min-width: 126px;

  color: var(--lml-cbx-dark);

  font-size: 13px;
  font-weight: 800;

  font-variant-numeric: tabular-nums;
}

#lml-chainbox-guide .lml-chainbox-controls__slash {
  margin: 0 3px;

  opacity: 0.45;
}

#lml-chainbox-guide .lml-chainbox-controls__modes {
  display: flex;

  align-items: center;

  gap: 5px;

  margin-right: 4px;
}

#lml-chainbox-guide .lml-chainbox-controls__label {
  margin-right: 3px;

  color: var(--lml-cbx-muted);

  font-size: 12px;
  font-weight: 800;
}

#lml-chainbox-guide .lml-chainbox-mode,
#lml-chainbox-guide .lml-chainbox-control-button {
  min-height: 36px;

  padding: 7px 13px;

  border: 1px solid rgba(0,88,124,0.2);
  border-radius: 999px;

  background: #ffffff;

  color: var(--lml-cbx-dark);

  font-family: Lato, Arial, sans-serif;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;

  cursor: pointer;

  transition:
    background 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease;
}

#lml-chainbox-guide .lml-chainbox-mode:hover,
#lml-chainbox-guide .lml-chainbox-control-button:hover {
  border-color: var(--lml-cbx-dark);

  background: var(--lml-cbx-dark);

  color: #ffffff;
}

#lml-chainbox-guide .lml-chainbox-mode.is-active {
  border-color: var(--lml-cbx-dark);

  background: var(--lml-cbx-dark);

  color: #ffffff;
}

#lml-chainbox-guide
.lml-chainbox-control-button--fullscreen {
  margin-left: auto;
}

#lml-chainbox-guide .lml-chainbox-player-status {
  min-height: 18px;

  margin: 8px 2px 0;

  color: #74818a;

  font-size: 11px;
  line-height: 1.4;
}


/* =========================================================
   CHAPTERS
========================================================= */

#lml-chainbox-guide .lml-chainbox-chapters {
  margin-top: 46px;
}

#lml-chainbox-guide .lml-chainbox-chapters__head {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 32px;

  margin-bottom: 20px;
}

#lml-chainbox-guide .lml-chainbox-chapters__head h3 {
  margin: 0;

  color: var(--lml-cbx-dark);

  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
}

#lml-chainbox-guide
.lml-chainbox-chapters__head
> p {
  max-width: 550px;

  margin: 0;

  color: var(--lml-cbx-muted);

  font-size: 14px;
  line-height: 1.5;
}

#lml-chainbox-guide .lml-chainbox-chapters__grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 12px;
}

#lml-chainbox-guide .lml-chainbox-chapter {
  position: relative;

  display: grid;

  grid-template-columns:
    72px
    minmax(0, 1fr)
    30px;

  align-items: center;

  gap: 13px;

  min-width: 0;

  padding: 16px 17px;

  border: 1px solid var(--lml-cbx-border);
  border-radius: 10px;

  background: #ffffff;

  color: inherit !important;

  text-decoration: none !important;

  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

#lml-chainbox-guide .lml-chainbox-chapter:hover {
  transform: translateY(-1px);

  border-color: rgba(71,151,168,0.62);

  box-shadow:
    0 8px 20px rgba(0,88,124,0.07);
}

#lml-chainbox-guide .lml-chainbox-chapter.is-active {
  border-color: rgba(71,151,168,0.72);

  background:
    linear-gradient(
      90deg,
      rgba(182,207,208,0.28),
      #ffffff
    );

  box-shadow:
    inset 4px 0 0 var(--lml-cbx-accent);
}

#lml-chainbox-guide .lml-chainbox-chapter__time {
  color: var(--lml-cbx-accent);

  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;

  font-variant-numeric: tabular-nums;
}

#lml-chainbox-guide .lml-chainbox-chapter__body {
  min-width: 0;
}

#lml-chainbox-guide .lml-chainbox-chapter__body strong {
  display: block;

  margin-bottom: 3px;

  color: var(--lml-cbx-dark);

  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
}

#lml-chainbox-guide .lml-chainbox-chapter__body > span {
  display: block;

  color: #65737c;

  font-size: 12px;
  line-height: 1.4;
}

#lml-chainbox-guide .lml-chainbox-chapter__arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  border-radius: 50%;

  background: rgba(182,207,208,0.24);

  color: var(--lml-cbx-dark);

  font-size: 18px;
  line-height: 1;
}


/* =========================================================
   HELP
========================================================= */

#lml-chainbox-guide .lml-chainbox-guide__help {
  margin-top: 24px;

  padding: 17px 20px;

  border-left: 4px solid var(--lml-cbx-accent);
  border-radius: 8px;

  background:
    linear-gradient(
      90deg,
      rgba(182,207,208,0.22),
      rgba(182,207,208,0.07)
    );
}

#lml-chainbox-guide .lml-chainbox-guide__help strong {
  display: block;

  margin-bottom: 4px;

  color: var(--lml-cbx-dark);

  font-size: 14px;
}

#lml-chainbox-guide .lml-chainbox-guide__help p {
  margin: 0;

  color: #53616a;

  font-size: 13px;
  line-height: 1.5;
}


/* =========================================================
   FULLSCREEN
========================================================= */

#lml-chainbox-guide
.lml-chainbox-player__frame:fullscreen,
#lml-chainbox-guide
.lml-chainbox-player__frame:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;

  aspect-ratio: auto;

  border: 0;
  border-radius: 0;

  background: #000000;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  #lml-chainbox-guide
  .lml-chainbox-chapters__grid {
    grid-template-columns: 1fr;
  }

  #lml-chainbox-guide
  .lml-chainbox-chapters__head {
    display: block;
  }

  #lml-chainbox-guide
  .lml-chainbox-chapters__head > p {
    margin-top: 8px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  #lml-chainbox-guide {
    margin-top: 16px;
    margin-bottom: 48px;
  }


  #lml-chainbox-guide
  .lml-chainbox-guide__intro h2 {
    font-size: 27px;
  }


  #lml-chainbox-guide
  .lml-chainbox-guide__lead {
    font-size: 15px;
  }


  #lml-chainbox-guide
  .lml-chainbox-player__frame {
    border-radius: 9px;
  }


  #lml-chainbox-guide
  .lml-chainbox-current-chapter {
    top: 8px;
    left: 8px;

    max-width: calc(100% - 16px);

    min-height: 27px;

    padding: 5px 9px;
  }


  #lml-chainbox-guide
  .lml-chainbox-current-chapter
  .js-lml-chainbox-current-chapter {
    font-size: 9px;
  }


  /*
    På mobil tvinges alle overlays ned i ét kompakt område.
  */

  #lml-chainbox-guide
  .lml-chainbox-callout,
  #lml-chainbox-guide
  .lml-chainbox-callout--top-left,
  #lml-chainbox-guide
  .lml-chainbox-callout--top-right,
  #lml-chainbox-guide
  .lml-chainbox-callout--center-left,
  #lml-chainbox-guide
  .lml-chainbox-callout--center-right,
  #lml-chainbox-guide
  .lml-chainbox-callout--bottom-left,
  #lml-chainbox-guide
  .lml-chainbox-callout--bottom-right {

    top: auto;
    right: 10px;
    bottom: 48px;
    left: 10px;

    width: auto;

    padding: 10px 12px 11px;

    border-radius: 7px;

    transform:
      translateY(8px)
      scale(0.99);
  }


  #lml-chainbox-guide
  .lml-chainbox-callout.is-visible,
  #lml-chainbox-guide
  .lml-chainbox-callout--center-left.is-visible,
  #lml-chainbox-guide
  .lml-chainbox-callout--center-right.is-visible {

    transform:
      translateY(0)
      scale(1);
  }


  #lml-chainbox-guide
  .lml-chainbox-callout__type {
    margin-bottom: 3px;

    font-size: 8px;
  }


  #lml-chainbox-guide
  .lml-chainbox-callout__title {
    margin-bottom: 3px;

    font-size: 12px;
  }


  #lml-chainbox-guide
  .lml-chainbox-callout__text {
    font-size: 10.5px;
    line-height: 1.35;
  }


  #lml-chainbox-guide
  .lml-chainbox-callout__timestamp {
    display: none;
  }


  #lml-chainbox-guide
  .lml-chainbox-controls {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      auto;

    gap: 8px;
  }


  #lml-chainbox-guide
  .lml-chainbox-controls__time {
    min-width: 0;
  }


  #lml-chainbox-guide
  .lml-chainbox-controls__modes {
    justify-self: end;
  }


  #lml-chainbox-guide
  .lml-chainbox-controls__label {
    display: none;
  }


  #lml-chainbox-guide
  .lml-chainbox-control-button {
    width: 100%;
  }


  #lml-chainbox-guide
  .lml-chainbox-control-button--fullscreen {
    margin-left: 0;
  }


  #lml-chainbox-guide
  .lml-chainbox-chapter {
    grid-template-columns:
      60px
      minmax(0, 1fr)
      27px;

    padding: 13px;
  }


  #lml-chainbox-guide
  .lml-chainbox-chapter__body strong {
    font-size: 14px;
  }


  #lml-chainbox-guide
  .lml-chainbox-chapter__body > span {
    font-size: 11px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  #lml-chainbox-guide *,
  #lml-chainbox-guide *::before,
  #lml-chainbox-guide *::after {
    animation: none !important;
    transition: none !important;
  }

}

/* =========================================================
   LML KATALOGSIDE V1
   Hero + horisontale katalograils + dynamiske edge cues
   + fullscreen PDF viewer
   Scoped to #lml-catalog-page / .lml-catalog-viewer
========================================================= */

#lml-catalog-page {
  --lml-cat-primary: #00587C;
  --lml-cat-primary-dark: #004763;
  --lml-cat-accent: #4797A8;
  --lml-cat-light: #B6CFD0;
  --lml-cat-text: #17232b;
  --lml-cat-muted: #66747d;
  --lml-cat-border: rgba(0, 88, 124, 0.14);
  --lml-cat-card-width: clamp(248px, 20.5vw, 292px);
  --lml-cat-gap: 18px;

  width: 100%;
  margin: 10px 0 82px;
  color: var(--lml-cat-text);
  font-family: Lato, Arial, sans-serif;
}

#lml-catalog-page *,
#lml-catalog-page *::before,
#lml-catalog-page *::after,
.lml-catalog-viewer *,
.lml-catalog-viewer *::before,
.lml-catalog-viewer *::after {
  box-sizing: border-box;
}

#lml-catalog-page a {
  text-decoration: none;
}

#lml-catalog-page .lml-catalog-eyebrow {
  margin: 0 0 9px;
  color: var(--lml-cat-accent);
  font-family: Rockwell, "Rockwell Std", Georgia, serif;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

/* =========================================================
   HERO
========================================================= */

#lml-catalog-page .lml-catalog-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: clamp(34px, 5vw, 74px);
  align-items: center;
  min-height: 460px;
  padding: clamp(42px, 5vw, 68px);
  overflow: hidden;
  border: 1px solid var(--lml-cat-border);
  border-radius: 28px;
  background:
    radial-gradient(circle at 88% 8%, rgba(71, 151, 168, 0.24) 0, rgba(71, 151, 168, 0) 34%),
    radial-gradient(circle at 6% 100%, rgba(182, 207, 208, 0.32) 0, rgba(182, 207, 208, 0) 37%),
    linear-gradient(135deg, #ffffff 0%, #f6fafb 55%, #edf5f7 100%);
  box-shadow: 0 18px 48px rgba(0, 88, 124, 0.075);
}

#lml-catalog-page .lml-catalog-hero::after {
  content: "";
  position: absolute;
  right: -78px;
  bottom: -90px;
  width: 330px;
  height: 330px;
  border: 52px solid rgba(71, 151, 168, 0.055);
  border-radius: 50%;
  pointer-events: none;
}

#lml-catalog-page .lml-catalog-hero__content {
  position: relative;
  z-index: 2;
  max-width: 760px;
}

#lml-catalog-page .lml-catalog-hero h1 {
  margin: 0 0 18px;
  color: var(--lml-cat-primary);
  font-family: Lato, Arial, sans-serif;
  font-size: clamp(38px, 4.8vw, 66px);
  line-height: 0.99;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

#lml-catalog-page .lml-catalog-hero__lead {
  max-width: 700px;
  margin: 0;
  color: #334650;
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.68;
}

#lml-catalog-page .lml-catalog-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  margin-top: 30px;
}

#lml-catalog-page .lml-catalog-jump__label {
  margin-right: 2px;
  color: #51626c;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.025em;
}

#lml-catalog-page .lml-catalog-jump a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid rgba(0, 88, 124, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--lml-cat-primary);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
  box-shadow: 0 5px 14px rgba(0, 88, 124, 0.035);
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

#lml-catalog-page .lml-catalog-jump a:hover,
#lml-catalog-page .lml-catalog-jump a:focus-visible {
  border-color: rgba(0, 88, 124, 0.38);
  background: #ffffff;
  transform: translateY(-1px);
  outline: none;
}

#lml-catalog-page .lml-catalog-hero__visual {
  position: relative;
  z-index: 1;
  min-height: 360px;
}

#lml-catalog-page .lml-catalog-hero__cover {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: clamp(185px, 16vw, 242px);
  height: clamp(260px, 23vw, 342px);
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(0, 88, 124, 0.13);
  border-radius: 15px;
  background: #ffffff;
  box-shadow: 0 24px 52px rgba(0, 55, 78, 0.16);
  transform-origin: 50% 88%;
}

#lml-catalog-page .lml-catalog-hero__cover img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  border-radius: 8px;
  background: #f4f7f8;
}

#lml-catalog-page .lml-catalog-hero__cover--back {
  z-index: 1;
  transform: translate(-22%, -49%) rotate(11deg) scale(.92);
  opacity: .68;
}

#lml-catalog-page .lml-catalog-hero__cover--middle {
  z-index: 2;
  transform: translate(-75%, -51%) rotate(-8deg) scale(.96);
  opacity: .88;
}

#lml-catalog-page .lml-catalog-hero__cover--front {
  z-index: 3;
  transform: translate(-52%, -52%) rotate(1deg);
}

/* =========================================================
   INTRO NOTE
========================================================= */

#lml-catalog-page .lml-catalog-intro-note {
  display: flex;
  gap: 14px;
  align-items: center;
  max-width: 930px;
  margin: 24px 0 18px;
  padding: 14px 17px;
  border-left: 3px solid var(--lml-cat-accent);
  border-radius: 0 10px 10px 0;
  background: linear-gradient(90deg, rgba(182, 207, 208, .22), rgba(182, 207, 208, .06));
}

#lml-catalog-page .lml-catalog-intro-note__icon {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--lml-cat-primary);
  font-size: 20px;
  box-shadow: 0 4px 12px rgba(0, 88, 124, .08);
}

#lml-catalog-page .lml-catalog-intro-note p {
  margin: 0;
  color: #42545f;
  font-size: 14px;
  line-height: 1.55;
}

/* =========================================================
   SECTION
========================================================= */

#lml-catalog-page .lml-catalog-section {
  position: relative;
  padding: 58px 0 60px;
  scroll-margin-top: 130px;
}

#lml-catalog-page .lml-catalog-section + .lml-catalog-section {
  border-top: 1px solid rgba(0, 88, 124, 0.09);
}

#lml-catalog-page .lml-catalog-section__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 24px;
}

#lml-catalog-page .lml-catalog-section__heading > div {
  max-width: 860px;
}

#lml-catalog-page .lml-catalog-section__heading h2 {
  margin: 0 0 10px;
  color: var(--lml-cat-primary);
  font-family: Lato, Arial, sans-serif;
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.035em;
}

#lml-catalog-page .lml-catalog-section__heading p:not(.lml-catalog-eyebrow) {
  max-width: 800px;
  margin: 0;
  color: #51626c;
  font-size: 16px;
  line-height: 1.65;
}

#lml-catalog-page .lml-catalog-section__hint {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(0, 88, 124, 0.12);
  border-radius: 999px;
  background: #f7fafb;
  color: #6c7a82;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .025em;
}

/* =========================================================
   RAIL
========================================================= */

#lml-catalog-page .lml-catalog-rail-shell {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#lml-catalog-page .lml-catalog-rail-shell::before,
#lml-catalog-page .lml-catalog-rail-shell::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 25px;
  z-index: 4;
  width: clamp(52px, 6vw, 92px);
  pointer-events: none;
  opacity: 0;
  transition: opacity .25s ease;
}

#lml-catalog-page .lml-catalog-rail-shell::before {
  left: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.82) 36%, rgba(255,255,255,0) 100%);
}

#lml-catalog-page .lml-catalog-rail-shell::after {
  right: 0;
  background: linear-gradient(270deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.82) 36%, rgba(255,255,255,0) 100%);
}

#lml-catalog-page .lml-catalog-rail-shell.can-scroll-left::before,
#lml-catalog-page .lml-catalog-rail-shell.can-scroll-right::after {
  opacity: 1;
}

#lml-catalog-page .lml-catalog-rail {
  display: flex;
  gap: var(--lml-cat-gap);
  width: 100%;
  margin: 0;
  padding: 7px clamp(74px, 8vw, 124px) 24px 2px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 2px;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
}

#lml-catalog-page .lml-catalog-rail::-webkit-scrollbar {
  display: none;
}

#lml-catalog-page .lml-catalog-rail:focus-visible {
  outline: 2px solid rgba(71, 151, 168, .62);
  outline-offset: 4px;
  border-radius: 12px;
}

/* =========================================================
   CARD
========================================================= */

#lml-catalog-page .lml-catalog-card {
  flex: 0 0 var(--lml-cat-card-width);
  width: var(--lml-cat-card-width);
  display: flex;
  flex-direction: column;
  min-width: 0;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  overflow: hidden;
  border: 1px solid rgba(0, 88, 124, 0.13);
  border-radius: 17px;
  background: #ffffff;
  color: var(--lml-cat-text);
  box-shadow: 0 11px 30px rgba(0, 63, 88, 0.065);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

#lml-catalog-page .lml-catalog-card:hover,
#lml-catalog-page .lml-catalog-card:focus-visible {
  border-color: rgba(0, 88, 124, 0.28);
  box-shadow: 0 17px 38px rgba(0, 63, 88, 0.11);
  transform: translateY(-3px);
  outline: none;
}

#lml-catalog-page .lml-catalog-card__media {
  position: relative;
  display: grid;
  place-items: center;
  height: 326px;
  padding: 18px;
  overflow: hidden;
  background:
    linear-gradient(180deg, #f7f9fa 0%, #f1f5f6 100%);
  border-bottom: 1px solid rgba(0, 88, 124, 0.09);
}

#lml-catalog-page .lml-catalog-card__media::after {
  content: "PDF";
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(0, 88, 124, .88);
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow: 0 5px 12px rgba(0, 88, 124, .16);
}

#lml-catalog-page .lml-catalog-card__media img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 9px 12px rgba(0, 0, 0, .075));
  transition: transform .3s ease;
}

#lml-catalog-page .lml-catalog-card:hover .lml-catalog-card__media img,
#lml-catalog-page .lml-catalog-card:focus-visible .lml-catalog-card__media img {
  transform: scale(1.018);
}

#lml-catalog-page .lml-catalog-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 142px;
  padding: 18px 18px 17px;
}

#lml-catalog-page .lml-catalog-card__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--lml-cat-accent);
  font-family: Rockwell, "Rockwell Std", Georgia, serif;
  font-size: 10.5px;
  line-height: 1.25;
  letter-spacing: .055em;
  text-transform: uppercase;
}

#lml-catalog-page .lml-catalog-card__body strong {
  display: block;
  color: #1b2c35;
  font-size: 17px;
  line-height: 1.28;
  font-weight: 800;
}

#lml-catalog-page .lml-catalog-card__action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: auto;
  padding-top: 15px;
  color: var(--lml-cat-primary);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
}

#lml-catalog-page .lml-catalog-card__action span {
  display: inline-block;
  transition: transform .2s ease;
}

#lml-catalog-page .lml-catalog-card:hover .lml-catalog-card__action span,
#lml-catalog-page .lml-catalog-card:focus-visible .lml-catalog-card__action span {
  transform: translateX(3px);
}

/* =========================================================
   ARROWS - injected by JS
========================================================= */

#lml-catalog-page .lml-catalog-arrow {
  position: absolute;
  top: 44%;
  z-index: 7;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0 0 3px;
  border: 1px solid rgba(0, 88, 124, .15);
  border-radius: 50%;
  background: rgba(255, 255, 255, .96);
  color: var(--lml-cat-primary);
  box-shadow: 0 9px 22px rgba(0, 63, 88, .14);
  font-family: Arial, sans-serif;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%) scale(.92);
  transition: opacity .2s ease, transform .2s ease, background-color .2s ease;
}

#lml-catalog-page .lml-catalog-arrow--prev {
  left: 10px;
}

#lml-catalog-page .lml-catalog-arrow--next {
  right: 10px;
}

#lml-catalog-page .lml-catalog-rail-shell.can-scroll-left .lml-catalog-arrow--prev,
#lml-catalog-page .lml-catalog-rail-shell.can-scroll-right .lml-catalog-arrow--next {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) scale(1);
}

#lml-catalog-page .lml-catalog-arrow:hover,
#lml-catalog-page .lml-catalog-arrow:focus-visible {
  background: var(--lml-cat-primary);
  color: #ffffff;
  outline: none;
}

/* =========================================================
   PROGRESS - injected by JS
========================================================= */

#lml-catalog-page .lml-catalog-progress {
  position: relative;
  width: min(250px, 36vw);
  height: 3px;
  margin: 0 0 0 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(0, 88, 124, .10);
  transition: opacity .2s ease;
}

#lml-catalog-page .lml-catalog-progress span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--lml-cat-accent);
  transform: translateX(0);
  will-change: transform;
}

#lml-catalog-page .lml-catalog-rail-shell.is-static + .lml-catalog-progress {
  opacity: 0;
}

/* =========================================================
   BOTTOM CTA
========================================================= */

#lml-catalog-page .lml-catalog-bottom-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 34px;
  align-items: center;
  margin-top: 18px;
  padding: clamp(30px, 4vw, 46px);
  border: 1px solid rgba(0, 88, 124, .16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(71, 151, 168, .18), rgba(71, 151, 168, 0) 42%),
    #f5f9fa;
}

#lml-catalog-page .lml-catalog-bottom-cta h2 {
  max-width: 830px;
  margin: 0 0 10px;
  color: var(--lml-cat-primary);
  font-size: clamp(27px, 2.6vw, 38px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -.03em;
}

#lml-catalog-page .lml-catalog-bottom-cta p:not(.lml-catalog-eyebrow) {
  max-width: 780px;
  margin: 0;
  color: #51626c;
  font-size: 15px;
  line-height: 1.6;
}

#lml-catalog-page .lml-catalog-bottom-cta__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 13px 20px;
  border-radius: 8px;
  background: var(--lml-cat-primary);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 9px 22px rgba(0, 88, 124, .18);
  transition: background-color .2s ease, transform .2s ease;
}

#lml-catalog-page .lml-catalog-bottom-cta__button:hover,
#lml-catalog-page .lml-catalog-bottom-cta__button:focus-visible {
  background: var(--lml-cat-primary-dark);
  transform: translateY(-1px);
  outline: none;
}

/* =========================================================
   LML KARRIERE - REKRUTTERINGSSTATUS
========================================================= */

#lml-catalog-page .lml-career-status {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 0 22px;
  padding: clamp(30px, 4vw, 48px);

  border-radius: 18px;

  background:
    radial-gradient(
      circle at 92% 15%,
      rgba(255, 255, 255, .12),
      transparent 32%
    ),
    linear-gradient(
      125deg,
      #00587C 0%,
      #004763 100%
    );

  color: #ffffff;

  box-shadow:
    0 14px 34px rgba(0, 63, 88, .12);
}


/* Subtilt LML-inspireret baggrundselement */

#lml-catalog-page .lml-career-status::after {
  content: "";
  position: absolute;
  z-index: -1;

  width: 330px;
  height: 330px;

  right: -115px;
  top: -150px;

  border: 42px solid rgba(255, 255, 255, .055);
  border-radius: 50%;

  pointer-events: none;
}


/* Statuslinjen øverst */

#lml-catalog-page .lml-career-status__meta {
  display: flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 28px;

  color: rgba(255, 255, 255, .76);

  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* Lille statusindikator */

#lml-catalog-page .lml-career-status__dot {
  width: 8px;
  height: 8px;

  flex: 0 0 8px;

  border-radius: 50%;
  background: #B6CFD0;

  box-shadow:
    0 0 0 4px rgba(182, 207, 208, .12);
}


/* Eyebrow */

#lml-catalog-page .lml-career-status__eyebrow {
  margin: 0 0 8px;

  color: #B6CFD0;

  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}


/* Overskrift */

#lml-catalog-page .lml-career-status h2 {
  max-width: 900px;

  margin: 0 0 12px;

  color: #ffffff;

  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.035em;
}


/* Brødtekst */

#lml-catalog-page .lml-career-status__content > p:last-child {
  max-width: 820px;

  margin: 0;

  color: rgba(255, 255, 255, .82);

  font-size: 15px;
  line-height: 1.65;
}


/* =========================================================
   LEDIG STILLING
   Klar til senere brug
========================================================= */

#lml-catalog-page .lml-career-status--open .lml-career-status__dot {
  background: #ffffff;

  box-shadow:
    0 0 0 4px rgba(255, 255, 255, .14);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  #lml-catalog-page .lml-career-status {
    margin-bottom: 18px;
    padding: 28px 22px 30px;
    border-radius: 14px;
  }

  #lml-catalog-page .lml-career-status__meta {
    margin-bottom: 22px;
  }

  #lml-catalog-page .lml-career-status h2 {
    font-size: 30px;
  }

  #lml-catalog-page .lml-career-status__content > p:last-child {
    font-size: 14px;
  }

  #lml-catalog-page .lml-career-status::after {
    width: 240px;
    height: 240px;
    right: -105px;
    top: -115px;
    border-width: 32px;
  }

}

/* =========================================================
   PDF VIEWER
========================================================= */

body.lml-catalog-viewer-open {
  overflow: hidden !important;
}

.lml-catalog-viewer {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(10px, 2vw, 28px);
  background: rgba(8, 22, 31, .80);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: Lato, Arial, sans-serif;
}

.lml-catalog-viewer.is-open {
  display: flex;
}

.lml-catalog-viewer__panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(1520px, 96vw);
  height: min(930px, 94vh);
  height: min(930px, 94dvh);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 18px;
  background: #f3f6f7;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .35);
}

.lml-catalog-viewer__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 70px;
  padding: 12px 14px 12px 20px;
  border-bottom: 1px solid rgba(0, 88, 124, .12);
  background: #ffffff;
}

.lml-catalog-viewer__title-wrap {
  min-width: 0;
}

.lml-catalog-viewer__brand {
  display: block;
  margin-bottom: 3px;
  color: #4797A8;
  font-family: Rockwell, "Rockwell Std", Georgia, serif;
  font-size: 10.5px;
  line-height: 1.2;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.lml-catalog-viewer__title {
  display: block;
  overflow: hidden;
  color: #17313e;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lml-catalog-viewer__actions {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  align-items: center;
}

.lml-catalog-viewer__link,
.lml-catalog-viewer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid rgba(0, 88, 124, .15);
  border-radius: 8px;
  background: #ffffff;
  color: #00587C;
  font-family: Lato, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none !important;
  cursor: pointer;
}

.lml-catalog-viewer__link {
  padding: 0 13px;
}

.lml-catalog-viewer__link--primary {
  border-color: #00587C;
  background: #00587C;
  color: #ffffff !important;
}

.lml-catalog-viewer__close {
  width: 42px;
  padding: 0 0 3px;
  font-size: 27px;
}

.lml-catalog-viewer__link:hover,
.lml-catalog-viewer__link:focus-visible,
.lml-catalog-viewer__close:hover,
.lml-catalog-viewer__close:focus-visible {
  border-color: #4797A8;
  outline: none;
}

.lml-catalog-viewer__body {
  position: relative;
  min-height: 0;
  background: #dfe5e8;
}

.lml-catalog-viewer__frame {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #ffffff;
}

.lml-catalog-viewer__fallback {
  display: none;
  width: 100%;
  height: 100%;
  place-items: center;
  padding: 34px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 20%, rgba(71, 151, 168, .16), rgba(71, 151, 168, 0) 43%),
    #eef3f5;
}

.lml-catalog-viewer__fallback.is-visible {
  display: grid;
}

.lml-catalog-viewer__fallback-card {
  max-width: 590px;
  padding: 34px;
  border: 1px solid rgba(0, 88, 124, .14);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(0, 63, 88, .08);
}

.lml-catalog-viewer__fallback-card strong {
  display: block;
  margin-bottom: 9px;
  color: #00587C;
  font-size: 22px;
  line-height: 1.2;
}

.lml-catalog-viewer__fallback-card p {
  margin: 0;
  color: #5b6a73;
  font-size: 14px;
  line-height: 1.6;
}

.lml-catalog-viewer__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 14px;
  border-top: 1px solid rgba(0, 88, 124, .10);
  background: #ffffff;
  color: #738089;
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {
  #lml-catalog-page {
    --lml-cat-card-width: 248px;
  }

  #lml-catalog-page .lml-catalog-hero {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
    min-height: 420px;
    padding: 38px 34px;
    border-radius: 22px;
  }

  #lml-catalog-page .lml-catalog-hero h1 {
    font-size: clamp(36px, 6vw, 52px);
  }

  #lml-catalog-page .lml-catalog-hero__visual {
    min-height: 310px;
  }

  #lml-catalog-page .lml-catalog-hero__cover {
    width: 185px;
    height: 272px;
  }

  #lml-catalog-page .lml-catalog-card__media {
    height: 300px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {
  #lml-catalog-page {
    --lml-cat-card-width: min(78vw, 286px);
    --lml-cat-gap: 14px;
    margin-top: 4px;
    margin-bottom: 56px;
  }

  #lml-catalog-page .lml-catalog-hero {
    display: block;
    min-height: 0;
    padding: 30px 22px 26px;
    border-radius: 17px;
  }

  #lml-catalog-page .lml-catalog-hero::after {
    right: -140px;
    bottom: -165px;
  }

  #lml-catalog-page .lml-catalog-hero h1 {
    margin-bottom: 14px;
    font-size: clamp(34px, 10vw, 44px);
    line-height: 1.01;
  }

  #lml-catalog-page .lml-catalog-hero__lead {
    font-size: 16px;
    line-height: 1.58;
  }

  #lml-catalog-page .lml-catalog-jump {
    gap: 7px;
    margin-top: 22px;
  }

  #lml-catalog-page .lml-catalog-jump__label {
    flex: 0 0 100%;
    margin-bottom: 1px;
  }

  #lml-catalog-page .lml-catalog-jump a {
    min-height: 36px;
    padding: 8px 11px;
    font-size: 12px;
  }

  #lml-catalog-page .lml-catalog-hero__visual {
    height: 220px;
    min-height: 0;
    margin-top: 24px;
  }

  #lml-catalog-page .lml-catalog-hero__cover {
    width: 132px;
    height: 188px;
    padding: 6px;
    border-radius: 10px;
  }

  #lml-catalog-page .lml-catalog-hero__cover--back {
    transform: translate(-15%, -50%) rotate(10deg) scale(.90);
  }

  #lml-catalog-page .lml-catalog-hero__cover--middle {
    transform: translate(-86%, -49%) rotate(-8deg) scale(.94);
  }

  #lml-catalog-page .lml-catalog-hero__cover--front {
    transform: translate(-54%, -51%) rotate(1deg);
  }

  #lml-catalog-page .lml-catalog-intro-note {
    align-items: flex-start;
    margin: 17px 0 6px;
    padding: 12px 13px;
  }

  #lml-catalog-page .lml-catalog-intro-note__icon {
    width: 30px;
    height: 30px;
    font-size: 17px;
  }

  #lml-catalog-page .lml-catalog-intro-note p {
    font-size: 12.5px;
  }

  #lml-catalog-page .lml-catalog-section {
    padding: 43px 0 46px;
    scroll-margin-top: 92px;
  }

  #lml-catalog-page .lml-catalog-section__heading {
    display: block;
    margin-bottom: 17px;
  }

  #lml-catalog-page .lml-catalog-section__heading h2 {
    margin-bottom: 8px;
    font-size: 31px;
  }

  #lml-catalog-page .lml-catalog-section__heading p:not(.lml-catalog-eyebrow) {
    font-size: 14px;
    line-height: 1.55;
  }

  #lml-catalog-page .lml-catalog-section__hint {
    margin-top: 12px;
    min-height: 29px;
    padding: 6px 9px;
    font-size: 10px;
  }

  #lml-catalog-page .lml-catalog-rail {
    padding: 5px 72px 18px 1px;
  }

  #lml-catalog-page .lml-catalog-rail-shell::before,
  #lml-catalog-page .lml-catalog-rail-shell::after {
    bottom: 18px;
    width: 54px;
  }

  #lml-catalog-page .lml-catalog-card {
    border-radius: 14px;
  }

  #lml-catalog-page .lml-catalog-card__media {
    height: 286px;
    padding: 15px;
  }

  #lml-catalog-page .lml-catalog-card__body {
    min-height: 132px;
    padding: 16px 16px 15px;
  }

  #lml-catalog-page .lml-catalog-card__body strong {
    font-size: 16px;
  }

  #lml-catalog-page .lml-catalog-arrow {
    top: 42%;
    width: 39px;
    height: 39px;
    font-size: 29px;
  }

  #lml-catalog-page .lml-catalog-arrow--prev {
    left: 6px;
  }

  #lml-catalog-page .lml-catalog-arrow--next {
    right: 6px;
  }

  #lml-catalog-page .lml-catalog-progress {
    width: 132px;
  }

  #lml-catalog-page .lml-catalog-bottom-cta {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 4px;
    padding: 26px 22px;
    border-radius: 16px;
  }

  #lml-catalog-page .lml-catalog-bottom-cta h2 {
    font-size: 28px;
  }

  #lml-catalog-page .lml-catalog-bottom-cta__button {
    width: 100%;
    justify-content: center;
  }

  .lml-catalog-viewer {
    padding: 0;
  }

  .lml-catalog-viewer__panel {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .lml-catalog-viewer__bar {
    align-items: flex-start;
    min-height: 0;
    padding: 11px 10px 10px 13px;
  }

  .lml-catalog-viewer__brand {
    font-size: 9px;
  }

  .lml-catalog-viewer__title {
    max-width: 44vw;
    font-size: 13px;
  }

  .lml-catalog-viewer__actions {
    gap: 5px;
  }

  .lml-catalog-viewer__link,
  .lml-catalog-viewer__close {
    min-height: 38px;
    border-radius: 7px;
  }

  .lml-catalog-viewer__link {
    padding: 0 9px;
    font-size: 10px;
  }

  .lml-catalog-viewer__link--download {
    display: none;
  }

  .lml-catalog-viewer__close {
    width: 38px;
    font-size: 24px;
  }

  .lml-catalog-viewer__footer {
    min-height: 30px;
    font-size: 10px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  #lml-catalog-page *,
  #lml-catalog-page *::before,
  #lml-catalog-page *::after,
  .lml-catalog-viewer *,
  .lml-catalog-viewer *::before,
  .lml-catalog-viewer *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   LML KATALOGSIDE V1.2 - FINAL OVERRIDES

   Indeholder:
   - skjul Umbraco-sidetitel
   - korrekt stacking under header/breadcrumb
   - Lato-eyebrows
   - fjern PDF-badge
   - fjern intro-instruktion
   - tydelig blå progress-oval
========================================================= */


/* =========================================================
   1. SKJUL STANDARD UMBRACO-SIDETITEL
   "Katalog oversigt"
========================================================= */

body.lml-catalog-page-active
main > .uk-container.uk-container-large.uk-margin-large-bottom.uk-margin-medium-top {
  display: none !important;
}


/* =========================================================
   2. KATALOGINDHOLD SKAL ALTID LIGGE UNDER HEADEREN

   isolation holder alle lokale z-index værdier inde i
   katalogsiden, så hero, cards, fades osv. ikke kan
   tegne oven på navigationen.
========================================================= */

body.lml-catalog-page-active main {
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate !important;
}

body.lml-catalog-page-active #lml-catalog-page {
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate !important;
}


/* Sticky hovedmenu */
body.lml-catalog-page-active #header {
  z-index: 10000 !important;
}

body.lml-catalog-page-active .cbx-navbar-sticky,
body.lml-catalog-page-active .uk-sticky-fixed {
  z-index: 10020 !important;
}


/* Breadcrumb skal også ligge over sideindholdet */
body.lml-catalog-page-active .breadcrumb {
  position: relative !important;
  z-index: 10010 !important;
  background: #ffffff !important;
  isolation: isolate !important;
}


/* =========================================================
   3. EYEBROWS - LATO BLACK
========================================================= */

body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-eyebrow,

body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-card__eyebrow {
  font-family: Lato, Arial, sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}


/* Hero + sektions-eyebrows */
body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-eyebrow {
  font-size: 12px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.085em !important;
  color: #4797A8 !important;
}


/* De mindre labels inde i katalogkortene */
body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-card__eyebrow {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.065em !important;
  color: #4797A8 !important;
}


/* =========================================================
   4. FJERN PDF-BADGET

   Badget kommer fra ::after i den oprindelige CSS,
   derfor skal der ikke slettes noget i HTML.
========================================================= */

body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-card__media::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   5. FJERN "SCROLL, SWIPE ELLER BRUG PILENE"-TILEN

   Safety override - vi sletter også selve HTML'en nedenfor.
========================================================= */

body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-intro-note {
  display: none !important;
}


/* =========================================================
   6. PROGRESS LINE + BLÅ OVAL

   JS flytter ovalen fra venstre mod højre.
========================================================= */

body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-progress {
  position: relative !important;
  height: 4px !important;
  overflow: visible !important;
  border-radius: 999px !important;

  background: rgba(182, 207, 208, 0.72) !important;
}


body.lml-catalog-page-active
#lml-catalog-page .lml-catalog-progress > span {
  top: -2px !important;

  height: 8px !important;

  border-radius: 999px !important;
  background: #4797A8 !important;

  box-shadow:
    0 2px 7px rgba(0, 88, 124, 0.18) !important;

  will-change: transform !important;

  transition:
    width 0.22s ease,
    transform 0.22s ease !important;
}

/* =========================================================
   KATALOGSIDE – KOMPAKT HERO
   Bevarer den oprindelige komposition, men reducerer højden
========================================================= */

body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr) !important;
  gap: clamp(28px, 4vw, 58px) !important;

  min-height: 385px !important;
  padding: clamp(34px, 3.8vw, 48px) !important;
}


/* Overskrift – stadig bred og markant */
body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero h1 {
  max-width: 720px !important;

  margin: 0 0 14px !important;

  font-size: clamp(38px, 4.1vw, 58px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
}


/* Intro */
body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__lead {
  max-width: 670px !important;

  font-size: clamp(16px, 1.25vw, 18px) !important;
  line-height: 1.58 !important;
}


/* Genveje */
body.lml-catalog-page-active #lml-catalog-page .lml-catalog-jump {
  margin-top: 20px !important;
}


/* Kataloggrafikken */
body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__visual {
  min-height: 285px !important;
}


body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__cover {
  width: clamp(165px, 14vw, 210px) !important;
  height: clamp(232px, 19.5vw, 298px) !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero {
    grid-template-columns: minmax(0, 1fr) 280px !important;

    gap: 24px !important;
    min-height: 350px !important;

    padding: 30px 28px !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero h1 {
    max-width: 620px !important;

    font-size: clamp(36px, 5vw, 48px) !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__visual {
    min-height: 250px !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__cover {
    width: 165px !important;
    height: 238px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {

  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero {
    padding: 26px 20px 22px !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero h1 {
    max-width: none !important;

    font-size: clamp(32px, 9vw, 40px) !important;
    line-height: 1 !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__lead {
    font-size: 15.5px !important;
    line-height: 1.52 !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-jump {
    margin-top: 18px !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__visual {
    height: 195px !important;
    min-height: 0 !important;

    margin-top: 20px !important;
  }


  body.lml-catalog-page-active #lml-catalog-page .lml-catalog-hero__cover {
    width: 122px !important;
    height: 174px !important;
  }

}

/* =========================================================
   KATALOG HERO – JUMP BUTTONS CLEANUP
   01-09-2026
========================================================= */

body.lml-catalog-page-active #lml-catalog-page .lml-catalog-jump {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

/* Safety: skjul gammel "Gå direkte til"-label,
   hvis den stadig findes i HTML */
body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-jump__label {
  display: none !important;
}


/* Desktop – hold helst alle fire på samme række */
@media (min-width: 1100px) {
  body.lml-catalog-page-active #lml-catalog-page
  .lml-catalog-jump {
    flex-wrap: nowrap !important;
  }
}


/* Mobil – de må wrappe naturligt */
@media (max-width: 767px) {
  body.lml-catalog-page-active #lml-catalog-page
  .lml-catalog-jump {
    gap: 8px !important;
    margin-top: 18px !important;
  }
}

/* =========================================================
   KATALOGER – EOS FULL COVER V2
   EOS-forsider har et højere portrætformat.
   Mediafeltet får derfor ekstra højde, så HELE coveret
   inkl. Collection-navnet nederst kan vises.
========================================================= */

body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-card__media--full {
  height: 390px !important;
  min-height: 390px !important;

  padding: 10px 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;
}


/* EOS-cover: størrelse styres efter HØJDEN */
body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-card__media--full > img {
  display: block !important;

  width: auto !important;
  height: 370px !important;

  min-width: 0 !important;
  min-height: 0 !important;

  max-width: calc(100% - 4px) !important;
  max-height: 370px !important;

  object-fit: contain !important;
  object-position: center center !important;

  margin: 0 auto !important;

  transform: none !important;
}


/* EOS må ikke zoome ved hover */
body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-card:hover
.lml-catalog-card__media--full > img,

body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-card:focus-visible
.lml-catalog-card__media--full > img {
  transform: none !important;
}

/* =========================================================
   KATALOGER – VARIABLE CARD HEIGHT
   EOS må være højere uden at strække resten af rækken
========================================================= */

body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-rail {
  align-items: flex-start !important;
}

body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-card {
  align-self: flex-start !important;
}

body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-card__body {
  flex: 0 0 auto !important;
}

body.lml-catalog-page-active #lml-catalog-page
.lml-catalog-arrow {
  top: 38% !important;
}

/* =========================================================
   LML-SPORT NEWS ARTICLE - SOCIAL SOURCE
========================================================= */

.lml-news-source-title {
  margin: 0 0 10px 0 !important;

  color: #172433 !important;

  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
}

.lml-news-source-copy {
  max-width: 700px;
  margin: 0 0 20px 0 !important;

  color: #5d6b78 !important;

  font-family: Lato, Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

.lml-news-source-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;
  padding: 0 20px;

  border-radius: 999px;

  background: #00587C;
  color: #ffffff !important;

  font-family: Lato, Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;

  text-decoration: none !important;

  transition:
    background-color .2s ease,
    transform .2s ease;
}

.lml-news-source-button:hover {
  background: #004763;
  transform: translateY(-1px);
}

.lml-news-facebook-embed {
  width: 100%;
  max-width: 500px;

  margin: 22px auto 0;
}

.lml-news-facebook-embed iframe {
  display: block;

  width: 100% !important;
  max-width: 500px;

  border: 0;
}

/* =========================================================
   ARTICLE CARDS - META DESCRIPTION MASTER V7
   04-09-2026

   Source of teaser text:
   - JS inserts .lml-article-teaser from the linked page's
     <meta name="description">.
   - No article teaser copy is stored in CSS anymore.
========================================================= */

/* Kill legacy pseudo-teasers everywhere on ARTICLE cards only.
   Brand cards keep their own ::before descriptions. */
body .content-list a.article.cbx-border > span.label::before {
  content: none !important;
  display: none !important;
}

/* Real DOM teaser inserted by JS */
body .content-list a.article.cbx-border
> span.label
> .lml-article-teaser {
  order: 1 !important;
  display: -webkit-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 9px 0 0 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* ---------------------------------------------------------
   RELATED CONTENT
   Keep the existing carousel geometry and visual system.
   Only replace pseudo teaser copy with real meta-description text.
--------------------------------------------------------- */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-article-teaser {
  -webkit-line-clamp: 3 !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[data-lml-article-kind="lml-sport"]::before {
  content: "LML SPORT" !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[data-lml-article-kind="lml-sport"]
> span.label::after {
  content: "Læs artiklen  ›" !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[data-lml-article-kind="case-story"]
> span.label::after {
  content: "Læs casen  ›" !important;
}

/* ---------------------------------------------------------
   BLOG / INSPIRATION OVERVIEW
   Related-content inspired, compact 16:9 grid.
--------------------------------------------------------- */
body.lml-blog-overview-page .content-list:not(.related-content) {
  margin-bottom: 82px !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 64px 0 !important;
  padding: 0 !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border {
  position: relative !important;
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(182,207,208,.78) !important;
  border-radius: 12px !important;
  background: #e8eff2 !important;
  box-shadow: 0 8px 22px rgba(0,88,124,.08) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  isolation: isolate !important;
  transform: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: var(--focal-left, 50%) var(--focal-top, 50%) !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: .88 !important;
  filter: none !important;
  transform: scale(1) !important;
  transition: opacity .25s ease, transform .35s ease !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> span.label {
  all: unset !important;
  position: absolute !important;
  left: 16px !important;
  top: 16px !important;
  right: 104px !important;
  bottom: 16px !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  padding: 16px 16px 52px 16px !important;
  box-sizing: border-box !important;
  background: linear-gradient(
    180deg,
    rgba(30,29,27,.80) 0%,
    rgba(30,29,27,.70) 40%,
    rgba(30,29,27,.47) 60%,
    rgba(30,29,27,.20) 76%,
    rgba(30,29,27,0) 90%
  ) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px 12px 0 12px !important;
  box-shadow: none !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  color: #ffffff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(16px, 1.18vw, 19px) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.22) !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-article-teaser {
  margin-top: 9px !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
  -webkit-line-clamp: 4 !important;
}

/* CTA integrated into the lower-left corner of the glass panel */
body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> span.label::after {
  all: unset !important;
  content: "Læs casen  ›" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 7 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  border-radius: 0 7px 7px 12px !important;
  background: #006f8f !important;
  color: #ffffff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 16px rgba(0,88,124,.18) !important;
}

/* Article type badge */
body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border::before {
  all: unset !important;
  content: "CASE STORY" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 16px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border-radius: 7px 0 0 7px !important;
  background: #006f8f !important;
  color: #ffffff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border[data-lml-article-kind="lml-sport"]::before {
  content: "LML SPORT" !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border[data-lml-article-kind="lml-sport"]
> span.label::after {
  content: "Læs artiklen  ›" !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(0,88,124,.24) !important;
  box-shadow: 0 14px 30px rgba(0,88,124,.13) !important;
}

body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border:hover
> img {
  opacity: 1 !important;
  transform: scale(1.015) !important;
}

/* Tablet */
@media (max-width: 1050px) {
  body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* Mobile */
@media (max-width: 680px) {
  body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border {
    aspect-ratio: 16 / 9 !important;
  }

  body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label {
    left: 12px !important;
    top: 12px !important;
    right: 88px !important;
    bottom: 12px !important;
    padding: 13px 13px 46px 13px !important;
    border-radius: 10px 10px 0 10px !important;
    font-size: 15px !important;
    line-height: 1.14 !important;
  }

  body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label
  > .lml-article-teaser {
    margin-top: 7px !important;
    font-size: 11px !important;
    line-height: 1.32 !important;
    -webkit-line-clamp: 3 !important;
  }

  body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label::after {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 0 7px 7px 10px !important;
    font-size: 11px !important;
  }

  body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border::before {
    bottom: 12px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 9.5px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border
  > span.label
  > .lml-article-teaser {
    -webkit-line-clamp: 2 !important;
  }
}
/* =========================================================
   META + BRAND MASTER V8 - FINAL OVERRIDES
   04-09-2026

   Goals:
   1) Blog cards visually match Related Content more closely:
      lighter gradient, no blur, no 1px bottom artifact, more meta text.
   2) Brand overview is locked back to a clean 3/2/1 grid.
   3) Brand cards use real Meta descriptions inserted by JS,
      not hardcoded CSS teaser copy.
========================================================= */

/* =========================================================
   BRAND OVERVIEW - LAYOUT RESTORE
========================================================= */

html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid,
html body.lml-brand-overview-page
.lml-brand-overview-list-block.content-list
> .content-list-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 255px !important;
  column-gap: 22px !important;
  row-gap: 22px !important;
  gap: 22px !important;
  align-items: stretch !important;
  align-content: start !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  columns: auto !important;
  column-count: initial !important;
}

html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid
> a.brand.cbx-border,
html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid
> a.cbx-border[href*="/vores-brands/"] {
  position: relative !important;
  display: block !important;
  float: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: 255px !important;
  min-height: 255px !important;
  max-height: 255px !important;
  margin: 0 !important;
}

/* Remove all old hardcoded brand teaser copy. */
html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid
> a.cbx-border[href*="/vores-brands/"]
> span.label::before,
html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid
> a.brand.cbx-border
> span.label::before {
  content: none !important;
  display: none !important;
}

/* Real Meta description inserted by JS. */
html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid
> a.cbx-border[href*="/vores-brands/"]
> span.label
> .lml-brand-meta-description,
html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid
> a.brand.cbx-border
> span.label
> .lml-brand-meta-description {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 104px !important;
  bottom: 46px !important;
  z-index: 7 !important;
  display: -webkit-box !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(23,50,72,.92) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 9.8px !important;
  line-height: 1.24 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-indent: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  overflow: hidden !important;
}

@media (min-width: 681px) and (max-width: 980px) {
  html body.lml-brand-overview-page
  .lml-brand-overview-list-block
  .content-list-grid,
  html body.lml-brand-overview-page
  .lml-brand-overview-list-block.content-list
  > .content-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 255px !important;
  }
}

@media (max-width: 680px) {
  html body.lml-brand-overview-page
  .lml-brand-overview-list-block
  .content-list-grid,
  html body.lml-brand-overview-page
  .lml-brand-overview-list-block.content-list
  > .content-list-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: 250px !important;
    gap: 18px !important;
    row-gap: 18px !important;
  }

  html body.lml-brand-overview-page
  .lml-brand-overview-list-block
  .content-list-grid
  > a.brand.cbx-border,
  html body.lml-brand-overview-page
  .lml-brand-overview-list-block
  .content-list-grid
  > a.cbx-border[href*="/vores-brands/"] {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
  }

  html body.lml-brand-overview-page
  .lml-brand-overview-list-block
  .content-list-grid
  > a.cbx-border[href*="/vores-brands/"]
  > span.label
  > .lml-brand-meta-description,
  html body.lml-brand-overview-page
  .lml-brand-overview-list-block
  .content-list-grid
  > a.brand.cbx-border
  > span.label
  > .lml-brand-meta-description {
    left: 12px !important;
    right: 12px !important;
    top: 96px !important;
    bottom: 44px !important;
    font-size: 9.5px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 6 !important;
  }
}

/* =========================================================
   BLOG OVERVIEW - RELATED CONTENT MATCH V8
   Lighter overlay, no blur, more text, no bottom artifact.
========================================================= */

@media (min-width: 681px) {

  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label {
    left: 16px !important;
    top: 16px !important;
    right: 92px !important;
    bottom: 16px !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    padding: 15px 16px 46px 16px !important;
    box-sizing: border-box !important;

    background: linear-gradient(
      135deg,
      rgba(24,23,22,.64) 0%,
      rgba(24,23,22,.50) 44%,
      rgba(24,23,22,.28) 70%,
      rgba(24,23,22,.08) 100%
    ) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-clip: padding-box !important;
    overflow: hidden !important;
    border-radius: 11px 11px 0 11px !important;

    color: #ffffff !important;
    font-size: clamp(15.5px, 1.02vw, 18px) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.22) !important;
  }

  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label
  > .lml-article-teaser {
    display: -webkit-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.95) !important;
    font-size: 11.3px !important;
    line-height: 1.29 !important;
    font-weight: 400 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.16) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 6 !important;
    overflow: hidden !important;
  }

  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label::after {
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    border-radius: 0 7px 7px 11px !important;
    background: #006f8f !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border:hover
  > span.label::after {
    transform: none !important;
  }
}

@media (max-width: 680px) {
  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label {
    left: 12px !important;
    top: 12px !important;
    right: 28px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 13px 13px 42px 13px !important;

    background: linear-gradient(
      135deg,
      rgba(24,23,22,.66) 0%,
      rgba(24,23,22,.48) 48%,
      rgba(24,23,22,.22) 74%,
      rgba(24,23,22,.06) 100%
    ) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    border-radius: 10px 10px 0 10px !important;

    font-size: 14.8px !important;
    line-height: 1.12 !important;
  }

  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label
  > .lml-article-teaser {
    margin-top: 7px !important;
    font-size: 10.7px !important;
    line-height: 1.27 !important;
    -webkit-line-clamp: 6 !important;
  }

  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label::after {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    border-radius: 0 6px 6px 10px !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* =========================================================
   FILTER VISIBILITY - FINAL CASCADE LOCK
   SKAL LIGGE ALLERNEDERST I HELE CSS-FILEN
========================================================= */


/* ---------------------------------------------------------
   BLOG / INSPIRATION
--------------------------------------------------------- */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border.lml-article-is-hidden {
  display: none !important;
}


/* ---------------------------------------------------------
   VORES BRANDS
--------------------------------------------------------- */

html body.lml-brand-overview-page
.lml-brand-overview-list-block
.content-list-grid
> a.lml-brand-is-hidden {
  display: none !important;
}


/* Ekstra fallback hvis Umbraco-wrapperen ændrer sig */
html body.lml-brand-overview-page
.content-list-grid
> a.brand.cbx-border.lml-brand-is-hidden,
html body.lml-brand-overview-page
.content-list-grid
> a.cbx-border[href*="/vores-brands/"].lml-brand-is-hidden {
  display: none !important;
}

/* =========================================================
   BLOG CARDS - CALM / RELATED CONTENT MATCH V9
   Hele kortet er CTA - ingen separat "Læs casen" knap
========================================================= */


/* =========================================================
   DESKTOP / TABLET
========================================================= */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border {
  position: relative !important;

  cursor: pointer !important;

  background: #ffffff !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  box-shadow:
    0 8px 22px rgba(0, 88, 124, .07) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease !important;
}


/* ---------------------------------------------------------
   IMAGE
   Samme idé som Related Content:
   let lysnet i hvile -> klart ved hover
--------------------------------------------------------- */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> img {
  opacity: .74 !important;

  filter: none !important;

  transform: scale(1) !important;

  transition:
    opacity .25s ease,
    transform .35s ease !important;
}


html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border:hover
> img {
  opacity: 1 !important;

  transform: scale(1.02) !important;
}


html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border:hover {
  transform: translateY(-2px) !important;

  box-shadow:
    0 13px 28px rgba(0, 88, 124, .11) !important;
}


/* =========================================================
   TEXT PANEL
========================================================= */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> span.label {
  position: absolute !important;

  left: 18px !important;
  top: 18px !important;

  /*
    Går næsten hen til artikeltype-badgen.
  */
  right: 92px !important;

  /*
    Ingen CTA i bunden længere.
  */
  bottom: 18px !important;

  width: auto !important;
  max-width: none !important;
  height: auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  padding: 17px 18px !important;

  box-sizing: border-box !important;

  /*
    Lettere mørkning - ingen blur.
    Man kan stadig se thumbnailen tydeligt.
  */
  background:
    linear-gradient(
      135deg,
      rgba(24, 23, 22, .68) 0%,
      rgba(24, 23, 22, .55) 52%,
      rgba(24, 23, 22, .28) 78%,
      rgba(24, 23, 22, .10) 100%
    ) !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 10px !important;

  box-shadow: none !important;

  color: #ffffff !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.18) !important;
}


/* =========================================================
   TITLE
========================================================= */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-card-title {
  display: -webkit-box !important;

  width: 100% !important;

  margin: 0 !important;

  color: #ffffff !important;

  /*
    En anelse roligere end nu.
  */
  font-size: clamp(16px, 1.05vw, 18px) !important;
  line-height: 1.16 !important;
  font-weight: 750 !important;

  letter-spacing: -.012em !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;
}


/* =========================================================
   META DESCRIPTION
========================================================= */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-card-meta-description {
  display: -webkit-box !important;

  width: 100% !important;

  margin: 9px 0 0 !important;

  color: rgba(255,255,255,.93) !important;

  font-size: 12px !important;
  line-height: 1.38 !important;
  font-weight: 400 !important;

  -webkit-box-orient: vertical !important;

  /*
    Nu hvor CTA'en er væk, har vi plads til mere tekst.
  */
  -webkit-line-clamp: 5 !important;

  overflow: hidden !important;
}


/* =========================================================
   REMOVE SEPARATE CTA
========================================================= */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border
> span.label::after {
  content: none !important;

  display: none !important;
}


/* =========================================================
   ARTICLE TYPE BADGE
   Behold den - det er den eneste UI-label vi behøver
========================================================= */

html body.lml-blog-overview-page
.content-list:not(.related-content)
> .content-list-grid
> a.article.cbx-border::before {
  right: 0 !important;
  bottom: 18px !important;

  min-height: 36px !important;
  height: 36px !important;

  padding: 0 12px !important;

  border-radius:
    7px
    0
    0
    7px !important;

  box-shadow: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 680px) {

  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label {
    left: 12px !important;
    top: 12px !important;
    right: 74px !important;
    bottom: 12px !important;

    padding: 13px 14px !important;

    border-radius: 9px !important;
  }


  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label
  > .lml-card-title {
    font-size: 15px !important;
    line-height: 1.15 !important;

    -webkit-line-clamp: 3 !important;
  }


  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border
  > span.label
  > .lml-card-meta-description {
    margin-top: 7px !important;

    font-size: 10.8px !important;
    line-height: 1.33 !important;

    -webkit-line-clamp: 4 !important;
  }


  html body.lml-blog-overview-page
  .content-list:not(.related-content)
  > .content-list-grid
  > a.article.cbx-border::before {
    bottom: 12px !important;

    min-height: 32px !important;
    height: 32px !important;

    padding: 0 9px !important;

    font-size: 9px !important;
  }

}
/* =========================================================
   RELATED CONTENT - UNIFIED CASE/BRAND VISUAL V6
   08-09-2026

   FINAL CASCADE OWNER.
   Does not depend on the new JS classes for the critical layout,
   so the visual cleanup also works against Umbraco's raw markup.
========================================================= */

/* =========================================================
   CARD SHELL + WHITE WASH
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"] {
  position: relative !important;
  overflow: hidden !important;
  height: 250px !important;
  min-height: 250px !important;
  padding: 0 !important;
  border: 1px solid rgba(182,207,208,.76) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 7px 20px rgba(0,88,124,.075) !important;
  color: #fff !important;
  text-decoration: none !important;
  isolation: isolate !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> img,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: var(--focal-left, 50%) var(--focal-top, 50%) !important;
  opacity: .72 !important;
  filter: none !important;
  transform: scale(1) !important;
  transition: opacity .28s ease, transform .36s ease !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border:hover
> img,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]:hover
> img {
  opacity: 1 !important;
  transform: scale(1.02) !important;
}

/* =========================================================
   ONE IDENTICAL TEXT OVERLAY FOR CASE + BRAND
   Dark on the left, transparent into the image.
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label {
  all: unset !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: min(78%, 610px) !important;
  max-width: calc(100% - 115px) !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 24px 92px 24px 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: linear-gradient(
    90deg,
    rgba(25,28,30,.84) 0%,
    rgba(25,28,30,.76) 34%,
    rgba(25,28,30,.55) 58%,
    rgba(25,28,30,.25) 78%,
    rgba(25,28,30,0) 100%
  ) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   REMOVE ONLY THE INNER CTA / LEGACY PSEUDO COPY
   Keep the outer CASE STORY / BRANDUNIVERS badge.
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label::before,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label::after,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label::before,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label::after {
  content: none !important;
  display: none !important;
}

/* If Umbraco ever outputs a real inner CTA element, hide it too. */
body .content-list.related-content span.label > a,
body .content-list.related-content span.label > button,
body .content-list.related-content span.label > .btn,
body .content-list.related-content span.label > .button,
body .content-list.related-content span.label > [class*="cta"] {
  display: none !important;
}

/* =========================================================
   TITLE
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-related-card-title,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label
> .lml-related-card-title {
  display: -webkit-box !important;
  order: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(16px, 1.3vw, 19px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.22) !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* =========================================================
   META DESCRIPTION - SAME TYPOGRAPHY ON CASE + BRAND
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-article-teaser,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label
> .lml-brand-meta-description,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label
> .lml-article-teaser {
  display: -webkit-box !important;
  order: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: rgba(255,255,255,.92) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

/* =========================================================
   CASE / ARTICLE TYPE BADGE
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border::before {
  all: unset !important;
  content: "CASE STORY" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 22px !important;
  z-index: 9 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
  background: #006f8f !important;
  color: #fff !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.16) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[data-lml-article-kind="lml-sport"]::before {
  content: "LML SPORT" !important;
}

/* =========================================================
   BRANDUNIVERS BADGE
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]::after {
  all: unset !important;
  content: "BRANDUNIVERS" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 22px !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
  background: #006f8f !important;
  color: #fff !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.16) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* Kill the old brand right-side ::before panel entirely. */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* =========================================================
   BRAND LOGO PLAQUE - DIRECTLY ABOVE THE BADGE
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> .lml-related-brand-logo {
  position: absolute !important;
  right: 0 !important;
  bottom: 66px !important;
  z-index: 9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 138px !important;
  height: 56px !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,.94)) !important;
  border-radius: 8px 0 0 8px !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  border-right: 0 !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.14) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  pointer-events: none !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> .lml-related-brand-logo
> img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 104px !important;
  max-height: 30px !important;
  margin: 0 !important;
  opacity: 1 !important;
  object-fit: contain !important;
  transform: none !important;
  filter: none !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"] {
    height: 270px !important;
    min-height: 270px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border
  > span.label,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]
  > span.label {
    width: 92% !important;
    max-width: calc(100% - 72px) !important;
    padding: 20px 52px 20px 18px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border::before,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]::after {
    bottom: 18px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    font-size: 9.5px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]
  > .lml-related-brand-logo {
    bottom: 58px !important;
    width: 118px !important;
    height: 48px !important;
    padding: 8px 10px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]
  > .lml-related-brand-logo
  > img {
    max-width: 90px !important;
    max-height: 25px !important;
  }
}

/* =========================================================
   RELATED CONTENT - CASE RESTORE + BRAND 60/20/20 V7
   08-09-2026

   CASE STORY:
   - Restore the original dark transparent floating box.
   - Keep CASE STORY badge.
   - Remove only the inner "Læs casen" CTA.

   BRANDUNIVERS:
   - Left ~3/5: Meta title + Meta description in dark glass box.
   - Middle ~1/5: image remains visible.
   - Right ~1/5: frosted white brand panel, flush to edge.
   - Logo centered in right panel.
   - BRANDUNIVERS badge anchored at bottom of right panel.
========================================================= */

/* =========================================================
   CASE STORY - RESTORE FLOATING DARK TRANSPARENT BOX
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label {
  all: unset !important;

  position: absolute !important;
  left: 20px !important;
  top: 22px !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 5 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: clamp(340px, 64%, 560px) !important;
  max-width: calc(100% - 92px) !important;
  height: auto !important;

  margin: 0 !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background: rgba(28,27,25,.66) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 10px !important;

  box-shadow: 0 8px 22px rgba(0,0,0,.16) !important;

  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;

  text-indent: 0 !important;
  pointer-events: none !important;
}

/* Case title */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-related-card-title {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(16px,1.3vw,19px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.22) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* Case meta description */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label
> .lml-article-teaser {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: rgba(255,255,255,.91) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* Remove ONLY the inner CTA / legacy teaser pseudos */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label::before,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border
> span.label::after {
  content: none !important;
  display: none !important;
}

/* Keep article badge exactly as the content-type marker */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border::before {
  right: 0 !important;
  bottom: 22px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 15px !important;
  border-radius: 8px 0 0 8px !important;
}


/* =========================================================
   BRANDUNIVERS - LEFT 3/5 TEXT BOX
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label {
  all: unset !important;

  position: absolute !important;
  left: 20px !important;
  top: 22px !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 7 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: calc(60% - 20px) !important;
  max-width: calc(60% - 20px) !important;
  height: auto !important;

  margin: 0 !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background: rgba(28,27,25,.66) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.16) !important;

  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;

  text-indent: 0 !important;
  pointer-events: none !important;
}

/* Brand Meta title */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label
> .lml-related-card-title {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(16px,1.3vw,19px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.22) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* Brand Meta description */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label
> .lml-brand-meta-description,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label
> .lml-article-teaser {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: rgba(255,255,255,.91) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

/* Remove old brand inner CTA / legacy pseudo copy */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label::before,
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> span.label::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   BRANDUNIVERS - RIGHT ~1/5 FROSTED PANEL
========================================================= */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;

  z-index: 6 !important;

  width: 20% !important;
  min-width: 126px !important;
  height: 100% !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.70) 0%,
      rgba(255,255,255,.82) 48%,
      rgba(255,255,255,.74) 100%
    ) !important;

  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.36) !important;
  border-radius: 0 !important;

  box-shadow: -10px 0 26px rgba(255,255,255,.08) !important;

  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;

  pointer-events: none !important;
}

/* Logo lives inside the frosted right panel */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> .lml-related-brand-logo {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-68%) !important;

  z-index: 8 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 20% !important;
  min-width: 126px !important;
  height: 72px !important;

  margin: 0 !important;
  padding: 12px 12px !important;
  box-sizing: border-box !important;

  overflow: visible !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  pointer-events: none !important;
}

body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]
> .lml-related-brand-logo
> img {
  position: static !important;
  display: block !important;

  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 96px !important;
  max-height: 34px !important;

  margin: 0 !important;

  opacity: 1 !important;
  object-fit: contain !important;
  transform: none !important;
  filter: none !important;
}

/* BRANDUNIVERS badge = bottom of right panel */
body .content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a[href*="/vores-brands/"]::after {
  right: 0 !important;
  bottom: 0 !important;
  z-index: 10 !important;

  width: 20% !important;
  min-width: 126px !important;
  height: 40px !important;
  min-height: 40px !important;

  padding: 0 10px !important;
  box-sizing: border-box !important;

  border-radius: 8px 0 0 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}


/* =========================================================
   MOBILE / NARROW CARDS
   Keep the same hierarchy but give the right panel enough room.
========================================================= */
@media (max-width: 680px) {

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border
  > span.label {
    left: 14px !important;
    top: 18px !important;
    width: calc(100% - 86px) !important;
    max-width: calc(100% - 86px) !important;
    padding: 15px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]
  > span.label {
    left: 14px !important;
    top: 18px !important;
    width: calc(72% - 14px) !important;
    max-width: calc(72% - 14px) !important;
    padding: 15px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]::before,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]
  > .lml-related-brand-logo,
  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]::after {
    width: 28% !important;
    min-width: 92px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]
  > .lml-related-brand-logo {
    height: 60px !important;
    padding: 10px 8px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]
  > .lml-related-brand-logo
  > img {
    max-width: 74px !important;
    max-height: 28px !important;
  }

  body .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a[href*="/vores-brands/"]::after {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 8.8px !important;
    padding: 0 6px !important;
  }
}

/* =========================================================
   RELATED CONTENT - HIDE UMBRACO ARTICLE DOCUMENT ICON V4.1
   08-09-2026

   The small document icon in the top-right corner is redundant
   because the CASE STORY / LML SPORT badge already communicates
   the content type.
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border::after,
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.lml-related-card--article::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* =========================================================
   RELATED CONTENT - FINAL VISUAL OWNER V8
   08-09-2026

   CASE STORY
   - Restore the long dark vertical transparency gradient.
   - Keep Meta title + Meta description.
   - Remove only the inner CTA "Læs casen".
   - Keep CASE STORY / LML SPORT badge.
   - Badge typography matches BRANDUNIVERS.
   - Hide Umbraco document icon.

   BRANDUNIVERS
   - Left 3/5: Meta title + Meta description in the same
     long dark vertical transparency gradient.
   - Middle 1/5: image remains completely visible.
   - Right 1/5: full-height white/frosted panel.
   - Logo centered in the right panel.
   - BRANDUNIVERS badge at the bottom of the right panel.
   - Remove only the inner CTA "Læs om brandet".
========================================================= */

/* =========================================================
   CASE STORY - LONG GRADIENT OVERLAY
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]
> span.label {
  all: unset !important;

  position: absolute !important;
  left: 20px !important;
  top: 22px !important;
  right: auto !important;
  bottom: 24px !important;

  z-index: 5 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: clamp(340px, 64%, 560px) !important;
  max-width: calc(100% - 76px) !important;
  height: auto !important;

  margin: 0 !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(28,27,25,.78) 0%,
      rgba(28,27,25,.70) 34%,
      rgba(28,27,25,.52) 53%,
      rgba(28,27,25,.28) 70%,
      rgba(28,27,25,.10) 84%,
      rgba(28,27,25,0) 100%
    ) !important;

  border: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  pointer-events: none !important;
}

/* Case title */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]
> span.label
> .lml-related-card-title {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(16px,1.3vw,19px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.22) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* Case meta description */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]
> span.label
> .lml-article-teaser {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: rgba(255,255,255,.92) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* Kill ONLY old internal case CTA / old pseudo teaser */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]
> span.label::before,
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]
> span.label::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Case badge - same typographic treatment as BRANDUNIVERS */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]::before {
  position: absolute !important;
  right: 0 !important;
  bottom: 24px !important;
  z-index: 10 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 38px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  box-sizing: border-box !important;

  background: #006f8f !important;
  color: #fff !important;
  border-radius: 7px 0 0 7px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.15) !important;

  font-family: Lato, Arial, sans-serif !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

/* LML SPORT article remains LML SPORT */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href][data-lml-article-kind="lml-sport"]::before {
  content: "LML SPORT" !important;
}

/* Hide Umbraco document icon */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}


/* =========================================================
   BRANDUNIVERS - LEFT 3/5 LONG GRADIENT OVERLAY
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> span.label {
  all: unset !important;

  position: absolute !important;
  left: 20px !important;
  top: 22px !important;
  right: auto !important;
  bottom: 24px !important;

  z-index: 7 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  width: calc(60% - 20px) !important;
  max-width: calc(60% - 20px) !important;
  height: auto !important;

  margin: 0 !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      180deg,
      rgba(28,27,25,.78) 0%,
      rgba(28,27,25,.70) 34%,
      rgba(28,27,25,.52) 53%,
      rgba(28,27,25,.28) 70%,
      rgba(28,27,25,.10) 84%,
      rgba(28,27,25,0) 100%
    ) !important;

  border: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  pointer-events: none !important;
}

/* Brand Meta title */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> span.label
> .lml-related-card-title {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: clamp(16px,1.3vw,19px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.22) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* Brand Meta description */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> span.label
> .lml-brand-meta-description,
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> span.label
> .lml-article-teaser {
  display: -webkit-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: rgba(255,255,255,.92) !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

/* Kill ONLY old internal brand CTA / legacy pseudo copy */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> span.label::before,
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> span.label::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}


/* =========================================================
   BRANDUNIVERS - RIGHT 1/5 FROSTED PANEL
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::before {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;

  z-index: 6 !important;

  width: 20% !important;
  min-width: 126px !important;
  height: 100% !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.64) 0%,
      rgba(255,255,255,.80) 48%,
      rgba(255,255,255,.70) 100%
    ) !important;

  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 0 !important;
  box-shadow: -10px 0 28px rgba(255,255,255,.08) !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  pointer-events: none !important;
}

/* Brand logo in right panel */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> .lml-related-brand-logo {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-72%) !important;

  z-index: 9 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 20% !important;
  min-width: 126px !important;
  height: 72px !important;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  pointer-events: none !important;
}

html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> .lml-related-brand-logo
> img {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 96px !important;
  max-height: 34px !important;
  margin: 0 !important;
  opacity: 1 !important;
  object-fit: contain !important;
  transform: none !important;
  filter: none !important;
}

/* BRANDUNIVERS badge = bottom of right panel */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::after {
  all: unset !important;
  content: "BRANDUNIVERS" !important;

  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 10 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 20% !important;
  min-width: 126px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;

  background: #006f8f !important;
  color: #fff !important;
  border-radius: 8px 0 0 0 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.15) !important;

  font-family: Lato, Arial, sans-serif !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}


/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border[href]
  > span.label {
    left: 14px !important;
    top: 18px !important;
    bottom: 18px !important;
    width: calc(100% - 86px) !important;
    max-width: calc(100% - 86px) !important;
    padding: 15px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > span.label {
    left: 14px !important;
    top: 18px !important;
    bottom: 18px !important;
    width: calc(72% - 14px) !important;
    max-width: calc(72% - 14px) !important;
    padding: 15px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::before,
  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > .lml-related-brand-logo,
  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::after {
    width: 28% !important;
    min-width: 92px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > .lml-related-brand-logo {
    height: 60px !important;
    padding: 10px 8px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > .lml-related-brand-logo
  > img {
    max-width: 74px !important;
    max-height: 28px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border[href]::before {
    bottom: 18px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 9.5px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::after {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 8.8px !important;
    padding: 0 6px !important;
  }
}

/* =========================================================
   RELATED CONTENT - VISUAL TUNING V8.1
   08-09-2026

   - Dark overlays fade faster on both Case Story + Brandunivers.
   - Brand frosted panel is slightly wider and less blurred.
   - Brand logo is larger.
   - BRANDUNIVERS badge floats at the same height as CASE STORY.
========================================================= */

/* =========================================================
   CASE STORY - LIGHTER / FASTER VERTICAL FADE
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.article.cbx-border[href]
> span.label {
  background:
    linear-gradient(
      180deg,
      rgba(28,27,25,.72) 0%,
      rgba(28,27,25,.61) 24%,
      rgba(28,27,25,.40) 43%,
      rgba(28,27,25,.18) 58%,
      rgba(28,27,25,.05) 68%,
      rgba(28,27,25,0) 76%
    ) !important;
}

/* =========================================================
   BRANDUNIVERS - SAME FASTER FADE ON LEFT TEXT AREA
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> span.label {
  background:
    linear-gradient(
      180deg,
      rgba(28,27,25,.72) 0%,
      rgba(28,27,25,.61) 24%,
      rgba(28,27,25,.40) 43%,
      rgba(28,27,25,.18) 58%,
      rgba(28,27,25,.05) 68%,
      rgba(28,27,25,0) 76%
    ) !important;
}

/* =========================================================
   BRANDUNIVERS - WIDER / CLEANER FROSTED RIGHT PANEL
   ~24% leaves a visible image band between text + panel.
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::before {
  width: 24% !important;
  min-width: 142px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.58) 0%,
      rgba(255,255,255,.72) 48%,
      rgba(255,255,255,.62) 100%
    ) !important;

  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;

  border-left: 1px solid rgba(255,255,255,.32) !important;
  box-shadow: -8px 0 22px rgba(255,255,255,.06) !important;
}

/* =========================================================
   BRAND LOGO - LARGER + CENTERED IN THE FROSTED PANEL
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> .lml-related-brand-logo {
  width: 24% !important;
  min-width: 142px !important;
  height: 86px !important;

  top: 48% !important;
  transform: translateY(-50%) !important;

  padding: 12px 14px !important;
}

html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
> .lml-related-brand-logo
> img {
  max-width: 118px !important;
  max-height: 42px !important;
}

/* =========================================================
   BRANDUNIVERS BADGE - FLOAT LIKE CASE STORY
========================================================= */
html body
.content-list.related-content.uk-container.uk-container-large.uk-margin
> .content-list-grid
> a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::after {
  right: 0 !important;
  bottom: 24px !important;

  width: auto !important;
  min-width: 126px !important;
  height: 38px !important;
  min-height: 38px !important;

  padding: 0 13px !important;

  border-radius: 7px 0 0 7px !important;

  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
}

/* =========================================================
   MOBILE TUNING
========================================================= */
@media (max-width: 680px) {

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.article.cbx-border[href]
  > span.label,

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > span.label {
    background:
      linear-gradient(
        180deg,
        rgba(28,27,25,.74) 0%,
        rgba(28,27,25,.60) 28%,
        rgba(28,27,25,.34) 48%,
        rgba(28,27,25,.12) 63%,
        rgba(28,27,25,0) 74%
      ) !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::before,

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > .lml-related-brand-logo {
    width: 31% !important;
    min-width: 104px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > .lml-related-brand-logo {
    height: 70px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]
  > .lml-related-brand-logo
  > img {
    max-width: 86px !important;
    max-height: 32px !important;
  }

  html body
  .content-list.related-content.uk-container.uk-container-large.uk-margin
  > .content-list-grid
  > a.brand.cbx-border[title="brand"][href*="/vores-brands/"]::after {
    bottom: 18px !important;
    width: auto !important;
    min-width: 104px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 9.2px !important;
  }
}

/* =========================================================
   LML NEWS - LOCAL VIDEO
========================================================= */

.lml-news-video {
  width: 100%;
  max-width: 760px;
  margin: 26px auto 0;
  overflow: hidden;
  border-radius: 12px;
  background: #111111;
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.10);
}

.lml-news-video video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 760px;
  margin: 0;
  background: #111111;
}

@media (max-width: 680px) {
  .lml-news-video {
    margin-top: 20px;
    border-radius: 10px;
  }

  .lml-news-video video {
    max-height: none;
  }
}

/* =========================================================
   LML NEWS - TWO IMAGE GALLERY
========================================================= */

.lml-news-two-images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.lml-news-two-images figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #e9eef2;
  border: 1px solid rgba(182, 207, 208, 0.65);
  box-shadow: 0 12px 30px rgba(0, 88, 124, 0.10);
}

.lml-news-two-images img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

.lml-news-two-images figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  max-width: calc(100% - 28px);
  margin: 0;
  padding: 9px 13px;

  border-radius: 6px;
  background: rgba(255,255,255,.86);
  color: #172433;

  font-family: Lato, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

@media (max-width: 680px) {

  .lml-news-two-images {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .lml-news-two-images figcaption {
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    padding: 7px 10px;
    font-size: 13px;
  }

}