@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

/* =========================================================
   TEKNIKBIKSEN FORSIDE - PRODUKTKARRUSELLER
   ---------------------------------------------------------
   Bevidst IKKE scoped til .pageTypefrontpage.
   .home-carousel bruges kun af forsidens produktsektioner.
   ========================================================= */

.home-carousel {
  position: relative;
  margin: 38px 0 50px !important;
  padding: 0 !important;
}

.home-carousel__head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 20px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #e4eaec !important;
}

.home-carousel__titlewrap {
  min-width: 0 !important;
  max-width: 760px !important;
}

.home-carousel__eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 6px !important;
  color: #2c8c99 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .065em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.home-carousel__title {
  margin: 0 !important;
  color: #28363b !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}

.home-carousel__description {
  max-width: 680px !important;
  margin: 8px 0 0 !important;
  color: #5f6f74 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.home-carousel__all,
.home-carousel__all:visited {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 0 15px !important;
  border: 1px solid #d5e3e5 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #267d89 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 3px 10px rgba(38, 50, 56, .04) !important;
}

.home-carousel__all:hover,
.home-carousel__all:focus {
  border-color: #2c8c99 !important;
  background: #f1f8f9 !important;
  color: #216f79 !important;
  text-decoration: none !important;
  outline: none !important;
}

.home-carousel__list,
.home-carousel .angular-productlist,
.home-carousel .modules,
.home-carousel .m-productlist-list {
  margin: 0 !important;
}

/* DanDomains ydre Angular-row skal bare være en normal wrapper. */
.home-carousel .angular-productlist > [data-ng-controller] > .m-productlist-list > .row {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

.home-carousel .angular-productlist > [data-ng-controller] > .m-productlist-list > .row > .col-s-4 {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Selve tracket. */
.home-carousel .modules.m-productlist.m-productlist-list > .row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 0 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: normal !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.home-carousel .modules.m-productlist.m-productlist-list > .row::-webkit-scrollbar {
  display: none !important;
}

.home-carousel .modules.m-productlist.m-productlist-list > .row > .m-productlist-list-item,
.home-carousel .modules.m-productlist.m-productlist-list > .row > .productItem {
  display: block !important;
  float: none !important;
  flex: 0 0 calc((100% - 54px) / 4) !important;
  width: calc((100% - 54px) / 4) !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  scroll-snap-align: start !important;
}

/* Server-rendered/crawler fallback. */
.home-carousel__list > .modules.m-productlist > .row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 0 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.home-carousel__list > .modules.m-productlist > .row::-webkit-scrollbar {
  display: none !important;
}

.home-carousel__list > .modules.m-productlist > .row > .productItem {
  display: block !important;
  float: none !important;
  flex: 0 0 calc((100% - 54px) / 4) !important;
  width: calc((100% - 54px) / 4) !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Produktkort */
.home-carousel .m-productlist-list-item > .type-col,
.home-carousel .m-productlist-item,
.home-carousel .m-productlist-item > form {
  height: 100% !important;
}

.home-carousel .m-productlist-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 435px !important;
  overflow: hidden !important;
  border: 1px solid #e1e8ea !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(35, 51, 57, .055) !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.home-carousel .m-productlist-item > form {
  display: flex !important;
  flex-direction: column !important;
}

.home-carousel .m-productlist-list-item:hover .m-productlist-item {
  border-color: rgba(44, 140, 153, .40) !important;
  box-shadow: 0 12px 26px rgba(35, 51, 57, .10) !important;
  transform: translateY(-2px) !important;
}

.home-carousel .m-productlist-figure {
  position: relative !important;
  display: flex !important;
  flex: 0 0 230px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  min-height: 230px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.home-carousel .m-productlist-figure .m-productlist-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 230px !important;
  padding: 12px !important;
  line-height: 0 !important;
}

.home-carousel .m-productlist-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.home-carousel .m-productlist-splash {
  top: 10px !important;
  left: 10px !important;
  z-index: 4 !important;
}

.home-carousel .m-productlist-splash .badge {
  border-radius: 999px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.home-carousel--spareparts .m-productlist-list-item:first-of-type .m-productlist-figure::after,
.home-carousel--accessories .m-productlist-list-item:first-of-type .m-productlist-figure::after,
.home-carousel--charging .m-productlist-list-item:first-of-type .m-productlist-figure::after {
  content: "Bestseller" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 4 !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  background: #f5d547 !important;
  color: #263238 !important;
  font-size: 8.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 3px 8px rgba(213, 169, 0, .16) !important;
}

.home-carousel .product-description {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px 15px 10px !important;
}

.home-carousel .m-productlist-heading {
  margin: 0 !important;
}

.home-carousel .m-productlist-title {
  display: -webkit-box !important;
  min-height: 58px !important;
  margin: 0 0 6px !important;
  overflow: hidden !important;
  color: #216f79 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

.home-carousel .m-productlist-brand-link,
.home-carousel .m-productlist-brand {
  color: #7b878c !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}

.home-carousel .m-productlist-itemNumber {
  margin: 4px 0 0 !important;
  color: #9aa4a8 !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

.home-carousel .m-productlist-description {
  display: none !important;
}

.home-carousel .m-productlist-stock {
  margin: auto 0 0 !important;
  padding-top: 9px !important;
  color: #607075 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.home-carousel .m-productlist-stock p {
  margin: 0 !important;
}

.home-carousel .m-productlist-stock .fa-check,
.home-carousel .m-productlist-stock .fa-clock-o {
  color: #2c8c99 !important;
}

.home-carousel .m-productlist-transactions {
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 15px 8px !important;
  border-top: 1px solid #edf1f2 !important;
  background: #fafcfc !important;
}

.home-carousel .m-productlist-discount {
  min-height: 14px !important;
  margin: 0 0 3px !important;
}

.home-carousel .m-productlist-price-before-discount {
  color: #8a9599 !important;
  font-size: 11px !important;
}

.home-carousel .m-productlist-price {
  color: #263238 !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

.home-carousel .product-various-price-info {
  display: none !important;
}

.home-carousel .product-action {
  min-height: 0 !important;
  height: auto !important;
  padding: 8px 12px 12px !important;
  background: #fafcfc !important;
}

.home-carousel .product-action > .row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
}

.home-carousel .product-action > .row > .col-s-1,
.home-carousel .product-action > .row > .col-m-4,
.home-carousel .product-action > .row > .col-l-4,
.home-carousel .product-action > .row > .col-xl-8 {
  flex: 0 0 46px !important;
  width: 46px !important;
  max-width: 46px !important;
  padding: 0 !important;
}

.home-carousel .product-action > .row > .m-productlist-tractions-button {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.home-carousel .m-productlist-amount,
.home-carousel .product-action fieldset {
  margin: 0 !important;
}

.home-carousel .m-productlist-input {
  width: 46px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 4px !important;
  border: 1px solid #dce5e7 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #263238 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

.home-carousel .product-action .button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid #e1bd23 !important;
  border-radius: 8px !important;
  background: #f5d547 !important;
  color: #263238 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(213, 169, 0, .13) !important;
}

.home-carousel .product-action .button-primary:hover,
.home-carousel .product-action .button-primary:focus {
  border-color: #d5a900 !important;
  background: #ffdf4f !important;
  color: #263238 !important;
  outline: none !important;
}

.home-carousel .m-productlist-filter,
.home-carousel .m-productlist-sortbar,
.home-carousel .productpagination,
.home-carousel .panel.panel-warning {
  display: none !important;
}

/* Kontroller under kortene */
.home-carousel__controls {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 6px 0 0 !important;
}

.home-carousel__controls.is-hidden {
  display: none !important;
}

.home-carousel__btn {
  display: inline-flex !important;
  flex: 0 0 40px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 1px solid rgba(44, 140, 153, .18) !important;
  border-radius: 999px !important;
  background: #2c8c99 !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(44, 140, 153, .16) !important;
  transition: transform .15s ease, background .15s ease, color .15s ease, opacity .15s ease !important;
}

.home-carousel__btn:hover:not(:disabled),
.home-carousel__btn:focus:not(:disabled) {
  background: #fff !important;
  color: #2c8c99 !important;
  transform: scale(1.04) !important;
  outline: none !important;
}

.home-carousel__btn:disabled {
  opacity: .30 !important;
  cursor: default !important;
}

.home-carousel__btn.is-hidden {
  visibility: hidden !important;
  pointer-events: none !important;
}

.home-carousel__scrollbar {
  flex: 1 1 auto !important;
  display: block !important;
}

.home-carousel__scrollbar-track {
  position: relative !important;
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #d9e7ea !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.home-carousel__scrollbar-thumb {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 72px;
  border-radius: 999px !important;
  background: #2c8c99 !important;
  box-shadow: 0 2px 10px rgba(44, 140, 153, .18) !important;
  transform: translateX(0);
  will-change: transform, width;
  transition: transform .12s linear, width .16s ease !important;
}

@media (max-width: 1100px) {
  .home-carousel .modules.m-productlist.m-productlist-list > .row > .m-productlist-list-item,
  .home-carousel .modules.m-productlist.m-productlist-list > .row > .productItem,
  .home-carousel__list > .modules.m-productlist > .row > .productItem {
    flex-basis: calc((100% - 36px) / 3) !important;
    width: calc((100% - 36px) / 3) !important;
  }

  .home-carousel__title {
    font-size: 30px !important;
  }
}

@media (max-width: 820px) {
  .home-carousel__head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .home-carousel__title {
    font-size: 28px !important;
  }

  .home-carousel__description {
    font-size: 14px !important;
  }

  .home-carousel .modules.m-productlist.m-productlist-list > .row > .m-productlist-list-item,
  .home-carousel .modules.m-productlist.m-productlist-list > .row > .productItem,
  .home-carousel__list > .modules.m-productlist > .row > .productItem {
    flex-basis: calc((100% - 18px) / 2) !important;
    width: calc((100% - 18px) / 2) !important;
  }
}

@media (max-width: 560px) {
  .home-carousel {
    margin: 30px 0 40px !important;
  }

  .home-carousel__title {
    font-size: 24px !important;
  }

  .home-carousel__description {
    font-size: 13px !important;
  }

  .home-carousel .modules.m-productlist.m-productlist-list > .row,
  .home-carousel__list > .modules.m-productlist > .row {
    padding-right: 14% !important;
  }

  .home-carousel .modules.m-productlist.m-productlist-list > .row > .m-productlist-list-item,
  .home-carousel .modules.m-productlist.m-productlist-list > .row > .productItem,
  .home-carousel__list > .modules.m-productlist > .row > .productItem {
    flex-basis: 84% !important;
    width: 84% !important;
  }

  .home-carousel .m-productlist-item {
    min-height: 410px !important;
  }

  .home-carousel .m-productlist-figure {
    flex-basis: 210px !important;
    min-height: 210px !important;
  }

  .home-carousel .m-productlist-figure .m-productlist-link {
    height: 210px !important;
    padding: 10px !important;
  }

  .home-carousel__controls {
    gap: 10px !important;
  }

  .home-carousel__btn {
    flex-basis: 36px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 20px !important;
  }
}

/* Draggable scrollbar thumb */
.home-carousel__scrollbar-thumb {
  cursor: grab !important;
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.home-carousel__scrollbar-thumb:hover {
  filter: brightness(.96);
}

.home-carousel__scrollbar-thumb.is-dragging,
.home-carousel.is-scrollbar-dragging .home-carousel__scrollbar-thumb {
  cursor: grabbing !important;
  transition: width .16s ease !important;
}

.home-carousel.is-scrollbar-dragging,
.home-carousel.is-scrollbar-dragging * {
  cursor: grabbing;
}

/* =========================================================
   FORSIDE REDESIGN v8 - merchandising, modelvælger og trust
   ========================================================= */

/* Hero får lidt mere luft mod den nye modelvælger. */
.hero-std {
  margin-bottom: 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(36, 73, 79, .08) !important;
}

/* Modelvælgeren er nu den primære handling direkte under hero. */
.modelsearch.modelsearch--standalone {
  margin: 0 0 18px !important;
  padding: 30px 32px 24px !important;
  border: 1px solid #dce9eb !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 213, 71, .16), transparent 29%),
    radial-gradient(circle at 100% 100%, rgba(44, 140, 153, .09), transparent 34%),
    linear-gradient(135deg, #fbfcf7 0%, #f2f8f9 100%) !important;
  box-shadow: 0 10px 30px rgba(38, 50, 56, .065) !important;
}

.modelsearch--standalone .modelsearch__heading {
  margin-bottom: 18px !important;
}

.modelsearch--standalone .modelsearch__eyebrow {
  margin-bottom: 7px !important;
  color: #2c8c99 !important;
  font-size: 10.5px !important;
  letter-spacing: .11em !important;
}

.modelsearch--standalone .modelsearch__title {
  font-family: 'Bree Serif', Georgia, serif !important;
  font-size: 31px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  color: #183642 !important;
}

.modelsearch--standalone .modelsearch__intro {
  margin-top: 7px !important;
  font-size: 13px !important;
}

.modelsearch--standalone .modelsearch__inputwrap {
  width: min(940px, 88%) !important;
  gap: 12px !important;
}

.modelsearch--standalone .modelsearch__input {
  height: 54px !important;
  padding-left: 46px !important;
  border: 1px solid #cfdfe2 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  line-height: 54px !important;
  box-shadow: 0 6px 18px rgba(38, 50, 56, .055) !important;
}

.modelsearch--standalone .modelsearch__input:focus,
.modelsearch--standalone .modelsearch__input[aria-expanded="true"] {
  border-color: #2c8c99 !important;
  box-shadow: 0 0 0 4px rgba(44, 140, 153, .10), 0 9px 22px rgba(38, 50, 56, .08) !important;
}

.modelsearch--standalone .modelsearch__button {
  min-width: 165px !important;
  height: 54px !important;
  border: 1px solid #e1bd23 !important;
  border-radius: 12px !important;
  background: #f5d547 !important;
  color: #20343b !important;
  font-size: 13px !important;
  box-shadow: 0 8px 18px rgba(213, 169, 0, .17) !important;
}

.modelsearch--standalone .modelsearch__button:hover,
.modelsearch--standalone .modelsearch__button:focus {
  border-color: #d3ad10 !important;
  background: #ffdf4f !important;
  color: #20343b !important;
  box-shadow: 0 10px 22px rgba(213, 169, 0, .22) !important;
}

/* ---------- Merchandising-kort ---------- */
.tb-merch {
  margin: 0 0 26px !important;
}

.tb-merch__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.tb-merch__right {
  display: grid !important;
  grid-template-rows: minmax(0, 1.17fr) minmax(0, .83fr) !important;
  gap: 16px !important;
  min-width: 0 !important;
}

.tb-merch__mini-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  min-width: 0 !important;
}

.tb-merch-card {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(45, 100, 110, .10) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 26px rgba(36, 73, 79, .07) !important;
  isolation: isolate !important;
}

.tb-merch-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  opacity: .36 !important;
  background-image:
    linear-gradient(30deg, rgba(44, 140, 153, .13) 12%, transparent 12.5%, transparent 87%, rgba(44, 140, 153, .13) 87.5%, rgba(44, 140, 153, .13)),
    linear-gradient(150deg, rgba(44, 140, 153, .13) 12%, transparent 12.5%, transparent 87%, rgba(44, 140, 153, .13) 87.5%, rgba(44, 140, 153, .13)),
    linear-gradient(30deg, rgba(44, 140, 153, .08) 12%, transparent 12.5%, transparent 87%, rgba(44, 140, 153, .08) 87.5%, rgba(44, 140, 153, .08)),
    linear-gradient(150deg, rgba(44, 140, 153, .08) 12%, transparent 12.5%, transparent 87%, rgba(44, 140, 153, .08) 87.5%, rgba(44, 140, 153, .08)) !important;
  background-size: 54px 94px !important;
  background-position: 0 0, 0 0, 27px 47px, 27px 47px !important;
  pointer-events: none !important;
}

.tb-merch-card--spares {
  display: grid !important;
  grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
  grid-template-rows: 1fr auto !important;
  min-height: 510px !important;
  background: linear-gradient(135deg, #d8f6f4 0%, #aee5e7 100%) !important;
}

.tb-merch-card--protection {
  display: grid !important;
  grid-template-columns: minmax(0, 51%) minmax(0, 49%) !important;
  min-height: 286px !important;
  background: linear-gradient(135deg, #fffdf5 0%, #fff4d8 100%) !important;
}

.tb-merch-card--charging {
  min-height: 214px !important;
  background: linear-gradient(135deg, #eaf9f9 0%, #d7f0f3 100%) !important;
}

.tb-merch-card--tools {
  min-height: 214px !important;
  background: linear-gradient(135deg, #f4effb 0%, #e9e1f6 100%) !important;
}

.tb-merch-card__content {
  position: relative !important;
  z-index: 4 !important;
  padding: 30px 30px 26px !important;
}

.tb-merch-card--spares .tb-merch-card__content {
  grid-column: 1 !important;
  grid-row: 1 !important;
  padding: 34px 26px 22px 34px !important;
}

.tb-merch-card--protection .tb-merch-card__content {
  padding: 27px 8px 22px 28px !important;
}

.tb-merch-card--charging .tb-merch-card__content,
.tb-merch-card--tools .tb-merch-card__content {
  width: 62% !important;
  padding: 21px 10px 18px 22px !important;
}

.tb-merch-card__kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(44, 140, 153, .20) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .82) !important;
  color: #267d89 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 3px 10px rgba(38, 50, 56, .045) !important;
}

.tb-merch-card__title {
  margin: 14px 0 8px !important;
  color: #183642 !important;
  font-family: 'Bree Serif', Georgia, serif !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
}

.tb-merch-card--spares .tb-merch-card__title {
  font-size: 45px !important;
  line-height: .98 !important;
}

.tb-merch-card--charging .tb-merch-card__title,
.tb-merch-card--tools .tb-merch-card__title {
  margin-top: 10px !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
}

.tb-merch-card__text {
  max-width: 390px !important;
  margin: 0 0 18px !important;
  color: #35525b !important;
  font-size: 13px !important;
  line-height: 1.52 !important;
}

.tb-merch-card--spares .tb-merch-card__text {
  max-width: 360px !important;
  font-size: 15px !important;
}

.tb-merch-card--charging .tb-merch-card__text,
.tb-merch-card--tools .tb-merch-card__text {
  margin-bottom: 12px !important;
  font-size: 11.5px !important;
  line-height: 1.42 !important;
}

.tb-merch-card__cta,
.tb-merch-card__cta:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 0 17px !important;
  border: 1px solid #e1bd23 !important;
  border-radius: 10px !important;
  background: #f5d547 !important;
  color: #20343b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 7px 16px rgba(213, 169, 0, .16) !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}

.tb-merch-card__cta:hover,
.tb-merch-card__cta:focus {
  background: #ffdf4f !important;
  color: #20343b !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 20px rgba(213, 169, 0, .22) !important;
  outline: none !important;
}

.tb-merch-card--charging .tb-merch-card__cta,
.tb-merch-card--tools .tb-merch-card__cta {
  min-height: 36px !important;
  padding: 0 13px !important;
  font-size: 10.5px !important;
}

.tb-merch-card__visual {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  pointer-events: none !important;
}

.tb-merch-card--spares .tb-merch-card__visual {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  min-height: 510px !important;
}

.tb-merch-product {
  position: absolute !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  filter: drop-shadow(0 14px 16px rgba(27, 55, 60, .16)) !important;
  user-select: none !important;
}

.tb-merch-product--screen {
  z-index: 3 !important;
  right: 8% !important;
  top: 4% !important;
  height: 72% !important;
  transform: rotate(2deg) !important;
}

.tb-merch-product--battery {
  z-index: 4 !important;
  right: 5% !important;
  bottom: 5% !important;
  height: 39% !important;
  transform: rotate(-5deg) !important;
}

.tb-merch-product--port {
  z-index: 5 !important;
  left: 2% !important;
  bottom: 8% !important;
  width: 55% !important;
  transform: rotate(-6deg) !important;
}

.tb-merch-card__visual--protection {
  min-height: 286px !important;
}

.tb-merch-product--cover-orange {
  z-index: 4 !important;
  left: -8% !important;
  top: 5% !important;
  height: 88% !important;
  transform: rotate(-7deg) !important;
}

.tb-merch-product--cover-brown {
  z-index: 3 !important;
  right: -10% !important;
  bottom: 0 !important;
  width: 84% !important;
  transform: rotate(8deg) !important;
}

.tb-merch-card__visual--charging,
.tb-merch-card__visual--tools {
  position: absolute !important;
  inset: 0 !important;
}

.tb-merch-product--charger {
  right: -4% !important;
  bottom: -4% !important;
  width: 52% !important;
  transform: rotate(-3deg) !important;
}

.tb-merch-product--screwdriver {
  right: -7% !important;
  bottom: 18% !important;
  width: 56% !important;
  transform: rotate(-4deg) !important;
}

.tb-merch-card__chips {
  position: relative !important;
  z-index: 6 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 30px 25px 34px !important;
}

.tb-merch-card__chips--inline {
  position: static !important;
  margin-top: 12px !important;
  padding: 0 !important;
}

.tb-merch-card__chips a,
.tb-merch-card__chips a:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 33px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(44, 140, 153, .18) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.88) !important;
  color: #276f79 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(37, 78, 84, .08) !important;
  transition: transform .14s ease, background .14s ease, border-color .14s ease !important;
}

.tb-merch-card__chips a:hover,
.tb-merch-card__chips a:focus {
  border-color: #2c8c99 !important;
  background: #fff !important;
  color: #216f79 !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

/* ---------- Flyttet USP/trust-række ---------- */
.tb-home-trust {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 16px 0 0 !important;
  overflow: hidden !important;
  border: 1px solid #e0ebed !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #fbfcfc 0%, #f3f8f9 100%) !important;
  box-shadow: 0 6px 20px rgba(36, 73, 79, .05) !important;
}

.tb-home-trust__item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  min-height: 86px !important;
  padding: 15px 22px !important;
}

.tb-home-trust__item + .tb-home-trust__item::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 18px !important;
  bottom: 18px !important;
  width: 1px !important;
  background: #dfe9eb !important;
}

.tb-home-trust__icon {
  display: inline-flex !important;
  flex: 0 0 44px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: #2c8c99 !important;
  color: #fff !important;
  font-size: 20px !important;
  box-shadow: 0 6px 16px rgba(44, 140, 153, .18) !important;
}

.tb-home-trust__copy {
  display: block !important;
  min-width: 0 !important;
}

.tb-home-trust__copy strong,
.tb-home-trust__copy small {
  display: block !important;
}

.tb-home-trust__copy strong {
  color: #203b44 !important;
  font-family: 'Bree Serif', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.tb-home-trust__copy small {
  margin-top: 3px !important;
  color: #68797e !important;
  font-size: 10.5px !important;
  line-height: 1.35 !important;
}

/* Carousel-overskrifter bringes ind i den samme visuelle designguide. */
.home-carousel__title {
  font-family: 'Bree Serif', Georgia, serif !important;
  font-weight: 400 !important;
  color: #183642 !important;
}

.home-carousel__eyebrow {
  color: #2c8c99 !important;
}

/* Den gamle gule kontaktbanner-sektion bruges ikke længere på forsiden. */
.tb-front-help-banner {
  display: none !important;
}

@media (max-width: 1050px) {
  .tb-merch-card--spares {
    grid-template-columns: minmax(0, 50%) minmax(0, 50%) !important;
  }

  .tb-merch-card--spares .tb-merch-card__title {
    font-size: 39px !important;
  }

  .tb-merch-card--protection .tb-merch-card__title {
    font-size: 30px !important;
  }

  .tb-merch-card--charging .tb-merch-card__content,
  .tb-merch-card--tools .tb-merch-card__content {
    width: 66% !important;
  }
}

@media (max-width: 900px) {
  .modelsearch--standalone .modelsearch__inputwrap {
    width: 100% !important;
  }

  .tb-merch__grid {
    grid-template-columns: 1fr !important;
  }

  .tb-merch__right {
    grid-template-rows: auto auto !important;
  }

  .tb-merch-card--spares {
    min-height: 470px !important;
  }

  .tb-merch-card--spares .tb-merch-card__visual {
    min-height: 470px !important;
  }

  .tb-merch-card--protection {
    min-height: 300px !important;
  }
}

@media (max-width: 680px) {
  .hero-std {
    border-radius: 12px !important;
  }

  .modelsearch.modelsearch--standalone {
    padding: 23px 16px 18px !important;
  }

  .modelsearch--standalone .modelsearch__title {
    font-size: 25px !important;
  }

  .modelsearch--standalone .modelsearch__inputwrap {
    grid-template-columns: 1fr !important;
  }

  .modelsearch--standalone .modelsearch__button {
    width: 100% !important;
  }

  .tb-merch-card--spares {
    display: block !important;
    min-height: 610px !important;
    padding-bottom: 72px !important;
  }

  .tb-merch-card--spares .tb-merch-card__content {
    width: 100% !important;
    padding: 27px 24px 10px !important;
  }

  .tb-merch-card--spares .tb-merch-card__title {
    font-size: 37px !important;
  }

  .tb-merch-card--spares .tb-merch-card__visual {
    position: absolute !important;
    left: 32% !important;
    right: 0 !important;
    top: 235px !important;
    bottom: 55px !important;
    min-height: 0 !important;
  }

  .tb-merch-product--screen {
    right: 8% !important;
    top: 0 !important;
    height: 78% !important;
  }

  .tb-merch-product--battery {
    height: 41% !important;
  }

  .tb-merch-product--port {
    left: -24% !important;
    bottom: 6% !important;
    width: 70% !important;
  }

  .tb-merch-card__chips {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 20px 20px !important;
  }

  .tb-merch-card--protection {
    display: block !important;
    min-height: 420px !important;
  }

  .tb-merch-card--protection .tb-merch-card__content {
    width: 64% !important;
    padding: 25px 8px 20px 22px !important;
  }

  .tb-merch-card__visual--protection {
    position: absolute !important;
    inset: 0 !important;
    min-height: 0 !important;
  }

  .tb-merch-product--cover-orange {
    left: 52% !important;
    top: 16% !important;
    height: 70% !important;
  }

  .tb-merch-product--cover-brown {
    right: -15% !important;
    bottom: 2% !important;
    width: 52% !important;
  }

  .tb-merch__mini-grid {
    grid-template-columns: 1fr !important;
  }

  .tb-merch-card--charging,
  .tb-merch-card--tools {
    min-height: 230px !important;
  }

  .tb-home-trust {
    grid-template-columns: 1fr !important;
  }

  .tb-home-trust__item {
    justify-content: flex-start !important;
    min-height: 76px !important;
    padding: 14px 18px !important;
  }

  .tb-home-trust__item + .tb-home-trust__item::before {
    top: 0 !important;
    bottom: auto !important;
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    height: 1px !important;
  }
}