.opc-checkout--shortcuts {
display: none;
}

.mypages .tws-customer-details--block-customer .form-group .form-control[Name="info.email"] {
   pointer-events: none !important;
}


/*---- CUSTOM LABELS ----*/
.flag-container {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 6px;

  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.flag-container > div,
.product-page-flag {
  padding: 5px 10px;
  border-radius: 3px;
  background: #0e9378;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.tws-article-list--list .tws-list--type-grid .thumbnail .caption,
.tws-articles-two .slick-slider .thumbnail .caption {
  position: static;
}

@media (max-width: 767px) {
  .tws-list.tws-list--list {
    overflow: hidden !important;
  }
}

.flag-container:not(.one-label) {
  left: -5px;
  top: 5px;
}

.flag-container.one-label {
  top: 35px;
  left: -5px;
}

.flag-container.one-label.two-label {
  top: 65px;
  left: -5px;
}

/* Dölj Abicarts originalflagga för GOT i grid */
.flag-container .flag-9610317:not(.flag-contract-got) {
  display: none !important;
}

/* Dölj Abicarts originalflagga för GOT på produktsidan */
.product-page-flag[class~="9610317"] {
  display: none !important;
}

/* Dölj den vanliga KRAV-badgen */
.flag-9621281 {
  display: none !important;
}

/* Premiumstil för GOT / Avtalad vara */
.flag-contract-got,
.sv-product-flag.flag-contract-got {
  background: #eaf4ee !important;
  color: #1f3d2b !important;
  border: 1px solid #c7dccb !important;

  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;

  padding: 5px 10px !important;
  border-radius: 999px !important;

  text-transform: none !important;
  box-shadow: none !important;
}

.flag-contract-got::before,
.sv-product-flag.flag-contract-got::before {
  content: "✓";
  font-size: 10px;
  margin-right: 6px;
  opacity: 0.7;
}

/* KRAV som fristående ikon */
.flag-krav-icon {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;
  margin-left: 2px;

  background: transparent url("/shop/ws23/92523/files/krav.png") center center / contain no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
/* =========================================================
   FUNKTION: Dashboard – kortsystem CSS
   SYFTE: Styr layout och utseende för dashboardens kort
   PÅVERKAR: #sv-dashboard-root och alla dashboard-kort
   VERSION: 2026-03-24
   UPPDATERING: Förberedd för flera kort (primär + sekundär rad)
   START
========================================================= */
#sv-dashboard-root{
  max-width: 1100px;
  margin: 28px auto 34px;
  padding: 0 20px;
}

.sv-dashboard{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.sv-dashboard-row{
  display: grid;
  gap: 16px;
}

.sv-dashboard-row--primary{
  grid-template-columns: 1fr;
}

.sv-dashboard-row--secondary{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sv-dashboard-card{
  background: #f7f7f5;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 18px 20px;
  color: #244224;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}

.sv-dashboard-card--delivery{
  background: #f3f6f2;
  border-left: 4px solid #6c9e6c;
}

.sv-dashboard-card__eyebrow{
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #5f755f;
  margin: 0 0 8px;
}

.sv-dashboard-card__title{
  margin: 0 0 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 600;
  color: #244224;
}

.sv-dashboard-card__date{
  margin: 0 0 10px;
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #244224;
}

.sv-dashboard-card__meta{
  margin: 0;
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #3d593d;
}

.sv-dashboard-card__meta + .sv-dashboard-card__meta{
  margin-top: 4px;
}

.sv-dashboard-card__text{
  margin: 0;
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #445544;
}

.sv-dashboard-card__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, #e9ffd6 0%, #dff9c0 100%);
  color: #1a1a1a;
  text-decoration: none;
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 4px 14px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.sv-dashboard-card__cta:hover{
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 8px 20px rgba(0,0,0,.12);
  filter: brightness(.98) saturate(1.02);
}

@media (max-width: 991px){
  .sv-dashboard-row--secondary{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px){
  #sv-dashboard-root{
    margin: 20px auto 26px;
    padding: 0 14px;
  }

  .sv-dashboard{
    gap: 14px;
  }

  .sv-dashboard-row{
    gap: 14px;
  }

  .sv-dashboard-row--secondary{
    grid-template-columns: 1fr;
  }

  .sv-dashboard-card{
    padding: 16px 16px;
    border-radius: 14px;
  }

  .sv-dashboard-card__title{
    font-size: 18px;
  }

  .sv-dashboard-card__date,
  .sv-dashboard-card__meta,
  .sv-dashboard-card__text,
  .sv-dashboard-card__cta{
    font-size: 14px;
  }
}

.sv-dashboard-card--favorites{
  position: relative;
}

.sv-dashboard-card--favorites .sv-dashboard-card__title::before{
  content: "\f004";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px;
  color: #0c3d17;
  font-size: 16px;
  transform: translateY(-1px);
}
.sv-dashboard-card--contract .sv-dashboard-card__title::before{
  content: "\f00c"; /* FontAwesome check */
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px;
  color: #244224;
  font-size: 15px;
  transform: translateY(-1px);
}

.sv-dashboard-card__alert{
  margin: 18px 0 0;
  padding: 14px 18px;
  border-radius: 14px;

  background: #fff4e8;
  border: 1px solid #f08a24;
  border-left: 3px solid #f08a24;

  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: #3f3f32;
}
.sv-dashboard-card__alert::before{
  content: "\f06a";
  font-family: FontAwesome;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;

  width: 22px;
  height: 22px;
  border-radius: 999px;

  background: #f08a24;
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
  transform: translateY(-1px);
}

.sv-dashboard-card--orders .sv-dashboard-card__title::before{
  content: "\f07c";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px;
  color: #244224;
  font-size: 15px;
  transform: translateY(-1px);
}

/* Enhetlig CTA-stil (a + button) */
.sv-dashboard-card__cta,
.sv-dashboard-card__cta:link,
.sv-dashboard-card__cta:visited{
  text-decoration: none !important;
  color: #1a1a1a !important;
}

/* Button ska bete sig exakt som länk visuellt */
.sv-dashboard-card__cta--button{
  appearance: none;
  border: none;
  cursor: pointer;
  font: inherit;
  color: #1a1a1a !important;
  outline: none;
}

/* Hover konsekvent */
.sv-dashboard-card__cta:hover{
  text-decoration: none !important;
}
.sv-dashboard-card{
  display: flex;
  flex-direction: column;
}

.sv-dashboard-card__cta{
  margin-top: auto;
}
.sv-dashboard-card__cta,
.sv-dashboard-card__cta:link,
.sv-dashboard-card__cta:visited,
.sv-dashboard-card__cta--button{
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
}

.sv-dashboard-card__cta--button{
  appearance: none;
  border: none;
  cursor: pointer;
  outline: none;
}

.sv-dashboard-card__cta:hover{
  text-decoration: none !important;
}

/* =========================================================
   FUNKTION: Dashboard – kortsystem CSS
   SLUT
========================================================= */
/* =========================================================
   FUNKTION: Avtalsöversikt – CSS
   VERSION: 2026-03-24
   START
========================================================= */

#sv-contract-overview-root{
  max-width: 1100px;
  margin: 40px auto 50px;
  padding: 0 20px;
}

.sv-contract-overview{
  background: #f7f7f5;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  padding: 32px 28px;
}

.sv-contract-overview__eyebrow{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6c7568;
  margin-bottom: 10px;
}

.sv-contract-overview__title{
  font-family: Georgia, serif;
  font-size: 30px;
  margin-bottom: 12px;
}

.sv-contract-overview__text{
  font-size: 15px;
  color: #465446;
  margin-bottom: 24px;
}

.sv-contract-overview__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}

.sv-contract-overview__cat{
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  text-align: center;
  text-decoration: none;
  color: #1f2b1f;
  font-weight: 600;
  transition: .15s;
}

.sv-contract-overview__cat:hover{
  transform: translateY(-1px);
}

.sv-contract-overview__cta{
  display: inline-block;
  padding: 10px 18px;
  border-radius: 999px;
  background: #dff9c0;
  font-weight: 600;
  text-decoration: none;
  color: #000;
}
/* === Dashboard spacing fix === */
.sv-dashboard-card__text {
  margin-bottom: 8px;
}

.sv-dashboard-card__cta {
  margin-top: 14px;
}
.sv-dashboard-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sv-dashboard-card__cta {
  margin-top: auto;
}
.sv-dashboard__heading{
  font-family: Georgia, serif;
  font-size: 30px;
  margin: 0 0 10px;
  color: #1f2b1f;
}

.sv-dashboard__intro{
  font-size: 15px;
  color: #465446;
  margin: 0 0 24px;
}
.sv-dashboard-card--delivery .sv-dashboard-card__title::before{
  content: "\f0d1"; /* FontAwesome truck */
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 10px;
  color: #0c3d17;
  font-size: 15px;
  transform: translateY(-1px);
}

/* =========================================================
   SLUT
========================================================= */


/* =========================================================
   PREMIUM FIX – FLAGGOR I LIST VIEW
   Läggs SIST i Egen CSS
========================================================= */

/* Gör listkortet till tydlig referensyta */
.tws-list--type-list .thumbnail,
.tws-list--type-list .tws-list--item,
.tws-list--type-list .tws-article-list--list-item {
  position: relative;
}

/* Själva flaggcontainern i listläge */
.tws-list--type-list .flag-container {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 6px !important;

  z-index: 8 !important;
  pointer-events: none;
  max-width: calc(100% - 24px);
}

/* Själva badgesen */
.tws-list--type-list .flag-container > div {
  pointer-events: auto;

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

  min-height: 24px;
  padding: 4px 10px !important;
  border-radius: 999px !important;

  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  box-shadow: 0 3px 10px rgba(0,0,0,.14);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* GOT / Avtalad vara – egen premiumstil */
.tws-list--type-list .flag-container .flag-contract-got {
  background: linear-gradient(180deg, #eef8ee 0%, #dff1df 100%) !important;
  color: #234223 !important;
  border: 1px solid #6c9e6c !important;
}

.tws-list--type-list .flag-container .flag-contract-got::before {
  content: "✓";
  font-size: 10px;
  margin-right: 6px;
  opacity: .9;
}

/* Rabatt – egen premiumstil */
.tws-list--type-list .flag-container .flag-discount {
  background: linear-gradient(180deg, #fff4d9 0%, #f5df9e 100%) !important;
  color: #5f4810 !important;
  border: 1px solid #d0b15b !important;
}

.tws-list--type-list .flag-container .flag-discount::before {
  content: "★";
  font-size: 10px;
  margin-right: 6px;
  opacity: .9;
}

/* Övriga Abicart-flaggor i listläge – lite mer sober premiumstil */
.tws-list--type-list .flag-container > div[class*="flag-"]:not(.flag-contract-got):not(.flag-discount) {
  background: linear-gradient(180deg, #0e9378 0%, #0a7b64 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}

/* Om listvyn har låg bildhöjd: håll undan texten lite */
.tws-list--type-list .thumbnail .caption,
.tws-list--type-list .thumbnail .caption-wrapper,
.tws-list--type-list .thumbnail .content,
.tws-list--type-list .thumbnail .description {
  position: relative;
  z-index: 1;
}

/* Mobil – lite tajtare men fortfarande premium */
@media (max-width: 767px) {
  .tws-list--type-list .flag-container {
    top: 10px !important;
    left: 10px !important;
    gap: 5px !important;
    max-width: calc(100% - 20px);
  }

  .tws-list--type-list .flag-container > div {
    min-height: 22px;
    padding: 4px 8px !important;
    font-size: 10px !important;
  }
}

/* =========================================================
   EGENA FLAGGOR I LISTVIEW
========================================================= */
.sv-list-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px 0;
}

.sv-list-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 3px 10px rgba(0,0,0,.14);
}

.sv-list-flag--contract {
  background: linear-gradient(180deg, #eef8ee 0%, #dff1df 100%);
  color: #234223;
  border: 1px solid #6c9e6c;
}

.sv-list-flag--contract::before {
  content: "✓";
  font-size: 10px;
  margin-right: 6px;
  opacity: .9;
}
/* ===== AVTALAD VARA – PREMIUM ===== */

.flag-contract-got {
  background: #eaf4ee !important;      /* ljus, mjuk grön */
  color: #1f3d2b !important;           /* djup grön text */
  border: 1px solid #c7dccb !important;

  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;

  padding: 5px 10px;
  border-radius: 999px;

  text-transform: none;                /* bort med SKRIKIGA versaler */
  
  box-shadow: none;
}

/* liten diskret ikon före text */
.flag-contract-got::before {
  content: "✓";
  font-size: 10px;
  margin-right: 6px;
  opacity: 0.7;
}

/* hover – väldigt subtil */
.thumbnail:hover .flag-contract-got {
  background: #e2efe6 !important;
}

/* === GOT + KRAV: stabil layout + optisk justering av KRAV === */
.thumbnail .flag-container.one-label.two-label,
.thumbnail .flag-container.two-label,
.tws-list .thumbnail .flag-container.one-label.two-label,
.tws-list .thumbnail .flag-container.two-label,
.tws-list--type-grid .thumbnail .flag-container.one-label.two-label,
.tws-list--type-grid .thumbnail .flag-container.two-label {
  top: 12px !important;
  left: 12px !important;
  right: 12px !important;
  bottom: auto !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;

  width: calc(100% - 24px) !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Avtalad vara */
.thumbnail .flag-container.one-label.two-label > .flag-contract-got,
.thumbnail .flag-container.two-label > .flag-contract-got,
.tws-list .thumbnail .flag-container.one-label.two-label > .flag-contract-got,
.tws-list .thumbnail .flag-container.two-label > .flag-contract-got,
.tws-list--type-grid .thumbnail .flag-container.one-label.two-label > .flag-contract-got,
.tws-list--type-grid .thumbnail .flag-container.two-label > .flag-contract-got {
  margin: 0 !important;
  flex: 0 1 auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* KRAV */
.thumbnail .flag-container.one-label.two-label > .flag-krav-icon,
.thumbnail .flag-container.two-label > .flag-krav-icon,
.tws-list .thumbnail .flag-container.one-label.two-label > .flag-krav-icon,
.tws-list .thumbnail .flag-container.two-label > .flag-krav-icon,
.tws-list--type-grid .thumbnail .flag-container.one-label.two-label > .flag-krav-icon,
.tws-list--type-grid .thumbnail .flag-container.two-label > .flag-krav-icon {
  display: inline-flex !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;

  background-image: url("https://admin.abicart.se/shop/ws23/92523/files/krav_256_transparent.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center -3px !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* HUVUDMENY (som vi redan gjort) */
.tws-top-menu a.tws-top-menu--dropdown-menu-top-item:hover,
.tws-top-menu a.tws-top-menu--dropdown-menu-top-item:focus,
.tws-top-menu a.tws-top-menu--dropdown-menu-top-item:active,
.tws-top-menu a.tws-top-menu--dropdown-menu-top-item.dropdown-toggle[aria-expanded="true"] {
  background: #dff9c0 !important;
  color: #0c3d17 !important;
}

/* UNDERMENY */
.tws-top-menu .dropdown-menu a:hover,
.tws-top-menu .dropdown-menu a:focus,
.tws-top-menu .dropdown-menu a:active {
  background: #dff9c0 !important;
  color: #0c3d17 !important;
}
.tws-top-menu .dropdown-menu a {
  transition: background 0.2s ease, color 0.2s ease;
}
.tws-top-menu .dropdown-menu {
  border-radius: 6px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
  border: none !important;
  padding: 8px 0 !important;
}

.tws-top-menu .dropdown-menu a {
  padding: 12px 22px !important;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  transition: background 0.25s ease, color 0.25s ease;
}

.tws-top-menu .dropdown-menu a + a {
  border-top: 1px solid rgba(0,0,0,0.05);
}
#search-input {
  background: #ffffff !important;
  color: #111 !important;
  border: 1px solid rgba(0,0,0,0.15);
}

body,
.nordic--main-wrapper,
.nordic--content-wrapper,
.nordic--content,
.view {
  background: #ffffff !important;
}

/* =========================
   TOPBAR + LOGGOR – SLUTVERSION
   ========================= */

.nordic--top-bar {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  height: 64px !important;
  display: flex;
  align-items: center;

  background: #f7f5ef !important;
  border-bottom: 1px solid rgba(0,0,0,0.05);

  transition:
    height .55s cubic-bezier(0.22, 1, 0.36, 1),
    background-color .45s ease,
    border-color .45s ease,
    box-shadow .45s ease;
}

body.sv-scrolled .nordic--top-bar {
  height: 56px !important;
  background: #f7f5ef !important;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

.nordic--top-bar-wrapper {
  position: relative;
  width: 100%;
  background: transparent !important;
  transition: padding .55s cubic-bezier(0.22, 1, 0.36, 1);
}

body.sv-scrolled .nordic--top-bar-wrapper {
  padding-left: 4px;
  padding-right: 4px;
}

/* Text och ikoner */
.nordic--top-bar,
.nordic--top-bar a,
.nordic--top-bar .tws-audience-selector--audience-button-text,
.nordic--top-bar .tws-login--my-pages-text,
.nordic--top-bar .tws-accept-cookies--open-btn a,
.nordic--top-bar .fa,
.nordic--top-bar svg {
  color: #0c3d17 !important;
}

/* Diskret hover i topbar */
.nordic--top-bar a:hover {
  color: #0c3d17 !important;
  opacity: 0.75;
}

/* Kontaktlänken */
.nordic--top-bar .tws-custom-html--content a {
  color: #0c3d17 !important;
  opacity: 1 !important;
  font-weight: 500;
  letter-spacing: 0.14em;
}

.nordic--top-bar .tws-custom-html--content a:hover {
  color: #0c3d17 !important;
  opacity: 0.6 !important;
}

/* Stor logga */
.slot--header-logo {
  transition:
    opacity .55s ease,
    transform .75s cubic-bezier(0.22, 1, 0.36, 1);
  transform-origin: center top;
  will-change: transform, opacity;
}

body.sv-scrolled .slot--header-logo {
  opacity: 0;
  transform: translateY(-3px) scale(0.975);
  pointer-events: none;
}

/* Lilla loggan i topbaren */
.sv-topbar-logo {
  display: inline-flex !important;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  text-decoration: none;

  transform: translateX(-50%) translateY(calc(-50% - 2px)) scale(0.985);
  will-change: transform, opacity;

  transition:
  opacity .65s ease,
  transform .85s cubic-bezier(0.22, 1, 0.36, 1),
  visibility 0s linear .65s;
}

.sv-topbar-logo img {
  height: 40px;
  width: auto;
  display: block;
}

body.sv-scrolled .sv-topbar-logo {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(-50%) scale(1);

  transition:
    opacity .55s ease,
    transform .75s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0s;
}

body:not(.sv-scrolled) .sv-topbar-logo {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Så innehållet inte hamnar under topbaren */
body {
  padding-top: 64px;
}
.nordic--top-bar-wrapper {
  padding-left: 12px;
  padding-right: 12px;
}
.nordic--top-bar:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
/* === ÖNSKELISTA / SLIDE-IN PANEL === */
.slide-in-list,
.slide-in-list.right,
.slide-in-list--head,
.slide-in-list--body,
.slide-in-list--body--favorite-article-list,
.slide-in-list--body--favorite-article-item {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Lite renare separation i panelen */
.slide-in-list {
  box-shadow: -12px 0 30px rgba(0,0,0,0.08) !important;
}

/* Headern i panelen */
.slide-in-list--head {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* Varje rad i önskelistan */
.slide-in-list--body--favorite-article-item {
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Produktnamn och pris */
.slide-in-list--body--favorite-article-item--header,
.slide-in-list--body--favorite-article-item--price {
  color: #111 !important;
}
/* Dölj hela audience selector */
.nordic--top-bar .tws-audience-selector {
  display: none !important;
}
/* Lyft upp hela headerområdet */
.nordic--header-wrapper {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Minska luft runt loggan */
.slot--header-logo {
  margin-top: -10px !important;
  margin-bottom: -12px !important;
}

/* Tajta till vänster och höger sida lite */
.nordic--header-left,
.nordic--header-middle,
.nordic--header-right {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body .nordic--start-page > div > * {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
}
.tws-logo {
  transition: transform .35s cubic-bezier(0.22, 1, 0.36, 1),
              filter .35s ease,
              opacity .25s ease;
}

.tws-logo:hover {
  transform: translateY(-1px);
  filter: contrast(1.03) brightness(1.02);
}

.sv-scroll-link::before {
  content: "\f007"; /* FontAwesome user */
  font-family: FontAwesome;
  margin-right: 6px;
  font-size: 12px;
  transform: translateY(-1px);
}
/* === Topbar: kuvert när viktig info finns === */
.sv-scroll-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

color: #0c3d17;
  transition: color .2s ease, transform .2s ease;
}

.sv-scroll-link:hover {
  color: rgba(12,61,23,.6);
  transform: translateY(-1px);
}

/* Kuvert */
.sv-scroll-link.sv-has-notice::before {
  content: "\f0e0";
  font-family: FontAwesome;

  width: 18px;
  height: 18px;
  min-width: 18px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  background: #0c3d17;
  color: #fff;

  font-size: 9px;
  line-height: 1;

  padding-top: 1px;
  padding-left: 0.5px;

  transform-origin: center;
  animation: svMailPulseScale 1.9s ease-in-out infinite;
}

/* Ingen info → inget kuvert */
.sv-scroll-link:not(.sv-has-notice)::before {
  content: none;
}

/* Tooltip – kompakt premium */
.sv-scroll-link.sv-has-notice::after {
  content: attr(data-notice-tooltip);
  position: absolute;
  top: 22px;
  left: 0;

  background: #092b12;
  color: #fff;

  padding: 4px 7px;
  border-radius: 6px;

  font-family: "Heebo", system-ui, sans-serif;
  font-size: 10px;
  line-height: 1.2;

  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  box-shadow: 0 3px 8px rgba(0,0,0,.18);
  transition: opacity .08s linear;

  z-index: 999999;
}

.sv-scroll-link.sv-has-notice:hover::after {
  opacity: 1;
  visibility: visible;
}

/* Puls */
@keyframes svMailPulseScale {
  0% { transform: scale(1); opacity: .9; }
  50% { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); opacity: .9; }
}


/* === Mini-sök i topbar === */
.sv-topbar-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 30px;

  margin-left: 6px;
  transform: translateY(-1px);

  opacity: 0;
  pointer-events: none;

  transition: opacity .35s ease, transform .35s ease;
}

body.sv-scrolled .sv-topbar-search {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Input */
.sv-topbar-search-input {
  height: 30px;
  width: 140px;
  padding: 0 30px 0 10px;

  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.08);

  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(6px);

  font-size: 12px;
  outline: none;

  transition: all .2s ease;
}

.sv-topbar-search-input:focus {
  width: 180px;
  transform: scale(1.01);
  background: #fff;
  border-color: rgba(0,0,0,0.18);
}

/* Ikon */
.sv-topbar-search-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);

  width: 18px;
  height: 18px;

  border: 0;
  background: transparent;
  padding: 0;

  cursor: pointer;
}

.sv-topbar-search-icon::before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 12px;
  color: #0c3d17;
}

/* Smooth exit */
.sv-topbar-search.sv-search-exit {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity .35s ease, transform .35s ease;
}

/* Undvik clipping */
.nordic--header,
.nordic--header-wrapper {
  overflow: visible !important;
}

/* Stoppa global topbar-opacity från att påverka Mina sidor + tooltip */
.nordic--top-bar .sv-scroll-link,
.nordic--top-bar .sv-scroll-link:hover,
.nordic--top-bar .sv-scroll-link:focus {
  opacity: 1 !important;
  color: #0c3d17 !important;
}

/* Hover-effekt utan opacity */
.nordic--top-bar .sv-scroll-link:hover {
  color: rgba(12,61,23,.62) !important;
}

/* Kompakt tooltip */
.nordic--top-bar .sv-scroll-link.sv-has-notice::after {
  background: #092b12 !important;
  color: #fff !important;

  font-size: 9px !important;
  line-height: 1.2 !important;
  padding: 3px 6px !important;
  border-radius: 5px !important;

  opacity: 0;
  visibility: hidden;
}

.nordic--top-bar .sv-scroll-link.sv-has-notice:hover::after {
  opacity: 1 !important;
  visibility: visible !important;
}
/* =====================================================
   TILLFÄLLIG KOD – LEVERANSINFO HELGDAG 14/5
   Ta bort efter vecka 20
   ===================================================== */

.sv-holiday-info-trigger {
  border: 0;
  background: transparent;
  padding: 0;
  margin-left: 6px;
  font-family: 'Overpass Mono','Courier New',monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #0c3d17;
  cursor: pointer;
  opacity: 0.9;
  transition: opacity .2s;
}

.sv-holiday-info-trigger:hover {
  opacity: 0.6;
}

/* Modal backdrop */
.sv-holiday-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0,0,0,0.35);
}

.sv-holiday-modal.is-open {
  display: flex;
}

/* Modal box */
.sv-holiday-modal__box {
  position: relative;
  width: min(560px, 100%);
  background: #fff;
  color: #1f1f1f;
  border-radius: 14px;
  padding: 28px 30px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.22);
  font-family: "Segoe UI", Arial, sans-serif;
}

/* Title */
.sv-holiday-modal__box h3 {
  margin: 0 34px 12px 0;
  font-size: 20px;
  line-height: 1.25;
  color: #0c3d17;
}

/* Text */
.sv-holiday-modal__box p {
  margin: 0 0 14px;
  line-height: 1.45;
}

/* List */
.sv-holiday-modal__box ul {
  margin: 0;
  padding-left: 20px;
}

.sv-holiday-modal__box li {
  margin: 0 0 8px;
  line-height: 1.4;
}

/* Close button */
.sv-holiday-modal__close {
  position: absolute;
  top: 12px;
  right: 14px;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #333;
  opacity: .65;
}

.sv-holiday-modal__close:hover {
  opacity: 1;
}
/* =====================================================
   TILLFÄLLIG VISUELL EFFEKT – LEVERANSINFO 14/5
   ===================================================== */
/* =====================================================
   PREMIUM LINJE – VÄXER OCH FÖRSVINNER
   ===================================================== */

/* =====================================================
   PREMIUM LINJE – TUNN + MÖRK ORANGE
   ===================================================== */

.sv-holiday-info-trigger {
  position: relative;
  display: inline-block;
}

.sv-holiday-info-trigger::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 100%;
  background: #ea7a1a; /* din orange */
  border-radius: 1px;

  transform-origin: left;
  transform: scaleX(0);
  opacity: 0;

  animation: svGrowLine 3.6s ease-in-out infinite;
}

@keyframes svGrowLine {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }

  20% {
    opacity: 0.9;
  }

  50% {
    transform: scaleX(1);
    opacity: 1;
  }

  80% {
    transform: scaleX(1);
    opacity: 0.7;
  }

  100% {
    transform: scaleX(0);
    opacity: 0;
  }
}
/* =====================================================
   SLUT TILLFÄLLIG KOD
   ===================================================== */

/* =========================
   SVINNSMART – premium module
========================= */

.sv-svinnsmart{
  padding:30px 18px 44px;
  background:transparent;
}

.sv-svinnsmart__inner{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:42% 58%;
  overflow:hidden;
  border-radius:10px;
  background:var(--sv-topbar-bg,#f3f2ee);
  border:1px solid rgba(12,61,23,.08);
  box-shadow:0 6px 22px rgba(0,0,0,.045);
}

.sv-svinnsmart__content{
  padding:38px 42px;
  background:var(--sv-topbar-bg,#f3f2ee);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.sv-svinnsmart__kicker{
  width:max-content;
  display:inline-flex;
  align-items:center;
  padding:7px 14px;
  border:1px solid rgba(12,61,23,.45);
  border-radius:999px;
  font-family:'Overpass Mono', monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#0c3d17;
  margin-bottom:28px;
}

.sv-svinnsmart__line{
  width:36px;
  height:2px;
  background:#0c3d17;
  opacity:.75;
  margin-bottom:28px;
}

.sv-svinnsmart__title{
  margin:0;
  font-family:'SV Mackinac', serif;
  font-size:40px;
  line-height:1.08;
  font-weight:400;
  letter-spacing:-0.045em;
  color:#0c3d17;
}

.sv-svinnsmart__text{
  margin:24px 0 30px;
  max-width:390px;
  font-family:inherit;
  font-size:15px;
  line-height:1.65;
  color:rgba(20,20,20,.82);
}

.sv-svinnsmart__btn{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:22px;
  padding:13px 24px;
  border-radius:999px;
  background:#dff9c0;
  color:#0c3d17;
  text-decoration:none !important;
  border:1px solid rgba(12,61,23,.10);
  border-bottom:none !important;
  font-family:'Overpass Mono', monospace;
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-weight:600;
  box-shadow:none;
  transition:transform .25s ease, background .25s ease;
}

.sv-svinnsmart__btn:hover,
.sv-svinnsmart__btn:focus{
  text-decoration:none !important;
  border-bottom:none !important;
  transform:translateY(-1px);
  background:#d8f3b8;
}

.sv-svinnsmart__btn span{
  font-size:18px;
  line-height:1;
}

.sv-svinnsmart__image{
  position:relative;
  min-height:390px;
  background:#111;
}

.sv-svinnsmart__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:brightness(.82) contrast(1.04) saturate(.94);
}

.sv-svinnsmart__image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.01),rgba(0,0,0,.08));
  pointer-events:none;
}

.sv-svinnsmart__note{
  max-width:1080px;
  margin:24px auto 0;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  font-family:'Overpass Mono', monospace;
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#0c3d17;
}

.sv-svinnsmart__note-line{
  width:1px;
  height:28px;
  background:#0c3d17;
  opacity:.4;
}

/* =========================
   Mobile
========================= */

@media(max-width:900px){

  .sv-svinnsmart{
    padding:22px 14px 34px;
  }

  .sv-svinnsmart__inner{
    grid-template-columns:1fr;
    border-radius:16px;
  }

  .sv-svinnsmart__content{
    padding:36px 26px;
  }

  .sv-svinnsmart__title{
    font-size:34px;
  }

  .sv-svinnsmart__text{
    font-size:15px;
  }

  .sv-svinnsmart__image{
    min-height:255px;
  }

  .sv-svinnsmart__note{
    margin-top:20px;
    font-size:10px;
    gap:14px;
  }
}
.sv-topbar-search{
  position:absolute !important;
  left:calc(50% + 70px);
  top:5px;
  width:170px;
  z-index:20;
  transform:none;
}
.sv-topbar-search-input{
  width:100%;
}

#sv-reorder-prompt {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;
  width: min(360px, calc(100vw - 32px));
  padding: 18px 18px 16px;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(12,61,23,.10);
  border-radius: 18px;
  box-shadow: 0 16px 42px rgba(0,0,0,.12);
  color: #18351f;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .32s ease, transform .32s ease;
}

#sv-reorder-prompt.sv-visible {
  opacity: 1;
  transform: translateY(0);
}

#sv-reorder-prompt .sv-reorder-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

#sv-reorder-prompt .sv-reorder-text {
  font-size: 14px;
  line-height: 1.45;
  color: #3e4a40;
  margin-bottom: 14px;
}

#sv-reorder-prompt .sv-reorder-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

#sv-reorder-prompt button {
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  line-height: 1;
}

