/* ===== PROMO (til plugin) – fuld funktionalitet, ryddet op i struktur ===== */

/* =========================================================
   MK Promo Tiles – NY SAMLET (ingen dubletter)
   - Video: 9/16 (kun ved video)
   - Billeder/widgets: centreret, bevarer format (ingen crop)
   - Trustpilot: center op/ned
   - CTA-knap (“Se muligheder”) inde i media-feltet (overlay)
   ========================================================= */

/* Promo tile må ikke blive bredere end et produkt */
.woocommerce ul.products li.product.mkpt-promo-tile{
  max-width: 100% !important;
}

/* Gør kortet “stramt” så alt kan ligge oppe i media */
.woocommerce ul.products li.product.mkpt-promo-tile{
  position: relative;
}

/* ÉN ramme: kun på media (ikke på inner) */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-inner{
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  height: auto !important;
}

/* Media-kortet */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media{
  width: 100% !important;
  max-width: 100% !important;

  border: 1px solid #ffffff !important;
  border-radius: var(--pbd-radius) !important;
  overflow: hidden !important;
  background: #fff !important;

  box-sizing: border-box !important;

  /* VIGTIGT: default er dynamisk */
  aspect-ratio: auto !important;
  height: auto !important;

  /* Center widgets op/ned */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* plads til overlay-knappen */
  padding: 12px !important;
  padding-bottom: 86px !important; /* giver plads til knappen i bunden */
  position: relative !important;
}

/* --- KUN VIDEO: portræt 9/16 + fylder feltet (men uden at skubbe knap ned) --- */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media:has(video){
  aspect-ratio: 9 / 16 !important;
}

/* Video: 100% bredde/højde i feltet, men bevar indhold */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important; /* video må gerne fylde pænt */
  border-radius: calc(var(--pbd-radius) - 2px) !important;
}

/* --- Billeder: som widgets (centreret + originalt format, ingen crop) --- */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media img{
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: calc(var(--pbd-radius) - 2px) !important;
}

/* --- Trustpilot / iframe: centreret op/ned + fornuftig højde --- */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media iframe,
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media .trustpilot-widget{
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  display: block !important;
  border-radius: calc(var(--pbd-radius) - 2px) !important;
}

/* Trustpilot “kort-højde” så det kan centreres op/ned i feltet */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media:has(iframe),
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media:has(.trustpilot-widget){
  min-height: 340px !important;
}

/* --- CTA-knappen: læg den IND i media-feltet (overlay) --- */
/* Rammer typisk WooCommerce loop-knappen */
.woocommerce ul.products li.product.mkpt-promo-tile a.button,
.woocommerce ul.products li.product.mkpt-promo-tile .button{
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 14px !important;
  margin: 0 !important;
  z-index: 5 !important;
}

.woocommerce ul.products li.product.mkpt-promo-tile .price{
  margin-bottom: 1px !important;
}

/* === Promo tile: fjern luft under media (0px) === */
.woocommerce ul.products li.product.mkpt-promo-tile,
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-inner{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Hvis temaet giver ekstra luft under billed-/media-wrap */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media{
  margin-bottom: 0 !important;
}

/* Hvis dit tema bruger en "content/info" wrapper under media */
.woocommerce ul.products li.product.mkpt-promo-tile .mkpt-content,
.woocommerce ul.products li.product.mkpt-promo-tile .product-details,
.woocommerce ul.products li.product.mkpt-promo-tile .product-inner,
.woocommerce ul.products li.product.mkpt-promo-tile .product-wrap{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* === MOBIL: promo VIDEO (1:1) uden at påvirke desktop === */
@media (max-width: 767px){

  /* Video-container: kvadrat (1:1) + ingen “knap-reserve” */
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media:has(video){
    aspect-ratio: auto !important;
    height: auto !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
  }

  /* Video: fyld kvadratet pænt */
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media video{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: calc(var(--pbd-radius) - 2px) !important;
  }

  /* Knap under video (ikke overlay ovenpå) */
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video) a.button,
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video) .button{
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 12px !important;
    z-index: auto !important;
  }
}

