.slot--header-logo .tws-logo {
  max-width: none !important;
}

.cc-bandy {
  --cc-ink: #f5f5f5;
  --cc-muted: #bdbdbd;
  --cc-accent: #c9a44c;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--cc-ink);
  background: #181818;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 52px 24px 48px;
  line-height: 1.4;
}

.cc-bandy,
.cc-bandy * {
  box-sizing: border-box;
}

.cc-bandy a {
  text-decoration: none;
  color: inherit;
}

.cc-bandy .cc-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 30px;
}

.cc-bandy .cc-eyebrow {
  color: #c9a44c;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 14px;
}

.cc-bandy h1 {
  color: #f5f5f5;
  font-size: clamp(34px, 4.8vw, 68px);
  font-weight: 800;
  letter-spacing: -2px;
  line-height: 1.03;
  margin: 0;
  max-width: 800px;
}

.cc-bandy .cc-lead {
  font-size: 15px;
  color: var(--cc-muted);
  max-width: 275px;
  margin: 0 0 3px;
}

.cc-bandy .cc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.cc-bandy .cc-tile {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1.2;
  background: #202020;
  isolation: isolate;
}

.cc-bandy .cc-tile.cc-landscape {
  background: #202020;
}

.cc-bandy .cc-tile img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.4s ease;
}

.cc-bandy .cc-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.04) 36%,
    rgba(0, 0, 0, 0.08) 53%,
    rgba(0, 0, 0, 0.85) 100%
  );
}

.cc-bandy .cc-index {
  position: absolute;
  left: 26px;
  top: 22px;
  z-index: 2;
  color: #fff;
  border: 1px solid rgba(201, 164, 76, 0.65);
  padding: 6px 10px;
  font-size: 11px;
  letter-spacing: 1.5px;
  background: rgba(17, 17, 17, 0.65);
}

.cc-bandy .cc-caption {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 24px;
  z-index: 2;
  color: #fff;
}

.cc-bandy .cc-category {
  display: block;
  color: #fff;
  font-weight: 800;
  font-size: clamp(30px, 4vw, 58px);
  line-height: 1.04;
  letter-spacing: -1.6px;
  margin: 0 0 8px;
}

.cc-bandy .cc-category::after {
  content: "";
  display: block;
  width: 38px;
  height: 3px;
  background: var(--cc-accent);
  margin-top: 12px;
}

.cc-bandy .cc-description {
  display: block;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
  padding-right: 56px;
}

.cc-bandy .cc-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  border: 1px solid #c9a44c;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  font-size: 24px;
  transition: background 0.2s, color 0.2s;
}

.cc-bandy .cc-orange,
.cc-bandy .cc-teal,
.cc-bandy .cc-gold,
.cc-bandy .cc-silver {
  --cc-accent: #c9a44c;
}

.cc-bandy .cc-tile:focus-visible {
  outline: 3px solid #c9a44c;
  outline-offset: 4px;
}

@media (hover: hover) {
  .cc-bandy .cc-tile:hover img {
    transform: scale(1.025);
  }

  .cc-bandy .cc-tile:hover .cc-arrow {
    background: #c9a44c;
    color: #111;
  }
}

.cc-bandy .cc-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border-top: 1px solid #383838;
  margin-top: 28px;
  padding-top: 22px;
  font-size: 13px;
}

.cc-bandy .cc-bottom p {
  margin: 0;
  color: var(--cc-muted);
}

.cc-bandy .cc-bottom a {
  color: #c9a44c;
  border-bottom: 1px solid #c9a44c;
  padding: 3px 0;
  font-weight: 700;
}

.cc-bandy .cc-bottom a:focus-visible {
  outline: 3px solid #c9a44c;
  outline-offset: 4px;
}