#sv-reorder-prompt .sv-reorder-primary {
  padding: 10px 14px;
  border-radius: 999px;
  background: #dff9c0;
  color: #102815;
  font-weight: 700;
  border: 1px solid rgba(12,61,23,.12);
}

#sv-reorder-prompt .sv-reorder-secondary {
  padding: 10px 4px;
  background: transparent;
  color: #5b665d;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#sv-reorder-helptext {
  width: 100%;
  margin: 0 0 16px;
  padding: 12px 14px;
  background: #f6f8f5;
  border: 1px solid #dfe6d8;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #2d2d2d;
  text-align: left;
}

@media (max-width: 640px) {
  #sv-reorder-prompt {
    right: 16px;
    left: 16px;
    bottom: 16px;
    width: auto;
  }
}

#sv-reorder-orderinfo {
  display: inline-block;
  max-width: 520px;
  margin-left: 16px;
  padding: 12px 14px;
  background: #f6f8f5;
  border: 1px solid #dfe6d8;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.45;
  color: #2d2d2d;
  vertical-align: middle;
}

.tws-order-history--buy-again {
  white-space: nowrap;
}

#sv-reorder-prompt {
  position: relative;
}

#sv-reorder-prompt .sv-reorder-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #6b756d;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  opacity: .7;
  transition: opacity .2s ease, transform .2s ease;
}