/* =========================================================
   FINAL FIX – MOBIL: VIDEO (FILM) FULL WIDTH + 1:1
   - Gør video-promo til fuld bredde (2 kolonner) på mobil
   - Tving 1:1 (kvadrat) på mobil så højden ikke løber løbsk
   - Ligger nederst for at vinde over tidligere regler
   ========================================================= */
@media (max-width: 767px){

  /* Hvis browseren understøtter :has(), så kan vi vælge parent automatisk */
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video){
    grid-column: 1 / -1 !important; /* fuld bredde */
    width: 100% !important;
  }

  /* Fallback hvis :has() ikke virker:
     Tilføj klassen "mkpt-video" på den promo-tile der indeholder video (li elementet). */
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video{
    grid-column: 1 / -1 !important; /* fuld bredde */
    width: 100% !important;
  }

  /* Kvadratisk video-ramme på mobil */
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media:has(video),
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media{
    aspect-ratio: auto !important;
    height: auto !important;
    padding: 0 !important;
    display: block !important;
  }

  /* Video fylder kvadratet pænt */
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media video,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media video{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
  }

  /* CTA-knap under video (ikke overlay) */
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video) a.button,
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video) .button,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video a.button,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .button{
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 12px !important;
    z-index: auto !important;
  }
}

/* =========================================================
   FINAL FIX – MOBIL: VIDEO FULL WIDTH + 9:16 (FAST FORMAT)
   - Video-tile fylder hele rækken (2 kolonner)
   - Mobil-format låses til 9:16, så layoutet bliver stabilt
   - Produkterne under skubbes naturligt ned (ingen "tomt" flex-centreret felt)
   ========================================================= */
@media (max-width: 767px){

  /* Full width tile */
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video),
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video{
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  /* Media: lås 16:9 og fjern alt der kan give mærkelige højder */
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media:has(video),
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media{
    display: block !important;
    padding: 0 !important;
    padding-bottom: 0 !important;

    aspect-ratio: 9 / 16 !important; /* 🔑 mobil 9:16 */
    height: auto !important;
    min-height: 0 !important;

    align-items: unset !important;
    justify-content: unset !important;
  }

  /* WP/MEJS wrappers: sørg for de fylder 100% af 9:16 boksen */
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media .wp-video,
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media .mejs-container,
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media .mejs-inner,
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media .mejs-mediaelement,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media .wp-video,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media .mejs-container,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media .mejs-inner,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media .mejs-mediaelement{
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  /* Video: fyld 9:16 boksen */
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-media video,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media video{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important; /* fylder pænt i 16:9 */
  }

  /* Sørg for at tile/inner ikke reserverer ekstra bundplads udover 16:9 */
  .woocommerce ul.products li.product.mkpt-promo-tile,
  .woocommerce ul.products li.product.mkpt-promo-tile .mkpt-inner{
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* CTA-knap under video (ikke overlay) */
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video) a.button,
  .woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video) .button,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video a.button,
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .button{
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 12px !important;
    z-index: auto !important;
  }
}

/* =========================================================
   ULTRA FIX: Loop-knapper (SE-style) – tving ud af overlay (RØRER IKKE FILM)
   - Rammer kun produktlister + kun normale produkter (ikke .mkpt-promo-tile)
   - Meget høj specificitet + !important på alle relevante properties
   ========================================================= */

/* Desktop + tablet */
@media (min-width: 768px){

  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart,

  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart,

  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart{
    position: static !important;
    inset: auto !important;          /* nulstil top/right/bottom/left */
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;
    float: none !important;
    clear: none !important;

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

    margin: 14px 0 18px 0 !important; /* SE-luft */
    z-index: 1 !important;
  }

  /* Hvis temaet bruger en "loop button wrapper" der er absolut */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  /* Sørg for at produktindholdet har normal flow (så knap ikke overlapper titel) */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-details,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-details,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-details,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-inner,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-inner,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-inner,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-wrap{
    position: static !important;
  }
}

/* Mobil */
@media (max-width: 767px){
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 12px 0 0 0 !important;
  }
}