@media (max-width: 680px) {
  .cc-bandy {
    padding: 28px 12px;
  }

  .cc-bandy .cc-intro {
    display: block;
    margin-bottom: 22px;
  }

  .cc-bandy h1 {
    letter-spacing: -1.3px;
  }

  .cc-bandy .cc-lead {
    max-width: 100%;
    margin-top: 16px;
  }

  .cc-bandy .cc-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cc-bandy .cc-tile {
    aspect-ratio: 1.05;
  }

  .cc-bandy .cc-category {
    font-size: 40px;
  }

  .cc-bandy .cc-caption {
    left: 22px;
    right: 22px;
    bottom: 22px;
  }

  .cc-bandy .cc-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc-bandy .cc-tile img,
  .cc-bandy .cc-arrow {
    transition: none;
  }
}
/* Ta bort den vita ramen på startsidan */
body.startpage .bountiful--body
.bountiful--body-wrapper
.bountiful--main
.bountiful--main-wrapper {
  background: #181818 !important;
  color: #f5f5f5;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Ge startsidans rutor mer plats på större skärmar */
@media (min-width: 992px) {
  body.startpage .bountiful--body
  .bountiful--body-wrapper
  .bountiful--sidebar {
    display: none !important;
  }

  body.startpage .bountiful--body
  .bountiful--body-wrapper
  .bountiful--main {
    width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
  }
}
/* Tydliga produktnamn på startsidan */
body.startpage .tws-articles-two .tws-article-list--article-name,
body.startpage .tws-articles-two .tws-article-list--article-name .tws-util-heading--heading,
body.startpage .tws-articles-two .tws-article-list--article-name a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

body.startpage .tws-articles-two .tws-article-list--article-name a:hover {
  color: #c9a44c !important;
}
/* Större, centrerad logotyp */
.slot--header-logo {
  width: 280px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.slot--header-logo .tws-logo {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  text-align: center;
}

.slot--header-logo .tws-logo .tws-logo--image {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 auto !important;
}

@media (max-width: 767px) {
  .slot--header-logo {
    width: 130px !important;
  }
}
/* Mörk produktmeny */
.bountiful--sidebar .tws-vertical-menu-light,
.bountiful--sidebar .tws-vertical-menu-light .tws-vertical-menu-light--title,
.bountiful--sidebar .tws-vertical-menu-light li a {
  background: #202020 !important;
  color: #f5f5f5 !important;
}

.bountiful--sidebar .tws-vertical-menu-light
.tws-vertical-menu-light--title {
  color: #c9a44c !important;
  border-color: #383838 !important;
}

.bountiful--sidebar .tws-vertical-menu-light
.tws-vertical-menu-light--expand-children {
  color: #f5f5f5 !important;
}

.bountiful--sidebar .tws-vertical-menu-light li a:hover {
  background: #292929 !important;
  color: #c9a44c !important;
}
/* Mörk innehållsyta på sidor med produktlistor */
.bountiful--main-wrapper:has(.tws-article-list) {
  background: #181818 !important;
  color: #f5f5f5 !important;
  box-shadow: none !important;
}

/* Ljus information utanför produktkorten */
.bountiful--main-wrapper:has(.tws-article-list)
p:not(.thumbnail *),
.bountiful--main-wrapper:has(.tws-article-list)
h1:not(.thumbnail *),
.bountiful--main-wrapper:has(.tws-article-list)
h2:not(.thumbnail *),
.bountiful--main-wrapper:has(.tws-article-list)
h3:not(.thumbnail *) {
  color: #f5f5f5 !important;
}

/* Behåll läsbara vita produktkort */
.tws-article-list .thumbnail {
  background: #ffffff !important;
  color: #171717 !important;
}

.tws-article-list .thumbnail .caption,
.tws-article-list .thumbnail .tws-article-list--article-name a,
.tws-article-list .thumbnail .tws-article-list--price {
  color: #171717 !important;
}
/* Mörka produktkort i produktgrupperna */
.tws-article-list .thumbnail {
  background: #181818 !important;
  color: #ffffff !important;
  border-color: #555555 !important;
}

.tws-article-list .thumbnail .caption {
  background: transparent !important;
  color: #ffffff !important;
}

/* Vita produktnamn i fetstil */
.tws-article-list .thumbnail .tws-article-list--article-name,
.tws-article-list .thumbnail .tws-article-list--article-name .tws-util-heading--heading,
.tws-article-list .thumbnail .tws-article-list--article-name a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Vita priser i fetstil */
.tws-article-list .thumbnail .tws-article-list--price,
.tws-article-list .thumbnail .tws-article-list--price * {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Guldfärg när musen förs över produktnamnet */
.tws-article-list .thumbnail .tws-article-list--article-name a:hover {
  color: #c9a44c !important;
}
/* Byt den orange rubrikfärgen till guld */
.bountiful--main-wrapper:has(.tws-article-list)
p > span[style*="#ff9900"] {
  color: #c9a44c !important;
}
/* Gör svartformaterad information ljus */
.bountiful--main-wrapper
span[style*="#000000"]:not(.thumbnail *) {
  color: #f5f5f5 !important;
}

.bountiful--main-wrapper
span[style*="#000000"]:not(.thumbnail *) * {
  color: #f5f5f5 !important;
}
/* Mörk bakgrund på produktsidan */
.bountiful--main-wrapper:has(.slot--article-price) {
  background: #181818 !important;
  color: #f5f5f5 !important;
  box-shadow: none !important;
}

/* Produktnamn och pris */
.tws-article-name h1,
.slot--article-price .tws-api--price-current {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Text för produktval */
.tws-article-choices,
.tws-article-choices label,
.tws-article-choices h3,
.tws-article-choices .tws-article-choices--table-row,
.tws-article-choices .tws-article-choices--table-row > div,
.tws-article-pricetable,
.tws-article-pricetable td,
.tws-article-pricetable th {
  color: #f5f5f5 !important;
}

/* Rullistor och inmatningsfält */
.tws-article-choices select,
.tws-article-choices input:not([type="radio"]):not([type="checkbox"]) {
  background: #242424 !important;
  color: #ffffff !important;
  border-color: #666666 !important;
}

/* Guldfärg för valknappar */
.tws-article-choices input[type="radio"],
.tws-article-choices input[type="checkbox"] {
  accent-color: #c9a44c;
}

/* Produktinformation */
.slot--article-introduction,
.slot--article-description {
  color: #f5f5f5 !important;
}

.slot--article-introduction a,
.slot--article-description a {
  color: #c9a44c !important;
}
/* Större och tydligare rullista för produktval */
.tws-article-choices select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  padding: 12px 36px 12px 14px !important;
  font-size: 16px !important;
  background-color: #242424 !important;
  color: #ffffff !important;
  border: 1px solid #c9a44c !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
}

.tws-article-choices select:focus-visible {
  outline: 2px solid #c9a44c;
  outline-offset: 3px;
}
/* Vita, tydliga produktnamn även i rekommendationer */
.tws-articles-two .tws-article-list--article-name,
.tws-articles-two .tws-article-list--article-name a,
.tws-articles-two .tws-util-heading--heading,
.tws-articles-two .tws-util-heading--heading a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.tws-articles-two .tws-article-list--article-name a:hover,
.tws-articles-two .tws-util-heading--heading a:hover {
  color: #c9a44c !important;
}
/* Ta bort ramar runt produktbilder */
.bountiful--article-images .slot--article-images
.tws-article-images--current-image,
.bountiful--article-images
.tws-article-images--slick-nav .tws-img {
  border-color: transparent !important;
  box-shadow: none !important;
}
/* Diskreta ramar runt produktkort */
.tws-articles-two .thumbnail,
.tws-article-list .thumbnail {
  border-color: #383838 !important;
  box-shadow: none !important;
}
/* Mörka paneler i kassan */
.checkout :is(
  .tws-opc-cart--wrapper,
  .tws-cart-summary--wrapper,
  .tws-cart-summary--sticky-summary,
  .slot--checkout-discount,
  .slot--checkout-cart-usps,
  .slot--checkout-introduction-text,
  .opc-checkout--shortcuts,
  .tws-checkout--select-delivery-list-wrapper,
  .tws-checkout--select-payment-list-wrapper
) {
  background: #242424 !important;
  color: #f5f5f5 !important;
  box-shadow: none !important;
}

/* Ljus text i panelerna */
.checkout :is(
  .tws-opc-cart--wrapper,
  .tws-cart-summary--wrapper,
  .tws-cart-summary--sticky-summary,
  .slot--checkout-discount,
  .slot--checkout-cart-usps,
  .slot--checkout-introduction-text,
  .opc-checkout--shortcuts
) :is(a, p, span, strong, label, li, i) {
  color: #f5f5f5 !important;
}

/* Antal, uppdatera och ta bort */
.checkout .tws-opc-cart--item-quantity input,
.checkout .tws-opc-cart--item-quantity button,
.checkout .tws-opc-cart--item-remove button {
  background: #303030 !important;
  color: #ffffff !important;
  border-color: #666666 !important;
}

/* Leveransland och kundtyp */
.checkout .opc-checkout--shortcuts .btn-default {
  background: #303030 !important;
  color: #ffffff !important;
  border-color: #666666 !important;
}

/* Leverans- och betalningsalternativ */
.checkout .tws-checkout--delivery-method,
.checkout .tws-checkout--payment-method {
  color: #f5f5f5 !important;
  border-color: #666666 !important;
}

.checkout .tws-checkout--delivery-method-description,
.checkout .tws-checkout--payment-method-description {
  color: #cccccc !important;
}

/* Rekommenderade produkter i kassan */
.checkout .slot--checkout-related .thumbnail {
  background: #242424 !important;
  box-shadow: none !important;
}

.checkout .slot--checkout-related
.tws-article-list--price .tws-api--price-current,
.checkout .slot--checkout-related
.tws-util-heading--heading a {
  color: #ffffff !important;
  font-weight: 700 !important;
}
/* Kunduppgifter och avslutande panel */
.checkout .tws-checkout--forms,
.checkout .tws-checkout--checkout-container {
  background: #242424 !important;
  color: #f5f5f5 !important;
  box-shadow: none !important;
}

/* Etiketter och villkor */
.checkout .tws-checkout--forms .tws-checkout--field-label-text,
.checkout .tws-checkout--forms .tws-checkout--field-required-label,
.checkout .tws-checkout--forms .tws-checkout--field-optional-label,
.checkout .tws-checkout--forms .tws-checkout--field-control,
.checkout .tws-checkout--forms .tws-checkout--required-approvals-terms-content {
  color: #f5f5f5 !important;
}

/* Tydliga inmatningsfält */
.checkout .tws-checkout--field input,
.checkout .tws-checkout--field textarea,
.checkout .tws-checkout--field .btn.dropdown-toggle {
  background: #303030 !important;
  color: #ffffff !important;
  border-color: #777777 !important;
}

.checkout .tws-checkout--field input:focus,
.checkout .tws-checkout--field textarea:focus,
.checkout .tws-checkout--field .btn.dropdown-toggle:focus {
  outline: 2px solid #c9a44c !important;
  outline-offset: 2px;
}

/* Köpvillkor som guldfärgad länk */
.checkout .tws-checkout--required-approvals-terms-content a {
  color: #dfbd70 !important;
  text-decoration: underline;
}

/* Behåll röda markeringar vid fel */
.checkout .tws-checkout--field-has-error input,
.checkout .tws-checkout--field-has-error textarea {
  border-color: #e94141 !important;
}
/* Sammanfattning */
.checkout .tws-cart-summary--wrapper,
.checkout .tws-cart-summary--wrapper * {
  color: #ffffff !important;
}

/* Rabattkod / Presentkort */
.checkout .slot--checkout-discount,
.checkout .slot--checkout-discount * {
  color: #ffffff !important;
}
/* Vit text på Totalt i båda sammanfattningarna */
.checkout .tws-cart-summary--wrapper
.tws-cart-summary--sum-row .tws-cart-summary--name,
.checkout .tws-cart-summary--sticky-summary
.tws-cart-summary--sum-row .tws-cart-summary--name {
  color: #ffffff !important;
}
/* Guld på länkar i informationstexten */
.bountiful--main-wrapper p a,
.bountiful--main-wrapper p a * {
  color: #c9a44c !important;
}

/* Ersätt orange färg i texten */
.bountiful--main-wrapper p [style*="#ff9900"],
.bountiful--main-wrapper p [style*="#ff9900"] * {
  color: #c9a44c !important;
}
/* Mörk bakgrund även på informationssidor */
.bountiful--main-wrapper {
  background: #181818 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.bountiful--main-wrapper
.cc-composite-grid > h2.cc-series-heading[data-series] {
  color: #c9a44c !important;
}
.cc-composite-grid > .cc-series-banner[data-series="0"] {
  order: 0 !important;
}

.cc-composite-grid > .cc-series-banner[data-series="1"] {
  order: 10000 !important;
}

.cc-composite-grid > .cc-series-banner[data-series="2"] {
  order: 20000 !important;
}
#cc-home-quality {
  background: #181818;
  color: #ffffff;
  padding: 40px 24px;
  margin: 20px 0 36px;
}

#cc-home-quality h2 {
  color: #c9a44c !important;
  font-size: clamp(28px, 3.5vw, 44px) !important;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px;
}

#cc-home-quality p {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.65;
  margin: 0;
}

#cc-home-quality .cc-quality-intro {
  max-width: 780px;
  margin-bottom: 32px;
}

