/* your custom css */
.secondary-site-notification, .secondary-site-notification a {
    background-color: #b4d143;
    color: #FFF;
}
.top-navigation-right {
    color:#FFF;
}
.cp-border {
    border: 1px solid #000;
}
.product-preview .variant-color-wrapper .variant-color-list li {
    border: 1px solid #999;
}
.cp-border-c {
    background-color: #F7F7F7;
    border: 1px solid #666;
    margin: 8px;
    padding: 8px;
}
.button-yellow {
    background-color: #fcd116;
    color: 000;
}
.youtubeplayer {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
/* CP v6 */
.uk-background-primary {
    background-color: #0B434A;
}
.footer-rights {
    background-color: #05857C;
}
.top-navigation {
    background-color: #555555;
}
.header-notification a:hover {
    color: #FFF!important;
}
.badges-overlay .uk-label {
    background-color: #05857C;
}
#video-container {
    background-color: #0B434A!important;
}

.cs-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 kolonner på mobil */
  gap: 1px;                                        /* afstand mellem billeder */
  justify-items: center;                            /* centrer elementer i celler */
}

@media (min-width: 960px) {
  .cs-gallery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 kolonner på desktop */
  }
}

.cs-gallery-grid img {
  display: block;
  width: 100%;
  max-width: 350px;   /* dine billeder er 350px brede */
  height: auto;
  border-radius: 4px; /* valgfrit: lidt afrunding */
}

.csj-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 kolonner på mobil */
  gap: 12px;                                        /* afstand mellem billeder */
  justify-items: center;                            /* centrer elementer i celler */
}

@media (min-width: 960px) {
  .csj-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 4 kolonner på desktop */
  }
}

.csj-gallery-grid img {
  display: block;
  width: 100%;
  max-width: 500px;   /* dine billeder er 350px brede */
  height: auto;
  border-radius: 4px; /* valgfrit: lidt afrunding */
}

.my-black-yellow-btn {
    background: #000; 
    color: #ffd900;
}

.my-black-yellow-btn:hover {
    background: #111; 
    color: #ffea3a;
}

.lab-stickybar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    z-index: 9999;
    font-size: 16px;
}
.lab-stickybar a {
    color: #fff;
    text-decoration: underline;
}

.lab-stickybar a:hover {
    color: #ddd;
}
/* Luk-knap */
.lab-stickybar-close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: #fff;
    border: none;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}

.lab-stickybar-close:hover {
    opacity: 0.7;
}

.lab-btn {
  background-color: #c9102e;
  color: #fff;
  border: none;
}

.lab-btn:hover {
  background-color: #02857d;
  color: #fff;
}

/* Dixa customization */
.RPBrK p {
    line-height: 100%!important;
}
.product-slider-container {
    min-height: 420px;
}
.author-image img {
    border-radius: 50%;
    max-width: 275px;
}
.add-to-cart-button-is-in-cart {
    background: white;
}
.product-slider-container {
    min-height: 0px;
}
.square {
    width: 100%;
    display: inline-block;
    display: flex;
    justify-content: center;
}
.square h4 {
    font-size: 40px;
    margin: 40px 0 40px 0;
    color: #FFF;
}
.alight a {
    color: #FFF;
}

.back-to-top > a {
    background-color: #F18F01!important;
}
.filter-item {
    background-color: #f6f4f5;
}

/* Star icon filling */
.top-navigation span[uk-icon="icon: star"] svg polygon {
  fill: white!important;
  stroke: white!important;
}
.btn-bold {
    font-weight: 900;
}


  .cp-runbike-banner {
    position: relative;
    display: block;
    width: 100%;
    min-height: 266px;
    overflow: hidden;
    background: #263331;
    color: #fff;
    text-decoration: none !important;
    isolation: isolate;
  }

  .cp-runbike-banner,
  .cp-runbike-banner * {
    box-sizing: border-box;
  }

  .cp-runbike-banner__image {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform .45s ease;
  }

  .cp-runbike-banner::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 25%,
      rgba(5, 26, 27, .10) 48%,
      rgba(5, 26, 27, .62) 100%
    );
    content: "";
  }

  .cp-runbike-banner__content {
    display: flex;
    min-height: 266px;
    align-items: center;
    justify-content: flex-end;
    padding: 28px clamp(36px, 4.5vw, 68px);
  }

  .cp-runbike-banner__text-wrap {
    width: min(48%, 620px);
    text-align: center;
  }

  .cp-runbike-banner__title {
    margin: 0;
    color: #fff;
    font: 700 clamp(31px, 3.25vw, 47px)/1.08 "Poppins", "Noto Sans", Arial, sans-serif;
    letter-spacing: -.02em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  }

  .cp-runbike-banner__description {
    margin: 5px 0 18px;
    color: #fff;
    font: 400 clamp(20px, 2.25vw, 34px)/1.25 "Noto Sans", Arial, sans-serif;
    letter-spacing: -.015em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2);
  }

  .cp-runbike-banner__button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    gap: 10px;
    padding: 0 28px;
    border-radius: 999px;
    background: #0b5960;
    color: #fff;
    font: 700 16px/1 "Noto Sans", Arial, sans-serif;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
    transition: background-color .2s ease, transform .2s ease;
  }

  .cp-runbike-banner:hover .cp-runbike-banner__image,
  .cp-runbike-banner:focus-visible .cp-runbike-banner__image {
    transform: scale(1.015);
  }

  .cp-runbike-banner:hover .cp-runbike-banner__button,
  .cp-runbike-banner:focus-visible .cp-runbike-banner__button {
    background: #08474d;
    transform: translateY(-2px);
  }

  .cp-runbike-banner:focus-visible {
    outline: 3px solid #f5d042;
    outline-offset: 3px;
  }

  @media (max-width: 959px) {
    .cp-runbike-banner,
    .cp-runbike-banner__content {
      min-height: 360px;
    }

    .cp-runbike-banner__image {
      object-position: 38% center;
    }

    .cp-runbike-banner::after {
      background: linear-gradient(
        0deg,
        rgba(5, 26, 27, .88) 0%,
        rgba(5, 26, 27, .54) 50%,
        rgba(5, 26, 27, .03) 100%
      );
    }

    .cp-runbike-banner__content {
      align-items: flex-end;
      justify-content: flex-start;
      padding: 110px 26px 27px;
    }

    .cp-runbike-banner__text-wrap {
      width: min(100%, 570px);
      margin-inline: auto;
    }
  }

  @media (max-width: 480px) {
    .cp-runbike-banner,
    .cp-runbike-banner__content {
      min-height: 420px;
    }

    .cp-runbike-banner__image {
      object-position: 33% center;
    }

    .cp-runbike-banner__content {
      padding: 150px 21px 24px;
    }

    .cp-runbike-banner__title {
      font-size: 34px;
    }

    .cp-runbike-banner__description {
      margin-top: 7px;
      font-size: 22px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .cp-runbike-banner__image,
    .cp-runbike-banner__button {
      transition: none;
    }
  }