@media (max-width: 767px){

  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   CENTER (STÆRK): "Se muligheder" knapper i produktkort (uden at røre FILM)
   - Nogle temaer centrerer ikke med margin:auto når knappen er inline-flex.
   - Derfor centrerer vi wrapperen med flex + sikrer knappen kan stå i midten.
   - Gælder kun normale produkter i produktlister (ikke .mkpt-promo-tile)
   ========================================================= */
@media (min-width: 768px){

  /* Center knap-wrapperen (rammer flere tema-varianter) */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) form.cart,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) form.cart,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) form.cart{
    display: flex !important;
    justify-content: center !important;
  }

  /* Selve knappen: tillad centreret placering */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart,

  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart,

  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart{
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }
}

@media (max-width: 767px){

  .woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) form.cart{
    display: flex !important;
    justify-content: center !important;
  }

  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  .woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart{
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }
}

/* =========================================================
   FINAL ALIGN: Knap centreret + badge helt yderst (uden at røre FILM)
   - Gælder kun produktlister og kun normale produkter (ikke .mkpt-promo-tile)
   ========================================================= */

/* 1) Gør produktkort til “column layout” så CTA kan stå pænt centreret */
@media (min-width: 768px){

  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile),
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile),
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile){
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* Lad indholdet fylde, og skub CTA ned */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-details,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-details,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-details,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-inner,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-inner,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-inner,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .product-wrap{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
  }

  /* Center CTA wrapper og skub den ned */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add-to-cart-wrap,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .add_to_cart_button_wrap,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) form.cart,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) form.cart,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) form.cart{
    margin-top: auto !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Selve knappen: center + nulstil floats/absolutes */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,

  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button,

  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.add_to_cart_button,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.ajax_add_to_cart,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) a.added_to_cart,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .button{
    position: static !important;
    float: none !important;
    transform: none !important;
    margin: 14px auto 18px auto !important;
    align-self: center !important;
  }

  /* 2) Badge/label helt ud til kanten (top/venstre) */
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .onsale,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .onsale,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .onsale,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .br_alabel,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .br-alabel,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .berocket_label,
  body.archive #woocommerce ul.products li.product:not(.mkpt-promo-tile) .berocket_badge,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .br_alabel,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .br-alabel,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .berocket_label,
  body.tax-product_cat #woocommerce ul.products li.product:not(.mkpt-promo-tile) .berocket_badge,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .br_alabel,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .br-alabel,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .berocket_label,
  body.woocommerce-page #woocommerce ul.products li.product:not(.mkpt-promo-tile) .berocket_badge{
    position: absolute !important;
    top: -10px !important;
    left: -10px !important;
    z-index: 12 !important;
  }
}


/* ===== EXTRA CSS (resten) – fuld funktionalitet ===== */

/* === Ekstra CSS (samlet + renset) === */

/* Formular-hint */
#frm_form_5_container::after {
  content: "Husk at udfyld alle felter, inden du går videre til næste trin";
  color: #a30000;
}

/* Kalkulator – knapper afstand */
.page .calculator .content_steps .next_step,
.page .calculator .content_steps .prev_step {
  margin-top: 10px;
}

/* Søgning i header – entydig regel */
#header #iconmenu .search-form label .search-field {
  top: auto !important;
}