#cc-home-quality .cc-quality-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

#cc-home-quality .cc-quality-item {
  border-top: 2px solid #c9a44c;
  padding-top: 18px;
}

#cc-home-quality h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 12px;
}

#cc-home-quality .cc-quality-flag {
  display: inline-block;
  width: 32px;
  height: 20px;
  flex: 0 0 32px;
  background:
    linear-gradient(
      to bottom,
      transparent 40%,
      #fecc00 40%,
      #fecc00 60%,
      transparent 60%
    ),
    linear-gradient(
      to right,
      #006aa7 31.25%,
      #fecc00 31.25%,
      #fecc00 43.75%,
      #006aa7 43.75%
    );
}

#cc-home-quality .cc-quality-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

#cc-home-quality .cc-quality-button {
  display: inline-block;
  background: #c9a44c;
  color: #181818 !important;
  padding: 13px 22px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

#cc-home-quality .cc-quality-button:hover {
  background: #dfbd70;
}

#cc-home-quality .cc-quality-text-link {
  color: #c9a44c !important;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

#cc-home-quality .cc-quality-text-link:hover {
  text-decoration: underline;
}

#cc-home-quality a:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  #cc-home-quality {
    padding: 28px 16px;
  }

  #cc-home-quality .cc-quality-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
#cc-home-gallery {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 40px;
}