#sv-reorder-prompt .sv-reorder-close:hover {
  opacity: 1;
  transform: scale(1.08);
}

#sv-reorder-prompt {
  display: block !important;
  visibility: visible !important;
  z-index: 999999 !important;
}

#sv-reorder-prompt.sv-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
#sv-reorder-prompt {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 999999 !important;
  transform: none !important;
}

#sv-deliverydate-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 14px;
  padding: 10px 12px;
  background: #f6f8f5;
  border: 1px solid #dfe6d8;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.4;
  color: #465248;
}

#sv-deliverydate-hint .sv-deliverydate-icon {
  font-size: 15px;
  opacity: .8;
}

.sv-topbar-delivery{
  display:flex;
  align-items:center;
  gap:7px;
  margin-right:18px;
  font-size:12px;
  letter-spacing:.02em;
  color:#0c3d17;
  opacity:.78;
  white-space:nowrap;
}

.sv-topbar-delivery i{
  font-size:12px;
  opacity:.82;
}
.sv-grid-unit-price {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.3;
  color: #5f6b62;
  font-weight: 500;
}

.sv-grid-unit-price.is-loading {
  opacity: 0;
}
/* SVINNSMART */

.flag-container .flag-svinnsmart,
.thumbnail .flag-container .flag-svinnsmart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e8f3df;
  color: #1f3b20;
  border: 1px solid #c9dec0;
  border-radius: 999px;
  padding: 6px 11px 5px 11px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}