/* Placeholder-farver */
::-webkit-input-placeholder { color: #808080 !important; }

::-moz-placeholder        { color: #808080 !important; }

:-ms-input-placeholder    { color: #808080 !important; }

:-moz-placeholder         { color: #808080 !important; }

/* Kalkulator – hjælpe-ikon */
.page .calculator .content_steps .step3 .need-help {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #D5C7A1;
  position: absolute;
  top: 0 !important;
  right: -26px;
  z-index: 99 !important;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,.16);
  cursor: help;
}

/* Sprog dropdown */
#header #iconmenu .lang-wrap .sum-languages {
  box-shadow: 0 5px 6px rgba(0,0,0,.16);
}

/* Produktbeskrivelse – overskrifter spacing */
.single-product .woocommerce-product-details__short-description h2,
.single-product .woocommerce-product-details__short-description h3,
.single-product .woocommerce-product-details__short-description h4 {
  margin-bottom: 10px !important;
  margin-top: 20px !important;
  font-weight: 700;
}

.single-product .woocommerce-product-details__short-description h2:first-child,
.single-product .woocommerce-product-details__short-description h3:first-child,
.single-product .woocommerce-product-details__short-description h4:first-child {
  margin-top: 0 !important;
}

/* Responsive tabel labels i kurv */
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
  content: attr(data-title) " ";
  font-weight: 700;
  float: left;
}

/* Checkout – ViaBill række uden kant + højrejuster tal */
.cart_totals .shop_table_responsive tr.vbill { border-bottom: none !important; }

.viabill-table-checkout-via td { text-align: right; }

/* Kalkulator – baggrundsbillede på specifik radioknap */
.page .calculator .content_steps .step4 .frm_radio label[for="field_lpv76-15"]::before {
  background-image: url(/wp-content/uploads/2019/06/bordben_stolpe.jpg);
}

/* Produktgalleri – fallback så billeder altid er synlige (inkognito mv.) */
.single-product .woocommerce-product-gallery {
  opacity: 1 !important;
  visibility: visible !important;
}

/* === Quantity & “Tilføj til kurv” – samme bredde, pæn linje (FLEX) === */
.single-product div.product form.cart .quantity,
.single-product div.product form.cart .single_add_to_cart_button{
  width:100% !important;
}

.single-product div.product form.cart .quantity{
  display:flex !important;
  align-items:stretch;
  gap:0;
  height:56px;
  box-sizing:border-box;
  margin:0 0 14px 0;
  border:0;
}

.single-product .quantity .qty{
  flex:1 1 auto;
  height:56px;
  margin:0 !important;
  text-align:center;
  box-sizing:border-box;
}

.single-product .quantity .minus,
.single-product .quantity .plus{
  width:56px;
  height:56px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  float:none !important;
  position:static !important;
  line-height:1;
  border:0;
}

.single-product .quantity::before,
.single-product .quantity::after,
.single-product .quantity .minus::before,
.single-product .quantity .plus::before{
  content:none !important;
  display:none !important;
  border:0 !important;
}

/* Mobilmenu øverst */
.off-canvas,
.off-canvas-sidebar,
.mobile-nav,
.nav-dropdown,
.mfp-wrap,
.mfp-bg {
  position: relative;
  z-index: 99999 !important;
}

/* Læg BeRocket badges bag menuen */
.br_alabel,
.br_alabel *,
.br-alabel,
.br-alabel *,
.berocket_label,
.berocket_label *,
.berocket_badge,
.berocket_badge *,
.berocket_sale_flash,
.berocket_sale_flash * {
  position: relative;
  z-index: 1 !important;
}

/* Når menuen er åben: deaktiver klik på badges */
body.off-canvas-open .br_alabel,
body.off-canvas-open .berocket_label,
body.off-canvas-open .berocket_badge,
body.off-canvas-open .berocket_sale_flash {
  pointer-events: none;
}

/* Læg venstre CTA bag menuen */
a.showroom_btn{ z-index: 20 !important; }

body.off-canvas-open a.showroom_btn{
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Skjul zoom-overlay tidligt så det ikke bliver LCP */
.single-product img.zoomImg{
  opacity: 0 !important;
  pointer-events: none !important;
}

body.pbd-zoom-ready .single-product img.zoomImg{
  opacity: 1 !important;
}

/* Runde hjørner */
:root{ --pbd-radius: 12px; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.single_add_to_cart_button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  border-radius: var(--pbd-radius) !important;
  overflow: hidden !important;
}

.single-product .entry-summary .quantity,
.single-product .entry-summary .quantity *{
  border-radius: var(--pbd-radius) !important;
}

.single-product .entry-summary .quantity{ overflow: hidden !important; }

.single-product .woocommerce-Tabs-panel,
.single-product .entry-content,
.single-product .product .woocommerce-product-details__short-description,
.single-product .product .summary + .woocommerce-tabs,
.single-product .product .woocommerce-tabs{
  border-radius: var(--pbd-radius) !important;
  overflow: hidden !important;
}

.single-product table,
.single-product .woocommerce-product-attributes,
.single-product .shop_attributes{
  border-radius: var(--pbd-radius) !important;
  overflow: hidden !important;
  border-collapse: separate !important;
}

.single-product table tr:first-child th:first-child,
.single-product table tr:first-child td:first-child{ border-top-left-radius: var(--pbd-radius) !important; }

.single-product table tr:first-child th:last-child,
.single-product table tr:first-child td:last-child{ border-top-right-radius: var(--pbd-radius) !important; }

.single-product table tr:last-child td:first-child,
.single-product table tr:last-child th:first-child{ border-bottom-left-radius: var(--pbd-radius) !important; }

.single-product table tr:last-child td:last-child,
.single-product table tr:last-child th:last-child{ border-bottom-right-radius: var(--pbd-radius) !important; }

.woocommerce input[type="text"],
.woocommerce input[type="number"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="search"],
.woocommerce textarea,
.woocommerce select,
.woocommerce .input-text {
  border-radius: var(--pbd-radius) !important;
  overflow: hidden;
}

/* Skjul showroom_btn på mobil i Kurv + Checkout */
@media (max-width: 768px){
  body.woocommerce-cart a.showroom_btn,
  body.woocommerce-checkout a.showroom_btn{
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* ================================
   MOBIL: 2 produkter pr række
   ================================ */
@media (max-width: 767px){

  .woocommerce ul.products{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .woocommerce ul.products li.product{
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
  }

  .woocommerce ul.products::before,
  .woocommerce ul.products::after,
  .woocommerce ul.products li.product::before,
  .woocommerce ul.products li.product::after{
    content: none !important;
    display: none !important;
  }
}

/* ================================
   DESKTOP: stabil 5-kolonne
   ================================ */
@media (min-width: 768px){

  body.archive #woocommerce ul.products.columns-5,
  body.tax-product_cat #woocommerce ul.products.columns-5,
  body.woocommerce-page #woocommerce ul.products.columns-5{
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  body.archive #woocommerce ul.products.columns-5 > li.product,
  body.tax-product_cat #woocommerce ul.products.columns-5 > li.product,
  body.woocommerce-page #woocommerce ul.products.columns-5 > li.product{
    width: 20% !important;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;

    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 0 30px 0 !important;
  }
}

/* =========================================================
   DESKTOP: SE-look – produkter “står for sig selv”
   - Skifter kun DESKTOP 5-kolonne til grid med gap
   - Giver hvert produktkort kant + let skygge
   - Rører IKKE mobil/film-regler
   ========================================================= */
@media (min-width: 768px){

  body.archive #woocommerce ul.products.columns-5,
  body.tax-product_cat #woocommerce ul.products.columns-5,
  body.woocommerce-page #woocommerce ul.products.columns-5{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.archive #woocommerce ul.products.columns-5 > li.product,
  body.tax-product_cat #woocommerce ul.products.columns-5 > li.product,
  body.woocommerce-page #woocommerce ul.products.columns-5 > li.product{
    width: auto !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Fjern temaets clearfix */
  body.archive #woocommerce ul.products.columns-5::before,
  body.archive #woocommerce ul.products.columns-5::after,
  body.tax-product_cat #woocommerce ul.products.columns-5::before,
  body.tax-product_cat #woocommerce ul.products.columns-5::after,
  body.woocommerce-page #woocommerce ul.products.columns-5::before,
  body.woocommerce-page #woocommerce ul.products.columns-5::after{
    content: none !important;
    display: none !important;
  }

  /* Kortene: kant + let skygge + runding (gør “adskillelsen”) */
  body.archive #woocommerce ul.products.columns-5 > li.product,
  body.tax-product_cat #woocommerce ul.products.columns-5 > li.product,
  body.woocommerce-page #woocommerce ul.products.columns-5 > li.product{
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: var(--pbd-radius) !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.06) !important;
  }

  /* Indvendig luft (så indhold ikke klistrer til kanten).
     Hvis dit tema allerede har padding inde i en wrapper, kan du sænke denne til fx 12px. */
  body.archive #woocommerce ul.products.columns-5 > li.product > *,
  body.tax-product_cat #woocommerce ul.products.columns-5 > li.product > *,
  body.woocommerce-page #woocommerce ul.products.columns-5 > li.product > *{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  /* Top/bund luft på typiske wrappers */
  body.archive #woocommerce ul.products.columns-5 > li.product img,
  body.tax-product_cat #woocommerce ul.products.columns-5 > li.product img,
  body.woocommerce-page #woocommerce ul.products.columns-5 > li.product img{
    margin-top: 18px !important;
  }

  body.archive #woocommerce ul.products.columns-5 > li.product .button,
  body.tax-product_cat #woocommerce ul.products.columns-5 > li.product .button,
  body.woocommerce-page #woocommerce ul.products.columns-5 > li.product .button{
    margin-bottom: 18px !important;
  }
}