#cc-home-gallery > a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  background: #181818;
  text-decoration: none;
}

#cc-home-gallery img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: contain;
  border: 0;
}

#cc-home-gallery:focus-visible,
#cc-home-gallery a:focus-visible {
  outline: 2px solid #c9a44c;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  #cc-home-gallery {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 12px;
    scroll-snap-type: x proximity;
  }

  #cc-home-gallery > a {
    flex: 0 0 75%;
    scroll-snap-align: start;
  }

  #cc-home-gallery img {
    height: 210px;
  }
}
/* Rundade hörn på de tre bildspelsbilderna */
.bountiful--main-wrapper img[src*="65524dfd-bafc"],
.bountiful--main-wrapper img[src*="754dd964-458c"],
.bountiful--main-wrapper img[src*="e3d03311-26c1"] {
  border-radius: 12px !important;
}

/* Klipp även bildspelets visningsyta */
.bountiful--main-wrapper .slick-list:has(
  img[src*="65524dfd-bafc"],
  img[src*="754dd964-458c"],
  img[src*="e3d03311-26c1"]
) {
  border-radius: 12px !important;
  overflow: hidden;
}
/* Valt eller öppet menyval */
.slot--header-horizontal-menu .navbar-nav > li.active,
.slot--header-horizontal-menu .navbar-nav > li.open,
.slot--header-horizontal-menu .navbar-nav > li.active > a,
.slot--header-horizontal-menu .navbar-nav > li.open > a {
  background: #242424 !important;
}

