
body {
  background-image:
    linear-gradient(
      rgba(0,0,0,0.35),
      rgba(15,23,42,0.82)
    ),
    url(  
      https://cdn.abicart.com/shop/ws45/156745/files/PSKG.jpeg?_t=1778146495 
    );
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* =========================
   TOPBAR - PREMIUM MÖRKBLÅ
   ÄNDRAR ENDAST UTSEENDE
========================= */

.bountiful--top-bar {
  background: rgba(7,26,48,0.72) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10);

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


.bountiful--top-bar,
.bountiful--top-bar a,
.bountiful--top-bar span {
  color: rgba(255,255,255,0.75) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.94) !important;
  font-size: 13px;
  font-weight: 600;
}

.bountiful--top-bar a {
  text-decoration: none !important;
}

.bountiful--top-bar a:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* =========================
   HEADER DESKTOP - KOMPAKT
========================= */

@media (min-width: 768px) {
  .bountiful--header {
    position: relative;
    background: rgba(7,26,48,0.25);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-bottom:
      1px solid rgba(255,255,255,0.08);
  }

  .bountiful--header-wrapper {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    height: 78px;
    padding: 0 24px;
    display: flex;
    align-items: center;
  }

  .bountiful--header-left {
    width: 30%;
  }

  .bountiful--header-middle {
    flex: 1;
  }

  .bountiful--header-right {
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 18px;
  }

  .slot--header-search .tws-article-search {
    width: 300px;
    margin: 0;
  }

  .slot--header-search .form-control,
  .slot--header-horizontal-menu .nav > li > a,
  .tws-favorite-list--header-favorite-button,
  .tws-mini-cart--header-cart-button {
    height: 42px !important;
    border-radius: 8px !important;
    border:
      1px solid rgba(255,255,255,0.85);
    background:
      rgba(0,0,0,0.22);
    color: #fff !important;
  }

  .slot--header-search .form-control {
    padding-left: 20px;
    font-weight: 600;
  }

  .slot--header-search .form-control::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .slot--header-horizontal-menu {
    position: absolute !important;
    top: 17px !important;
    left: 28% !important;
    width: auto;
    z-index: 50;
    margin: 0;
  }

  .slot--header-horizontal-menu .navbar {
    background: transparent;
    border: 0;
    margin: 0;
    min-height: 0;
  }

  .slot--header-horizontal-menu .container-fluid,
  .slot--header-horizontal-menu .navbar-collapse {
    padding: 0;
  }

  .slot--header-horizontal-menu .nav {
    display: flex;
    gap: 16px;
  }

  .slot--header-horizontal-menu .nav > li > a {
    padding: 0 24px !important;
    display: flex;
    align-items: center;
    font-weight: 700;
  }

  .slot--header-cart,
  .tws-mini-cart,
  .tws-mini-cart--header-cart-button,
  .tws-mini-cart--header-cart-info {
    height: 42px !important;
    min-height: 42px !important;
  }
  .tws-mini-cart--header-cart-button {
    padding: 0 18px !important;
  }

  /* Favoritknapp samma storlek som varukorg */
  .tws-favorite-list--header-favorite-button {
    width: 58px !important;
    min-width: 58px !important;
    height: 42px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tws-mini-cart--header-cart-info {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .tws-mini-cart--header-cart-img,
  .tws-mini-cart--header-quantity,
  .tws-mini-cart--header-cart-text {
    color: #fff !important;
  }

  .slot--header-shipping-notice {
    display: none !important;
  }
}


/* =========================
   CHECKOUT
========================= */

/* CHECKOUT RUBRIKER */
h2.tws-cart-summary--header,
h2.tws-opc-cart--cart-heading,
h2.tws-checkout--select-delivery-heading,
h2.tws-checkout--select-payment-heading,
h2.tws-checkout--complete-heading {
  color: #fff !important;
  -webkit-text-fill-color:
    #fff !important;
  text-shadow:
    0 1px 3px rgba(0,0,0,0.6);
}


/* Text inne i vita boxar */
.tws-cart-summary *:not(h2),
.tws-opc-cart *:not(h2),
.tws-checkout--select-delivery *:not(h2),
.tws-checkout--select-payment *:not(h2),
.tws-checkout--complete *:not(h2) {
  color: #000 !important;
  -webkit-text-fill-color:
    #000 !important;
}


/* Totalsumma */
.tws-checkout--pay-total,
.tws-checkout--pay-total span,
.tws-checkout--pay-total .tws-checkout--total-vat,
.tws-checkout--pay-total .tws-api--price-current {
  color: #fff !important;
  -webkit-text-fill-color:
    #fff !important;
}


/* Orderbekräftelse */
h2.tws-checkout-success--label {
  color: #fff !important;
  -webkit-text-fill-color:
    #fff !important;
  text-shadow:
    0 1px 3px rgba(0,0,0,0.6);
}

/* Andra köpte också */
.opc-checkout--related h2.tws-util-heading--heading.undefined {
  color: #fff !important;
  -webkit-text-fill-color:
    #fff !important;
  text-shadow:
    0 1px 3px rgba(0,0,0,0.6) !important;
}

/* Produktkort */
.opc-checkout--related .caption a,
.opc-checkout--related .caption p,
.opc-checkout--related .tws-api--price-current {
  color: #000 !important;
  -webkit-text-fill-color:
    #000 !important;
  text-shadow: none !important;
}

/* =========================
   FINANSLOGGA SIDFOT
========================= */

.footer-finance-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.footer-finance-logo img {
  max-height: 42px;
  width: auto;

  background: rgba(255,255,255,0.95);

  padding: 10px 14px;

  border-radius: 12px;

  box-shadow:
    0 4px 14px rgba(0,0,0,0.18);

  transition: 0.25s ease;
}

.footer-finance-logo img:hover {
  transform: translateY(-2px);
}

.finance-link {
  color: #ffffff;
  text-decoration: none;

  font-size: 13px;
  font-weight: 500;

  transition: 0.2s ease;
}

.finance-link:hover {
  opacity: 0.8;
}
.finance-link {
  color: #ffffff;
  text-decoration: none;

  font-size: 13px;
  font-weight: 500;

  display: block;
  width: 100%;
  text-align: center;

  transition: 0.2s ease;
}

/* TOPBAR DROPDOWN - lägg ovanpå headern */
.tws-audience-selector--frame-container {
  z-index: 9999 !important;
}

.bountiful--top-bar {
  position: relative;
  z-index: 10000;
}

.bountiful--header {
  position: relative;
  z-index: 100;
}