/* =========================================================
   LABELS: Yderste lag på kategorier (BeRocket/onsale)
   - Sørger for at badges/labels altid ligger øverst i produktkortet
   - Gælder kun produktlister (kategori/arkiv/shop)
   ========================================================= */
@media (min-width: 768px){

  /* Produktkort må gerne være "overflow: visible" så badges kan ligge helt yderst */
  body.archive #woocommerce ul.products li.product,
  body.tax-product_cat #woocommerce ul.products li.product,
  body.woocommerce-page #woocommerce ul.products li.product{
    position: relative !important;
    overflow: visible !important;
  }

  /* WooCommerce onsale */
  body.archive #woocommerce ul.products li.product .onsale,
  body.tax-product_cat #woocommerce ul.products li.product .onsale,
  body.woocommerce-page #woocommerce ul.products li.product .onsale{
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 9999 !important;
    pointer-events: none !important;
  }

  /* BeRocket Better Labels – wrappers */
  body.archive #woocommerce ul.products li.product .berocket_better_labels,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_left,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_left,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_left,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_right,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_right,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_right{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
    pointer-events: none !important;
    width: 100% !important;
    height: 0 !important;
  }

  /* Venstre badges (fx %-cirkel) */
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_left .br_alabel,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_left .br_alabel,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_left .br_alabel,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_left .br-alabel,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_left .br-alabel,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_left .br-alabel,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_left .berocket_label,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_left .berocket_label,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_left .berocket_label,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_left .berocket_badge,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_left .berocket_badge,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_left .berocket_badge{
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 9999 !important;
  }

  /* Højre labels (fx "UDSALG" bånd) */
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_right .br_alabel,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_right .br_alabel,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_right .br_alabel,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_right .br-alabel,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_right .br-alabel,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_right .br-alabel,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_right .berocket_label,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_right .berocket_label,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_right .berocket_label,
  body.archive #woocommerce ul.products li.product .berocket_better_labels_position_right .berocket_badge,
  body.tax-product_cat #woocommerce ul.products li.product .berocket_better_labels_position_right .berocket_badge,
  body.woocommerce-page #woocommerce ul.products li.product .berocket_better_labels_position_right .berocket_badge{
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 9999 !important;
  }
}