.slot--header-horizontal-menu .navbar-nav > li.active > a,
.slot--header-horizontal-menu .navbar-nav > li.open > a,
.slot--header-horizontal-menu .navbar-nav > li > a:hover,
.slot--header-horizontal-menu .navbar-nav > li > a:focus {
  background: #242424 !important;
  color: #c9a44c !important;
  box-shadow: inset 0 -2px 0 #c9a44c !important;
}

/* Även text inuti menyvalet */
.slot--header-horizontal-menu .navbar-nav > li.active > a span,
.slot--header-horizontal-menu .navbar-nav > li.open > a span,
.slot--header-horizontal-menu .navbar-nav > li > a:hover span {
  color: #c9a44c !important;
}

/* Synlig markering vid tangentbordsnavigering */
.slot--header-horizontal-menu .navbar-nav > li > a:focus-visible {
  outline: 2px solid #c9a44c;
  outline-offset: -2px;
}
/* Kompakt sidhuvud */
body.startpage .bountiful--header-wrapper {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  min-height: 0 !important;
}

body.startpage .slot--header-logo {
  width: 110px !important;
  margin: 0 auto !important;
}

body.startpage .slot--header-logo .tws-logo,
body.startpage .slot--header-logo .tws-logo--image {
  width: 100% !important;
  max-width: 110px !important;
}

body.startpage .slot--header-horizontal-menu
.navbar-nav > li > a {
  font-size: 12px !important;
  padding: 10px 9px !important;
}

/* Bilden fyller hela ytan */
body.startpage .tws-image-carousel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  position: relative;
  isolation: isolate;
  background: #181818;
  padding: 0;
  margin: 0;
}

body.startpage .tws-image-carousel > .slick-slider {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  z-index: 0;
}

body.startpage .tws-image-carousel img {
  object-fit: contain !important;
}

/* Bred toning bakom logotypen */
body.startpage .tws-image-carousel .slick-list {
  border-radius: 12px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to right, transparent 0%, #000 42%, #000 100%
  );
  mask-image: linear-gradient(
    to right, transparent 0%, #000 42%, #000 100%
  );
}

/* Stor logotyp ovanpå vänsterdelen */
body.startpage .tws-image-carousel::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  width: 32%;
  height: 220px;
  box-sizing: border-box;
  padding: 0 22px;
  background:
    url("https://cdn.abicart.com/shop/36292/files/261009-120239.png")
    center / contain no-repeat;
  background-origin: content-box;
  transform: translateY(-25px);
  pointer-events: none;
  z-index: 2;
}

body.startpage .tws-image-carousel::after {
  content: "FOR YOUR GAME";
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  width: 32%;
  text-align: center;
  color: #c9a44c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(16px, 2vw, 28px);
  font-weight: 800;
  letter-spacing: 3px;
  transform: translateY(105px);
  pointer-events: none;
  z-index: 2;
}

/* Mobil: logotyp ovanför bilden */
@media (max-width: 767px) {
  body.startpage .tws-image-carousel::before {
    width: 100%;
    height: 190px;
    background-size: auto 125px;
    transform: translateY(-15px);
  }

  body.startpage .tws-image-carousel::after {
    width: 100%;
    font-size: 17px;
    transform: translateY(65px);
  }

  body.startpage .tws-image-carousel > .slick-slider {
    grid-row: 2;
  }

  body.startpage .tws-image-carousel .slick-list {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
/* Bildspel över hela skärmens bredd */
body.startpage .tws-image-carousel {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Undvik vågrät rullning */
body.startpage {
  overflow-x: clip;
}

/* Bilden går ända ut i kanterna */
body.startpage .tws-image-carousel .slick-list {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Större logotyp */
body.startpage .tws-image-carousel::before {
  width: 34%;
  height: clamp(220px, 23vw, 340px);
  padding: 0 24px;
  transform: translateY(-35px);
}

/* Större text under logotypen */
body.startpage .tws-image-carousel::after {
  width: 34%;
  font-size: clamp(20px, 2.6vw, 40px);
  letter-spacing: 3px;
  transform: translateY(clamp(110px, 13vw, 175px));
}

/* Mobil */
@media (max-width: 767px) {
  body.startpage .tws-image-carousel::before {
    width: 100%;
    height: 210px;
    background-size: auto 140px;
    transform: translateY(-20px);
  }

  body.startpage .tws-image-carousel::after {
    width: 100%;
    font-size: 21px;
    letter-spacing: 2px;
    transform: translateY(75px);
  }
}
/* Bildspelet direkt under sidhuvudet */
body.startpage .bountiful--body,
body.startpage .bountiful--body-wrapper,
body.startpage .bountiful--main,
body.startpage .bountiful--main-wrapper,
body.startpage .bountiful--content-wrapper,
body.startpage .bountiful--content,
body.startpage .bountiful--start-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.startpage .tws-image-carousel {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ren mörk yta bakom texten */
body.startpage .tws-image-carousel .slick-list {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    transparent 28%,
    #000 55%,
    #000 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    transparent 28%,
    #000 55%,
    #000 100%
  );
}

/* Stor text på tre rader */
body.startpage .tws-image-carousel::before {
  content: "OPTIMIZED\A FOR YOUR\A GAME";
  white-space: pre;
  display: block;
  align-self: center;
  width: 40%;
  height: auto;
  min-height: 0;
  padding: 0 0 0 4vw;
  background: none;
  color: #ffffff;
  font-family: Impact, "Arial Narrow", Arial, sans-serif;
  font-size: clamp(38px, 5.5vw, 88px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -1px;
  text-align: left;
  transform: none;
  pointer-events: none;
  z-index: 2;
}

/* Ta bort tidigare underrubrik */
body.startpage .tws-image-carousel::after {
  content: none;
}

/* Mobil: text ovanför den tydliga bilden */
@media (max-width: 767px) {
  body.startpage .tws-image-carousel::before {
    width: 100%;
    padding: 28px 20px;
    font-size: clamp(42px, 10vw, 68px);
  }

  body.startpage .tws-image-carousel .slick-list {
    -webkit-mask-image: none;
    mask-image: none;
  }
}
/* Tydligare typsnitt och guld på OPTIMIZED */
body.startpage .tws-image-carousel {
  --cc-hero-font: clamp(30px, 4.5vw, 72px);
}

body.startpage .tws-image-carousel::before,
body.startpage .tws-image-carousel::after {
  display: block;
  width: 40%;
  height: auto;
  min-height: 0;
  box-sizing: border-box;
  padding: 0 0 0 4vw;
  background: none;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: var(--cc-hero-font);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -1px;
  text-align: left;
  white-space: pre;
  pointer-events: none;
  z-index: 2;
}

body.startpage .tws-image-carousel::before {
  content: "OPTIMIZED";
  color: #c9a44c;
  transform: translateY(calc(var(--cc-hero-font) * -1.25));
}

body.startpage .tws-image-carousel::after {
  content: "FOR YOUR\A GAME";
  color: #ffffff;
  transform: translateY(calc(var(--cc-hero-font) * 0.6));
}

/* Mobil: tre rader ovanför bilden */
@media (max-width: 767px) {
  body.startpage .tws-image-carousel {
    --cc-hero-font: clamp(30px, 7.5vw, 48px);
  }

  body.startpage .tws-image-carousel::before {
    grid-row: 1;
    width: 100%;
    padding: 24px 20px 0;
    transform: none;
  }

  body.startpage .tws-image-carousel::after {
    grid-row: 2;
    width: 100%;
    padding: 0 20px 24px;
    transform: none;
  }

  body.startpage .tws-image-carousel > .slick-slider {
    grid-row: 3;
  }
}
/* Mobil: samma uppbyggnad som på dator */
@media (max-width: 767px) {
  body.startpage .tws-image-carousel {
    --cc-hero-font: clamp(15px, 4.5vw, 34px);
    grid-template-columns: minmax(0, 1fr);
  }

  body.startpage .tws-image-carousel > .slick-slider {
    grid-column: 1;
    grid-row: 1;
  }

  body.startpage .tws-image-carousel::before,
  body.startpage .tws-image-carousel::after {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    width: 40%;
    height: auto;
    min-height: 0;
    padding: 0 0 0 4vw;
    font-size: var(--cc-hero-font);
    letter-spacing: -0.4px;
  }

  body.startpage .tws-image-carousel::before {
    transform: translateY(calc(var(--cc-hero-font) * -1.25));
  }

  body.startpage .tws-image-carousel::after {
    transform: translateY(calc(var(--cc-hero-font) * 0.6));
  }

  body.startpage .tws-image-carousel .slick-list {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      transparent 28%,
      #000 55%,
      #000 100%
    );
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      transparent 28%,
      #000 55%,
      #000 100%
    );
  }
}
/* Den nya rubriken visas bara på mobil */
#cc-mobile-game-title {
  display: none;
}

@media (max-width: 767px) {
  /* Ta bort texten ovanpå bildspelet */
  body.startpage .tws-image-carousel::before,
  body.startpage .tws-image-carousel::after {
    content: none !important;
    display: none !important;
  }

  body.startpage .tws-image-carousel > .slick-slider {
    grid-column: 1;
    grid-row: 1;
  }

  /* Hela bilden utan toning */
  body.startpage .tws-image-carousel .slick-list {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  /* Dölj den gamla introduktionen till rutorna */
  body.startpage .cc-bandy .cc-intro,
  body.startpage #cc-bandy-overview .cc-intro {
    display: none !important;
  }

  /* Ny rubrik precis före de fyra rutorna */
  body.startpage #cc-mobile-game-title {
    display: block;
    margin: 0 0 24px;
    padding: 12px 8px;
    color: #ffffff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: clamp(28px, 8vw, 44px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1px;
    text-align: left;
  }

  #cc-mobile-game-title span {
    display: block;
  }

  #cc-mobile-game-title span:first-child {
    color: #c9a44c;
  }
}
#cc-innotech-banner {
  margin-bottom: 16px !important;
}