/* =========================================================
   STÆRKT FIX: Labels må ikke vises i desktop mega-menu
   + Menu skal ligge øverst over ALT
   - Skjuler labels/badges i ALLE menu-wrappers vi typisk ser i Flatsome/UX themes
   - Rører ikke labels på produktkort (ul.products li.product ...)
   ========================================================= */

/* 1) Menu/mega-menu skal ligge øverst */
#header,
#header .header-wrapper,
#header .nav-dropdown,
#header .nav,
#header .menu,
#header .primary,
#header .secondary,
.nav-dropdown,
.header-nav,
.header-wrapper,
.ux-menu,
.ux-menu-link,
.ux-menu-item,
.mega-menu,
.mega-menu-wrap,
.mega-menu-wrapper,
.off-canvas,
.mobile-nav{
  position: relative;
  z-index: 999999 !important;
}
/* MOBIL: Promo-billeder + widgets centreres op/ned, men uden at blive små */
@media (max-width: 767px){

  /* Kun promo-tiles der IKKE er video */
  .woocommerce ul.products li.product.mkpt-promo-tile:not(.mkpt-video) .mkpt-media{
    /* behold centrering */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* stop “knap-reserve” i media på mobil */
    padding: 10px !important;
    padding-bottom: 10px !important;

    /* giv feltet en fornuftig højde at centrere i */
    min-height: 180px !important;

    position: relative !important;
  }

  /* Billede: fyld mest muligt uden crop */
  .woocommerce ul.products li.product.mkpt-promo-tile:not(.mkpt-video) .mkpt-media img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Widgets/iframes (fx e-mærket / trustpilot) centreres også */
  .woocommerce ul.products li.product.mkpt-promo-tile:not(.mkpt-video) .mkpt-media iframe,
  .woocommerce ul.products li.product.mkpt-promo-tile:not(.mkpt-video) .mkpt-media .trustpilot-widget{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  /* Knap under på mobil (så den ikke stjæler plads i feltet) */
  .woocommerce ul.products li.product.mkpt-promo-tile:not(.mkpt-video) a.button,
  .woocommerce ul.products li.product.mkpt-promo-tile:not(.mkpt-video) .button{
    position: static !important;
    margin-top: 12px !important;
  }
}
/* DESKTOP: Promo-video helt ud til kanterne (full bleed) – påvirker ikke andre produkter */
@media (min-width: 768px){

  /* 1) Fjern “kort padding” kun på promo-tile (så den ikke bliver indrykket) */
  body.archive #woocommerce ul.products.columns-5 > li.product.mkpt-promo-tile > *,
  body.tax-product_cat #woocommerce ul.products.columns-5 > li.product.mkpt-promo-tile > *,
  body.woocommerce-page #woocommerce ul.products.columns-5 > li.product.mkpt-promo-tile > *{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2) Video media: ingen indre padding/reserve */
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media{
    padding: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
  }

  /* 3) Video fylder hele feltet */
  .woocommerce ul.products li.product.mkpt-promo-tile.mkpt-video .mkpt-media video{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
  }
}

/* Promo VIDEO: fjern feltet under (mkpt-text) som reserverer plads */
.woocommerce ul.products li.product.mkpt-promo-tile.mkpt-has-video .mkpt-text{
  display: none !important;
}

/* Hvis din video-promo ikke altid får mkpt-has-video, så brug også denne fallback */
.woocommerce ul.products li.product.mkpt-promo-tile:has(.mkpt-media video) .mkpt-text{
  display: none !important;
}
/* Promo (ikke-video): undgå at widgets/SVG strækkes (e-mærket) */
.woocommerce ul.products li.product.mkpt-promo-tile:not(.mkpt-has-video) .mkpt-media{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.woocommerce div.product div.summary,  
.summary.entry-summary {  
    background: transparent !important;  
}  

.woocommerce-cart td.product-name::before {
    content: "Vare :" !important;
    margin-right: 8px !important;
}
.single-product .summary.entry-summary h1.product_title,
.single-product .summary.entry-summary h1.entry-title,
.single-product .summary.entry-summary .product_title,
.single-product .summary.entry-summary .entry-title {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* v3.3.6 - robust mobile submenu arrows (no lazy background image) */
#mobilenavigation #menuToggle #mobilenavmenu ul.menu li.menu-item-has-children > span {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 60px !important;
  height: 47px !important;
  border-left: 1px solid #fff !important;
  background: none !important;
  cursor: pointer !important;
  z-index: 3 !important;
}
#mobilenavigation #menuToggle #mobilenavmenu ul.menu li.menu-item-has-children > span::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 46% !important;
  width: 10px !important;
  height: 10px !important;
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  transform-origin: 50% 50% !important;
}
#mobilenavigation #menuToggle #mobilenavmenu ul.menu li.menu-item-has-children.stepup-submenu-open > span::after {
  top: 54% !important;
  transform: translate(-50%, -50%) rotate(225deg) !important;
}
/* Child items without children must never show an empty arrow hit-area. */
#mobilenavigation #menuToggle #mobilenavmenu ul.menu li:not(.menu-item-has-children) > span {
  display: none !important;
}


/* v3.3.6.18 - skjul tom mobil-kortbeskrivelse sikkert */
.single-product .shortdesc_mobile:empty {
  display: none !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
}