#cc-innotech-banner img {
  width: 100% !important;
  height: clamp(160px, 24vw, 280px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 12px !important;
}

@media (max-width: 767px) {
  #cc-innotech-banner img {
    height: 150px !important;
  }
}

/* STARTSIDA: kompakt avstånd och samlad logotyp / Instagram */
body.startpage .cc-bandy .cc-intro,
body.startpage #cc-bandy-overview .cc-intro {
  display: none !important;
}

body.startpage .cc-bandy.cc-home-compact {
  padding-top: 14px !important;
  margin-top: 0 !important;
}

body.startpage .cc-home-compact .cc-grid {
  margin-top: 0 !important;
}

body.startpage .tws-image-carousel {
  --cc-brand-width: clamp(220px, 28vw, 390px);
  --cc-brand-height: clamp(123px, 15.62vw, 218px);
  margin-bottom: 0 !important;
}

/* Silverikonen och texten bildar en egen rad. */
body.startpage #cc-instagram-top {
  --cc-instagram-size: 76px;
  position: absolute;
  top: calc(50% + var(--cc-brand-height) * 0.25 + 18px);
  bottom: auto;
  left: calc(6vw + var(--cc-brand-width) / 2 - 115px);
  right: auto;
  display: block !important;
  width: 230px;
  height: var(--cc-instagram-size);
  margin: 0 !important;
  padding: 0 !important;
  z-index: 6;
}

body.startpage #cc-instagram-top a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #dce2e8 !important;
  text-decoration: none;
  animation: none !important;
  transform: none;
}

body.startpage #cc-instagram-top svg {
  display: block !important;
  flex: 0 0 var(--cc-instagram-size);
  width: var(--cc-instagram-size) !important;
  height: var(--cc-instagram-size) !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
}

body.startpage #cc-instagram-top .cc-instagram-label {
  position: static;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #f5f5f5 !important;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  transform: none;
  animation: cc-follow-label-bounce 950ms ease-out 450ms 3;
}

body.startpage #cc-instagram-top a:hover {
  color: #ffffff !important;
}

body.startpage #cc-instagram-top a:hover .cc-instagram-label {
  color: #dfbd70 !important;
  background: transparent;
}

body.startpage #cc-instagram-top a:focus-visible {
  outline: 2px solid #dfbd70;
  outline-offset: 6px;
}

/* Ett långsamt silverblänk över ikonens linjer. */
body.startpage #cc-instagram-top a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--cc-instagram-size);
  height: var(--cc-instagram-size);
  pointer-events: none;
  background: linear-gradient(110deg,
    transparent 35%, rgba(255, 255, 255, 0.3) 44%,
    #ffffff 50%, rgba(255, 255, 255, 0.3) 56%, transparent 65%);
  background-size: 300% 100%;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.1' fill='white' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.1' fill='white' stroke='none'/%3E%3C/svg%3E") center / contain no-repeat;
  animation: cc-silver-shine 6s ease-in-out infinite;
}

@keyframes cc-silver-shine {
  0%, 15% { background-position: 150% 0; }
  60%, 100% { background-position: -150% 0; }
}

@keyframes cc-follow-label-bounce {
  0%, 100% { transform: translateY(0); }
  30% { transform: translateY(-7px); }
  55% { transform: translateY(0); }
  75% { transform: translateY(-3px); }
}

#cc-home-mobile-brand {
  display: none;
}

@media (min-width: 768px) {
  body.startpage .tws-image-carousel::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 6vw;
    top: 50%;
    bottom: auto;
    width: var(--cc-brand-width);
    height: var(--cc-brand-height);
    min-height: 0;
    margin: 0;
    padding: 0;
    background: url("https://cdn.abicart.com/shop/36292/files/Ny%20Flikikon%202026.png") center / contain no-repeat;
    /* Mörka bildkanter smälter in utan att logotypen beskärs. */
    filter: contrast(1.3);
    mix-blend-mode: screen;
    -webkit-mask-image: none;
    mask-image: none;
    transform: translateY(-75%);
    pointer-events: none;
    z-index: 2;
  }

  body.startpage .tws-image-carousel::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.startpage .cc-bandy.cc-home-compact {
    padding-top: 10px !important;
  }

  body.startpage #cc-home-mobile-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 2px 8px 6px;
  }

  body.startpage #cc-home-mobile-brand #cc-mobile-game-title {
    position: relative;
    order: -1;
    flex: none;
    display: block;
    width: clamp(200px, 60vw, 260px);
    height: clamp(112px, 33.45vw, 145px);
    margin: 0 !important;
    padding: 0 !important;
    background: url("https://cdn.abicart.com/shop/36292/files/Ny%20Flikikon%202026.png") center / contain no-repeat;
    filter: contrast(1.3);
    mix-blend-mode: screen;
    -webkit-mask-image: none;
    mask-image: none;
  }

  body.startpage #cc-mobile-game-title span {
    position: absolute;
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  body.startpage #cc-home-mobile-brand #cc-instagram-top {
    --cc-instagram-size: 52px;
    position: relative;
    inset: auto;
    flex: none;
    width: 200px;
    height: 52px;
    margin: 0 !important;
  }

  body.startpage #cc-instagram-top .cc-instagram-label {
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.startpage #cc-instagram-top .cc-instagram-label,
  body.startpage #cc-instagram-top a::after {
    animation: none !important;
  }

  body.startpage #cc-instagram-top a::after {
    background: none;
  }
}
@media (max-width: 767px) {
  /* Ta bort loggan på mobil */
  body.startpage #cc-home-mobile-brand #cc-mobile-game-title {
    display: none !important;
  }

  /* Kompakt Instagram-rad före rutorna */
  body.startpage #cc-home-mobile-brand {
    flex-direction: row;
    justify-content: flex-end;
    gap: 0;
    margin: 0 0 10px !important;
    padding: 0 4px !important;
  }

  body.startpage .cc-bandy.cc-home-compact {
    padding-top: 6px !important;
  }

  body.startpage #cc-home-mobile-brand #cc-instagram-top {
    --cc-instagram-size: 40px;
    flex: 0 0 auto;
    width: auto;
    height: 40px;
  }

  body.startpage #cc-instagram-top a {
    justify-content: flex-start;
    gap: 8px;
    min-height: 44px;
  }

  body.startpage #cc-instagram-top .cc-instagram-label {
    font-size: 14px;
  }
}
/* Kundtyp och leveransland – läsbara öppna menyer */
body .tws-react-common--dropdown-menu,
body .tws-react-common--search-dropdown,
body .tws-react-common--search-dropdown-wrapper,
body .tws-react-common--search-dropdown-header,
body .tws-react-common--search-dropdown-ul {
  background: #242424 !important;
  color: #f5f5f5 !important;
}

body .tws-react-common--dropdown-menu,
body .tws-react-common--search-dropdown {
  border: 1px solid #c9a44c !important;
}

body .tws-react-common--dropdown-menu-item,
body .tws-react-common--dropdown-menu-item > a,
body .tws-react-common--search-dropdown-item,
body .tws-react-common--search-dropdown-item * {
  background: #242424 !important;
  color: #f5f5f5 !important;
}

body .tws-react-common--search-dropdown-header-input {
  background: #181818 !important;
  color: #ffffff !important;
  border: 1px solid #777 !important;
}

body .tws-react-common--search-dropdown-header-input::placeholder {
  color: #bdbdbd !important;
}

body .tws-react-common--dropdown-menu-item:hover > a,
body .tws-react-common--dropdown-menu-item > a:focus,
body .tws-react-common--search-dropdown-item:hover,
body .tws-react-common--search-dropdown-item:hover * {
  background: #c9a44c !important;
  color: #181818 !important;
}