/* CONFIX – HERO SECTION */

.fabrikk--body .confix-hero {
    background:
      radial-gradient(
        ellipse at 85% 35%,
        #123f79 0%,
        #0b1930 40%,
        #080e1a 75%
      );

    border: 1px solid #1c3655;
    border-radius: 18px;
    padding: 85px 7%;
    margin: 20px auto 45px;
    max-width: 1400px;
    box-sizing: border-box;
}

.fabrikk--body .confix-hero-content {
    max-width: 650px;
}

.fabrikk--body .confix-eyebrow {
    display: inline-block;
    color: #60a5fa;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 22px;
}

.fabrikk--body .confix-hero h1 {
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.12;
    margin: 0 0 25px;
}

.fabrikk--body .confix-hero h1 span {
    color: #2587ff;
}

.fabrikk--body .confix-hero p {
    color: #cbd5e1;
    font-size: 17px;
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 30px;
}

.fabrikk--body .confix-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.fabrikk--body .confix-hero-buttons a {
    display: inline-block;
    text-decoration: none;
    border-radius: 9px;
    padding: 14px 25px;
    font-weight: 700;
    transition: all 0.25s ease;
}

.fabrikk--body .confix-primary {
    background: #087cf0;
    color: #ffffff;
    border: 1px solid #168bff;
}

.fabrikk--body .confix-secondary {
    background: transparent;
    color: #ffffff;
    border: 1px solid #3876bd;
}

.fabrikk--body .confix-primary:hover {
    background: #0064d6;
    color: #ffffff;
    transform: translateY(-2px);
}

.fabrikk--body .confix-secondary:hover {
    background: #142b49;
    color: #ffffff;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .fabrikk--body .confix-hero {
        padding: 50px 22px;
        border-radius: 12px;
    }

    .fabrikk--body .confix-hero p {
        font-size: 15px;
    }
}


/* ==================================
   CONFIX – STEG 2: FÖRDELAR
   ================================== */

.fabrikk--body .confix-benefits {
    padding: 55px 0 75px;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}

.fabrikk--body .confix-section-heading {
    text-align: center;
    margin-bottom: 38px;
}

.fabrikk--body .confix-section-heading span {
    color: #60a5fa;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.fabrikk--body .confix-section-heading h2 {
    color: #ffffff;
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    margin: 12px 0;
}

.fabrikk--body .confix-section-heading p {
    color: #aebdd1;
    font-size: 16px;
    max-width: 650px;
    margin: 0 auto;
}

.fabrikk--body .confix-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.fabrikk--body .confix-benefit-card {
    background: #121e30;
    border: 1px solid #253750;
    border-radius: 14px;
    padding: 28px 22px;
    transition: transform 0.25s ease,
                border-color 0.25s ease,
                box-shadow 0.25s ease;
}

.fabrikk--body .confix-benefit-card:hover {
    transform: translateY(-5px);
    border-color: #2587ff;
    box-shadow: 0 10px 30px rgba(0, 80, 180, 0.15);
}

.fabrikk--body .confix-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #102c53;
    color: #60a5fa;
    border-radius: 12px;
    font-size: 26px;
    margin-bottom: 20px;
}

.fabrikk--body .confix-benefit-card h3 {
    color: #ffffff;
    font-size: 19px;
    margin: 0 0 10px;
}

.fabrikk--body .confix-benefit-card p {
    color: #aebdd1;
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

/* Surfplattor */

@media (max-width: 1000px) {
    .fabrikk--body .confix-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobiler */

@media (max-width: 600px) {
    .fabrikk--body .confix-benefits {
        padding: 35px 0 50px;
    }

    .fabrikk--body .confix-benefits-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .fabrikk--body .confix-benefit-card {
        padding: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fabrikk--body .confix-benefit-card {
        transition: none;
    }

    .fabrikk--body .confix-benefit-card:hover {
        transform: none;
    }
}


/* ====================================
   CONFIX – FIXA BAKGRUND STEG 2
   ==================================== */

/* Ge hela fördelssektionen mörk bakgrund */

.fabrikk--body .confix-benefits {
    background: linear-gradient(
        145deg,
        #080e1a 0%,
        #101e35 55%,
        #0b1425 100%
    ) !important;

    padding: 65px 35px 75px !important;
    border-radius: 18px;
    border: 1px solid #1d304a;
    margin: 25px auto 50px;
    box-sizing: border-box;
}

/* Säkerställ att rubriken syns */

.fabrikk--body .confix-benefits
.confix-section-heading h2 {
    color: #ffffff !important;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 800;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Beskrivningen under rubriken */

.fabrikk--body .confix-benefits
.confix-section-heading p {
    color: #b8c8df !important;
    opacity: 1 !important;
}

/* Små rubriken */

.fabrikk--body .confix-benefits
.confix-section-heading span {
    color: #60a5fa !important;
}

/* Korten */

.fabrikk--body .confix-benefit-card {
    background: #142238 !important;
    border: 1px solid #2a3d58;
}

/* Texten i korten */

.fabrikk--body .confix-benefit-card h3 {
    color: #ffffff !important;
}

.fabrikk--body .confix-benefit-card p {
    color: #cbd5e1 !important;
}

/* Mobilanpassning */

@media (max-width: 600px) {
    .fabrikk--body .confix-benefits {
        padding: 40px 18px 45px !important;
        border-radius: 12px;
    }
}


/* ====================================
   CONFIX – BAKGRUND & MELLANRUM
   ==================================== */

/* 1. Mörk bakgrund på hemsidan */

html,
body,
.fabrikk--body,
.fabrikk--body main {
    background-color: #080e1a !important;
}

/* 2. Ta bort vit bakgrund runt HTML-block */

.fabrikk--body .tws--custom-html {
    background: transparent !important;
}

/* 3. Minska avstånd runt innehållsblock */

.fabrikk--body .tws--custom-html {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 4. Minska mellanrum mellan våra sektioner */

.fabrikk--body .confix-hero {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.fabrikk--body .confix-benefits {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* 5. Minska höjden på introduktionen */

.fabrikk--body .confix-hero {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

/* 6. Minska höjden på fördelssektionen */

.fabrikk--body .confix-benefits {
    padding-top: 45px !important;
    padding-bottom: 50px !important;
}

/* 7. Mobilanpassning */

@media (max-width: 768px) {

    .fabrikk--body .confix-hero {
        padding: 35px 20px !important;
    }

    .fabrikk--body .confix-benefits {
        padding: 35px 18px !important;
    }

}


/* ==========================================
   CONFIX UF – FABRIKK LAYOUT FIX V4
   ========================================== */

/* 1. Gör startsidans innehåll bredare */

.fabrikk--body .fabrikk--start-page
.fabrikk--content-wrapper {
    max-width: 1400px !important;
    width: 100% !important;
}

/* Bredda Fabrikks yttre innehållsbehållare */

.fabrikk--body .fabrikk--content-wrapper {
    max-width: 1400px !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* 2. Ta bort vita ramar runt HTML-block */

.fabrikk--body .fabrikk--start-page
.tws-container--tws-custom-html {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Ta bort extra utrymme runt blocken */

.fabrikk--body .fabrikk--start-page
.fabrikk--component-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 4. Ge startsidan mörk bakgrund */

.fabrikk--body .fabrikk--content-container,
.fabrikk--body .fabrikk--content-wrapper,
.fabrikk--body .fabrikk--content,
.fabrikk--body .fabrikk--start-page {
    background-color: #080e1a !important;
}

/* 5. Snyggt avstånd mellan våra sektioner */

.fabrikk--body .confix-hero {
    margin: 20px auto 16px !important;
    max-width: 1250px !important;
}

.fabrikk--body .confix-benefits {
    margin: 0 auto 25px !important;
    max-width: 1250px !important;
}

/* 6. Bild bredvid texten */

.fabrikk--body .confix-hero-layout {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(0, 0.9fr) !important;
    align-items: center;
    gap: 35px;
}

/* 7. Anpassa bilden */

.fabrikk--body .confix-hero-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
}

/* 8. Mobilanpassning */

@media (max-width: 900px) {

    .fabrikk--body .confix-hero-layout {
        grid-template-columns: 1fr !important;
    }

    .fabrikk--body .confix-hero,
    .fabrikk--body .confix-benefits {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }
}


/* ==================================
   CONFIX – STEG 3: PRODUKTER
   ================================== */

/* Rubrik ovanför produkterna */

.fabrikk--body .confix-products-heading {
    text-align: center;
    padding: 55px 20px 30px;
    max-width: 850px;
    margin: 0 auto;
}

.fabrikk--body .confix-products-heading span {
    color: #60a5fa;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.fabrikk--body .confix-products-heading h2 {
    color: #ffffff !important;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 800;
    margin: 12px 0;
}

.fabrikk--body .confix-products-heading p {
    color: #b8c8df !important;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 auto;
}

/* Produktblockets yttre behållare */

.fabrikk--body .fabrikk--start-page
.tws-container--tws-articles-two {
    background: transparent !important;
    padding: 15px 20px 55px !important;
}

/* Produktbilder */

.fabrikk--body .tws-article-list img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}

/* Produktlänkar */

.fabrikk--body .tws-article-list a {
    transition: color 0.2s ease;
}

/* Mobil */

@media (max-width: 600px) {
    .fabrikk--body .confix-products-heading {
        padding: 35px 15px 20px;
    }

    .fabrikk--body .fabrikk--start-page
    .tws-container--tws-articles-two {
        padding: 10px 12px 35px !important;
    }
}


/* ==========================================
   CONFIX UF – PRODUKTSEKTION
   ========================================== */

/* Produktblockets bakgrund */

.fabrikk--body .tws-container--tws-articles-two {
    background: transparent !important;
    padding: 20px 15px 50px !important;
}

/* Produktkort */

.fabrikk--body .tws-articles-two .tws-article-list--article {
    background: #142238 !important;
    border: 1px solid #2a3d58 !important;
    border-radius: 14px !important;
    padding: 16px !important;
    overflow: hidden;
    transition: transform 0.25s ease,
                border-color 0.25s ease;
}

/* Hover-effekt */

.fabrikk--body .tws-articles-two .tws-article-list--article:hover {
    transform: translateY(-4px);
    border-color: #2587ff !important;
}

/* Produktbilder */

.fabrikk--body .tws-articles-two img {
    max-width: 100%;
    height: auto;
    border-radius: 9px;
}

/* Produktnamn */

.fabrikk--body .tws-articles-two .tws-article-list--article a {
    color: #ffffff;
    text-decoration: none;
}

/* Pris */

.fabrikk--body .tws-articles-two .tws-article-list--price {
    color: #60a5fa !important;
    font-weight: 700;
}

/* Mobilanpassning */

@media (max-width: 600px) {
    .fabrikk--body .tws-container--tws-articles-two {
        padding: 15px 8px 35px !important;
    }

    .fabrikk--body .tws-articles-two .tws-article-list--article {
        padding: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fabrikk--body .tws-articles-two .tws-article-list--article {
        transition: none;
    }

    .fabrikk--body .tws-articles-two .tws-article-list--article:hover {
        transform: none;
    }
}


/* ==========================================
   CONFIX – PRODUKTKORT FIX V2
   ========================================== */

/* Produktsektionens text */
.fabrikk--body .tws-container--tws-articles-two {
    color: #e2e8f0 !important;
}

/* Rubriken som kommer från Abicart */
.fabrikk--body .tws-articles-two h2,
.fabrikk--body .tws-container--tws-articles-two h2 {
    color: #ffffff !important;
}

/* Produktkortens yttre behållare */
.fabrikk--body .tws-articles-two .tws-article-list--article,
.fabrikk--body .tws-articles-two .tws-article-list--item {
    background-color: #142238 !important;
    border: 1px solid #2a3d58 !important;
    border-radius: 14px !important;
    padding: 16px !important;
    box-sizing: border-box;
}

/* Produktnamn och länkar */
.fabrikk--body .tws-articles-two a,
.fabrikk--body .tws-container--tws-articles-two a {
    color: #ffffff !important;
}

/* Produktinformation */
.fabrikk--body .tws-articles-two .tws-article-list--name,
.fabrikk--body .tws-articles-two .tws-article-list--title {
    color: #ffffff !important;
}

/* Priser */
.fabrikk--body .tws-articles-two .tws-article-list--price,
.fabrikk--body .tws-articles-two .tws-article-price {
    color: #60a5fa !important;
    font-weight: 700;
}

/* Köpknappar */
.fabrikk--body .tws-articles-two button,
.fabrikk--body .tws-articles-two .btn {
    background-color: #087cf0 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none;
    padding: 10px 20px;
}

/* Produktbilder */
.fabrikk--body .tws-articles-two img {
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}


/* ===================================
   CONFIX – VÅRT LAGER
   =================================== */

.fabrikk--body .confix-stock-promo {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 35px;
    background: linear-gradient(
        120deg, #101e35, #142d50
    );
    border: 1px solid #254366;
    border-radius: 18px;
    padding: 65px 7%;
    margin: 30px auto 55px;
    max-width: 1250px;
    box-sizing: border-box;
    overflow: hidden;
}

.fabrikk--body .confix-stock-label {
    color: #60a5fa;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.fabrikk--body .confix-stock-content h2 {
    color: #ffffff !important;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.2;
    margin: 18px 0;
}

.fabrikk--body .confix-stock-content p {
    color: #cbd5e1 !important;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 28px;
}

.fabrikk--body .confix-stock-button {
    display: inline-block;
    background: #087cf0;
    color: #ffffff !important;
    text-decoration: none;
    padding: 14px 24px;
    border-radius: 9px;
    font-weight: 700;
}

.fabrikk--body .confix-stock-button:hover {
    background: #0064d6;
    color: #ffffff !important;
}

/* Dekorativ yta */

.fabrikk--body .confix-stock-visual {
    min-height: 250px;
    border-radius: 14px;
    background: radial-gradient(
        circle, #184b89, #080e1a 75%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.fabrikk--body .confix-stock-visual span {
    color: #93c5fd;
    font-size: clamp(18px, 2.5vw, 32px);
    font-weight: 800;
    letter-spacing: 3px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.fabrikk--body .confix-stock-glow {
    position: absolute;
    width: 180px;
    height: 180px;
    background: #087cf0;
    filter: blur(90px);
    opacity: 0.5;
}

/* Mobilanpassning */

@media (max-width: 768px) {
    .fabrikk--body .confix-stock-promo {
        grid-template-columns: 1fr;
        padding: 35px 22px;
        gap: 25px;
    }

    .fabrikk--body .confix-stock-visual {
        min-height: 180px;
    }
}


/* CONFIX UF – KONTAKTSIDA */

.confix-contact {
  max-width: 1200px;
  margin: 0 auto;
  padding: 65px 25px;
  color: #ffffff;
  font-family: inherit;
}

.confix-contact-heading {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 55px;
}

.confix-contact-label {
  color: #348bff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
}

.confix-contact-heading h1 {
  font-size: clamp(30px, 5vw, 46px);
  color: #ffffff;
  margin: 20px 0;
}

.confix-contact-heading p {
  font-size: 16px;
  color: #b9cbe6;
  line-height: 1.8;
}

.confix-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.confix-contact-card {
  background: linear-gradient(
    145deg,
    #101d33,
    #162f52
  );
  border: 1px solid #29476c;
  border-radius: 16px;
  padding: 35px 28px;
  transition: 0.3s ease;
}

.confix-contact-card:hover {
  transform: translateY(-5px);
  border-color: #348bff;
}

.confix-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #10396e;
  color: #4b9bff;
  border-radius: 12px;
  font-size: 25px;
  margin-bottom: 22px;
}

.confix-contact-card h2 {
  font-size: 21px;
  color: white;
  margin-bottom: 15px;
}

.confix-contact-card p {
  font-size: 15px;
  color: #b9cbe6;
  line-height: 1.8;
}

.confix-contact-card a {
  display: inline-block;
  background: #087ff5;
  color: white;
  padding: 12px 22px;
  border-radius: 8px;
  margin-top: 20px;
  text-decoration: none;
  font-weight: 600;
}

.confix-contact-bottom {
  margin-top: 45px;
  text-align: center;
  padding: 40px 25px;
  background: #101d33;
  border: 1px solid #29476c;
  border-radius: 16px;
}

.confix-contact-bottom h2 {
  color: white;
  font-size: 27px;
}

.confix-contact-bottom p {
  color: #b9cbe6;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .confix-contact-grid {
    grid-template-columns: 1fr;
  }

  .confix-contact {
    padding: 35px 15px;
  }
}


/* CONFIX UF – PRODUKTBILDER */

.product-item img,
.product-card img,
.product-image img {
  border-color: #203a60 !important;
}

/* Ta bort vita ramar runt bilder */
.product-item .product-image,
.product-card .product-image,
.product-image {
  border-color: #203a60 !important;
}

/* Blå ram och mjuka hörn */
.product-item img,
.product-card img {
  border: 1px solid #203a60 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease;
}

/* Blå effekt när musen hålls över */
.product-item:hover img,
.product-card:hover img {
  border-color: #087cf0 !important;
  box-shadow: 0 0 18px rgba(8, 124, 240, 0.35);
}


/* CONFIX UF – PRODUKTRAMAR */

/* Mörkblå ram runt produktbilderna */
.tws-article-list--product-image,
.tws-article-list--grid-item .thumbnail {
  border: 1px solid #203a60 !important;
  border-radius: 8px !important;
  overflow: hidden;
  transition: border-color 0.3s ease,
              box-shadow 0.3s ease;
}

/* Blå lysande effekt vid hover */
.tws-article-list--grid-item:hover
.tws-article-list--product-image,
.tws-article-list--grid-item:hover .thumbnail {
  border-color: #087cf0 !important;
  box-shadow: 0 0 18px rgba(8, 124, 240, 0.35) !important;
}


/* CONFIX UF – OM OSS */

.confix-about {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 20px 80px;
  color: #ffffff;
}

.confix-about-label {
  color: #348bff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}

.confix-about-hero {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 75px;
}

.confix-about-hero h1 {
  color: #ffffff;
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.15;
  margin: 22px 0;
}

.confix-about-hero p {
  color: #b9cbe6;
  font-size: 17px;
  line-height: 1.8;
}

.confix-about-story {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 45px;
  align-items: center;
  margin-bottom: 85px;
}

.confix-about-story-content h2 {
  color: #ffffff;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.25;
  margin: 18px 0 25px;
}

.confix-about-story-content p {
  color: #b9cbe6;
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 16px;
}

.confix-about-highlight {
  background: linear-gradient(145deg, #142b4b, #0c1729);
  border: 1px solid #29476c;
  border-radius: 20px;
  padding: 55px 35px;
  box-shadow: 0 15px 45px rgba(0,0,0,0.15);
}

.confix-about-highlight span {
  color: #348bff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
}

.confix-about-highlight h3 {
  color: #ffffff;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.3;
  margin: 25px 0;
}

.confix-about-highlight p {
  color: #b9cbe6;
  font-size: 15px;
}

.confix-about-values-heading {
  text-align: center;
  margin-bottom: 35px;
}

.confix-about-values-heading h2 {
  color: #ffffff;
  font-size: clamp(25px, 3vw, 34px);
  margin-top: 15px;
}

.confix-about-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 80px;
}

.confix-about-card {
  background: #101d33;
  border: 1px solid #29476c;
  border-radius: 16px;
  padding: 32px 28px;
  transition: 0.3s ease;
}

.confix-about-card:hover {
  transform: translateY(-5px);
  border-color: #087cf0;
  box-shadow: 0 0 20px rgba(8,124,240,0.15);
}

.confix-about-number {
  display: block;
  color: #348bff;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 22px;
}

.confix-about-card h3 {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 15px;
}

.confix-about-card p {
  color: #b9cbe6;
  font-size: 15px;
  line-height: 1.8;
}

.confix-about-cta {
  text-align: center;
  background: linear-gradient(135deg, #132a4b, #0c192d);
  border: 1px solid #29476c;
  border-radius: 20px;
  padding: 55px 25px;
}

.confix-about-cta h2 {
  color: #ffffff;
  font-size: 32px;
  margin: 18px 0;
}

.confix-about-cta p {
  color: #b9cbe6;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 28px;
}

.confix-about-button {
  display: inline-block;
  background: #087cf0;
  color: #ffffff !important;
  padding: 14px 30px;
  border-radius: 9px;
  font-weight: 700;
  text-decoration: none !important;
  transition: 0.3s ease;
}

.confix-about-button:hover {
  background: #3297ff;
  box-shadow: 0 0 20px rgba(8,124,240,0.35);
}

@media (max-width: 768px) {
  .confix-about {
    padding: 30px 15px 50px;
  }

  .confix-about-story {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 55px;
  }

  .confix-about-values {
    grid-template-columns: 1fr;
    margin-bottom: 55px;
  }

  .confix-about-highlight {
    padding: 35px 25px;
  }

  .confix-about-cta {
    padding: 40px 20px;
  }
}


/* CONFIX UF – VÄNSTERSTÄLL MENYN */

@media (min-width: 992px) {

  .tws-mega-menu--navigation {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .tws-mega-menu--article-groups {
    display: none !important;
  }

  .tws-mega-menu--float-box {
    order: -1 !important;
    flex: 0 0 350px !important;
    width: 350px !important;
    max-width: 350px !important;
    margin: 0 !important;
    float: none !important;
  }

}


/* CONFIX UF – FINJUSTERA MENYNS POSITION */

@media (min-width: 992px) {

  .tws-mega-menu--navigation {
    padding-left: 0 !important;
  }

  .tws-mega-menu--float-box {
    position: relative !important;
    left: -200px !important;
  }

}


/* CONFIX UF – BLÅ HEADER MED GRADIENT */

/* Bakgrund på menyraden */
.fabrikk--header,
.fabrikk--header-wrapper {
  background: linear-gradient(
    110deg,
    #080e1a 0%,
    #102849 55%,
    #17477c 100%
  ) !important;
}

/* Vit text och vita ikoner */
.fabrikk--header a,
.fabrikk--header button,
.fabrikk--header span,
.fabrikk--header i,
.fabrikk--header svg {
  color: #ffffff !important;
}

/* Ikoner som använder SVG */
.fabrikk--header svg {
  stroke: currentColor;
}

/* Diskret blå linje under headern */
.fabrikk--header {
  border-bottom: 1px solid #24558c !important;
}


/* CONFIX UF – HEADER FINJUSTERING */

/* Vänstra meny- och sökområdet */
.fabrikk--header .tws-mega-menu--buttons,
.fabrikk--header .tws-mega-menu--button,
.fabrikk--header .tws-search,
.fabrikk--header .fabrikk--header-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}

/* Gör text och ikoner vita i vänstra delen */
.fabrikk--header .tws-mega-menu--buttons,
.fabrikk--header .tws-mega-menu--buttons *,
.fabrikk--header .tws-search,
.fabrikk--header .tws-search * {
  color: #ffffff !important;
}

/* Varukorgens text och ikoner */
.fabrikk--header [class*="mini-cart"],
.fabrikk--header [class*="mini-cart"] *,
.fabrikk--header [class*="cart"] {
  color: #ffffff !important;
}

/* Ikoner med SVG */
.fabrikk--header [class*="cart"] svg,
.fabrikk--header [class*="mini-cart"] svg {
  fill: none;
  stroke: #ffffff !important;
}

/* Behåll gradienten */
.fabrikk--header {
  background: linear-gradient(
    110deg,
    #080e1a 0%,
    #102849 55%,
    #17477c 100%
  ) !important;
}


/* CONFIX UF – TA BORT VIT MENYBOX */

/* Meny- och sökknappar */
.fabrikk--header .tws-mega-menu--buttons,
.fabrikk--header .tws-mega-menu--nav-menu-item,
.fabrikk--header .tws-mega-menu--nav-menu-item.btn,
.fabrikk--header .tws-mega-menu--open-button {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Vit text och ikoner */
.fabrikk--header .tws-mega-menu--nav-menu-item,
.fabrikk--header .tws-mega-menu--nav-menu-item *,
.fabrikk--header .tws-mega-menu--open-button,
.fabrikk--header .tws-mega-menu--open-button * {
  color: #ffffff !important;
}

/* Hover-effekt */
.fabrikk--header .tws-mega-menu--nav-menu-item:hover,
.fabrikk--header .tws-mega-menu--open-button:hover {
  background: rgba(255,255,255,0.08) !important;
}


/* CONFIX UF – KASSANS DESIGN */

/* Rubriker i kassan */
.opc-checkout h1,
.opc-checkout h2,
.opc-checkout h3,
.opc-checkout--main > h2 {
  color: #ffffff !important;
}

/* Varukorgens vita panel */
.opc-checkout .tws-opc-cart--wrapper {
  background: #11213a !important;
  border: 1px solid #244366 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* Text i varukorgens panel */
.opc-checkout .tws-opc-cart--wrapper,
.opc-checkout .tws-opc-cart--wrapper a,
.opc-checkout .tws-opc-cart--wrapper span,
.opc-checkout .tws-opc-cart--wrapper td,
.opc-checkout .tws-opc-cart--wrapper th {
  color: #ffffff !important;
}

/* Produktens informationsrader */
.opc-checkout .tws-opc-cart--wrapper tr,
.opc-checkout .tws-opc-cart--wrapper td {
  border-color: #244366 !important;
}

/* Sammanfattning */
.opc-checkout .opc-checkout--cart-summary {
  color: #ffffff !important;
}


/* CONFIX UF – LEVERANSLAND */

.opc-checkout .opc-checkout--shortcuts {
  background: #11213a !important;
  border: 1px solid #244366 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Texten Leveransland */
.opc-checkout .opc-checkout--shortcuts label {
  color: #ffffff !important;
}

/* Behåll landväljaren tydlig */
.opc-checkout .opc-checkout--shortcuts select {
  background: #ffffff !important;
  color: #172235 !important;
  border: 1px solid #244366 !important;
  border-radius: 5px !important;
}


/* CONFIX UF – LEVERANSMETOD OCH BETALNING */

/* Leveransmetodens yttre ruta */
.opc-checkout .tws-checkout--select-delivery-list-wrapper {
  background: #11213a !important;
  border: 1px solid #244366 !important;
  border-radius: 10px !important;
  padding: 15px !important;
}

/* Leveransalternativet */
.opc-checkout .tws-checkout--select-delivery-list-wrapper
.tws-checkout--select-delivery-list-item-wrapper {
  background: #172b49 !important;
  border: 1px solid #244366 !important;
  border-radius: 6px !important;
}

/* Text och pris för leveransalternativ */
.opc-checkout .tws-checkout--select-delivery-list-wrapper
.tws-checkout--select-delivery-list-item-wrapper * {
  color: #ffffff !important;
}

/* Betalningssektionens yttre behållare */
.opc-checkout .tws-checkout--checkout-container {
  background: #11213a !important;
  border: 1px solid #244366 !important;
  border-radius: 10px !important;
  padding: 20px !important;
}

/* Kustoms betalningsformulär behåller sin design */


/* CONFIX UF – VIT TEXT I LEVERANSMETOD */

.opc-checkout .tws-checkout--select-delivery-list-wrapper,
.opc-checkout .tws-checkout--select-delivery-list-wrapper * {
  color: #ffffff !important;
}


/* CONFIX UF – LEVERANSLAND */

/* Mörkblå bakgrund och vit text */
.opc-checkout .opc-checkout--shortcuts select,
.opc-checkout .opc-checkout--shortcuts .form-control {
  background-color: #172b49 !important;
  color: #ffffff !important;
  border: 1px solid #244366 !important;
  border-radius: 6px !important;
}

/* Vit text för övriga element */
.opc-checkout .opc-checkout--shortcuts label {
  color: #ffffff !important;
}


/* CONFIX UF – LEVERANSLAND, MÖRKBLÅ KNAPP */

.opc-checkout .tws-checkout-shortcuts--button {
  background: #172b49 !important;
  color: #ffffff !important;
  border: 1px solid #244366 !important;
  border-radius: 6px !important;
}

/* Sverige och övrig text */
.opc-checkout .tws-checkout-shortcuts--button
.tws-react-common--search-dropdown-label {
  color: #ffffff !important;
}

/* Pil och ikoner */
.opc-checkout .tws-checkout-shortcuts--button .caret,
.opc-checkout .tws-checkout-shortcuts--button .fa {
  color: #ffffff !important;
}

/* När musen hålls över knappen */
.opc-checkout .tws-checkout-shortcuts--button:hover {
  background: #203b60 !important;
}


/* CONFIX UF – KNAPPAR I VARUKORGEN */

/* Antalsfält */
.tws-opc-cart--item-info-quantity input {
  background: #172b49 !important;
  color: #ffffff !important;
  border: 1px solid #345477 !important;
  border-radius: 5px !important;
}

/* Uppdatera antal */
.tws-opc-cart--item-info-quantity button {
  background: #172b49 !important;
  color: #ffffff !important;
  border: 1px solid #345477 !important;
}

/* Ta bort en produkt */
.tws-opc-cart--item-remove-action {
  background: #172b49 !important;
  color: #ffffff !important;
  border: 1px solid #345477 !important;
  border-radius: 5px !important;
}

/* Töm hela varukorgen */
.tws-opc-cart--item-remove-all {
  background: #172b49 !important;
  color: #ffffff !important;
  border: 1px solid #345477 !important;
  border-radius: 5px !important;
}

/* Vit text och vita ikoner */
.tws-opc-cart--item-remove-action *,
.tws-opc-cart--item-remove-all *,
.tws-opc-cart--item-info-quantity button * {
  color: #ffffff !important;
}

/* Hover-effekt */
.tws-opc-cart--item-remove-action:hover,
.tws-opc-cart--item-remove-all:hover,
.tws-opc-cart--item-info-quantity button:hover {
  background: #24466f !important;
}


/* CONFIX UF – SAMMANFATTNING */

/* Sammanfattningens bakgrund */
.tws-cart-summary--wrapper {
  background: #11213b !important;
  color: #ffffff !important;
  border: 1px solid #29476b !important;
  border-radius: 8px !important;
}

/* All text och alla belopp */
.tws-cart-summary--wrapper,
.tws-cart-summary--wrapper * {
  color: #ffffff !important;
}

/* Avdelare */
.tws-cart-summary--wrapper hr {
  border-color: #29476b !important;
}

/* Informationsrutan under sammanfattningen */
.slot--checkout-cart-usps {
  background: #11213b !important;
  color: #ffffff !important;
  border: 1px solid #29476b !important;
  border-radius: 8px !important;
  padding: 15px !important;
}

/* Text, ikoner och länkar i informationsrutan */
.slot--checkout-cart-usps,
.slot--checkout-cart-usps * {
  color: #ffffff !important;
}

/* Länkar får en blå färg */
.slot--checkout-cart-usps a {
  color: #62aaff !important;
}


/* CONFIX UF – KLARNA-KASSANS YTTRE RUTA */

#klarna-checkout-container {
    background: #11213b !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}


/* CONFIX UF – BLÅ RAM RUNT LEVERANSMETOD */

.tws-checkout--delivery-method {
    border: 1px solid #29476b !important;
}

/* Även eventuell inre ram */
.tws-checkout--select-delivery-list-wrapper,
.tws-checkout--delivery-method-selected {
    border-color: #29476b !important;
}


/* CONFIX UF – FORTSÄTT HANDLA */

.fabrikk--header .slot--back-button button.btn.btn-default,
.tws-checkout--back-button button.btn.btn-default {
    background: #11213b !important;
    background-color: #11213b !important;
    color: #ffffff !important;
    border: 1px solid #29476b !important;
    box-shadow: none !important;
    opacity: 1 !important;
    border-radius: 6px !important;
}

/* Hover */
.fabrikk--header .slot--back-button button.btn.btn-default:hover,
.tws-checkout--back-button button.btn.btn-default:hover {
    background: #087cf0 !important;
    border-color: #087cf0 !important;
    color: #ffffff !important;
}


/* CONFIX UF – VARUKORG POPUP */

/* Popupens bakgrund */
.tws-mini-cart-dropdown-container,
.tws-mini-cart-dropdown,
.tws-mini-cart-dropdown-container > div {
    background-color: #11213b !important;
    color: #ffffff !important;
}

/* Text och priser */
.tws-mini-cart-dropdown-container p,
.tws-mini-cart-dropdown-container span,
.tws-mini-cart-dropdown-container strong,
.tws-mini-cart-dropdown-container a {
    color: #ffffff !important;
}

/* Antalsfält */
.tws-mini-cart-dropdown-container input {
    background-color: #192f50 !important;
    color: #ffffff !important;
    border: 1px solid #29476b !important;
}

/* Knappen till varukorgen */
.tws-mini-cart-dropdown-container .btn {
    background-color: #087cf0 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
}

/* Linjer och avgränsningar */
.tws-mini-cart-dropdown-container hr {
    border-color: #29476b !important;
}


/* CONFIX UF – Varukorgens popup */

.tws-mini-cart-dropdown-container {
    background-color: #11213b !important;
    color: #ffffff !important;
    border: 1px solid #29476b !important;
    border-radius: 8px !important;
}

/* Innehållet i popupen */
.tws-mini-cart-dropdown-container .tws-mini-cart-dropdown,
.tws-mini-cart-dropdown-container .tws-mini-cart--dropdown {
    background-color: #11213b !important;
    color: #ffffff !important;
}

/* Blå knapp */
.tws-mini-cart-dropdown-container .btn {
    background-color: #087cf0 !important;
    color: #ffffff !important;
}


/* CONFIX UF – Minivarukorg */

.tws-mini-cart-dropdown-container,
.tws-mini-cart--body {
    background: #11213b !important;
    color: #ffffff !important;
}

/* Vit text i popupen */
.tws-mini-cart--body,
.tws-mini-cart--body p,
.tws-mini-cart--body span,
.tws-mini-cart--body a {
    color: #ffffff !important;
}

/* Antalsfält */
.tws-mini-cart--body input {
    background: #182f50 !important;
    color: #ffffff !important;
    border: 1px solid #304b70 !important;
}

/* Avdelare */
.tws-mini-cart--body hr {
    border-color: #304b70 !important;
}


/* CONFIX UF – Sökfält */

/* Bakgrund för sökområdet */
.tws-mega-menu--search,
.tws-article-search {
    background: #11213b !important;
}

/* Själva sökfältet */
#search-input,
input#search-input.form-control {
    background: #11213b !important;
    color: #ffffff !important;
    border: 1px solid #304b70 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* Text innan man skriver */
#search-input::placeholder {
    color: #a8bdd8 !important;
    opacity: 1 !important;
}

/* När man klickar i sökfältet */
#search-input:focus {
    background: #182f50 !important;
    color: #ffffff !important;
    border-color: #087cf0 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(8,124,240,0.15) !important;
}

/* Sökikonen */
.tws-article-search .fa-search,
.tws-mega-menu--search .fa-search {
    color: #4a9eff !important;
}


/* CONFIX UF – Vänsterställ menylänkar */

.tws-mega-menu--float-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.tws-mega-menu--navigation {
    text-align: left !important;
}

.tws-mega-menu--article-groups {
    margin-left: 0 !important;
    padding-left: 0 !important;
}


/* CONFIX UF – Flytta menylänkar till vänster */

.tws-mega-menu--float-box .tws-mega-menu--navigation,
.tws-mega-menu--float-box .tws-mega-menu--article-groups {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    float: none !important;
    text-align: left !important;
}

/* Ta bort centrering från inre kolumner */
.tws-mega-menu--article-groups > div {
    margin-left: 0 !important;
    padding-left: 0 !important;
}


/* CONFIX UF – Vänsterställ menyn */

.tws-mega-menu--float-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.tws-mega-menu--custom-links,
.tws-mega-menu--custom-html {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.tws-mega-menu--custom-dropdown-item {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Menylänkar */
.tws-mega-menu--custom-dropdown-item a {
    display: block !important;
    padding: 12px 20px !important;
    text-align: left !important;
}

/* Texten under länkarna */
.tws-custom-html--content {
    margin-left: 0 !important;
    padding: 0 20px !important;
    text-align: left !important;
}



/* CONFIX UF – Kompakt meny */

.tws-mega-menu--float-box {
    padding: 20px 25px !important;
    text-align: left !important;
}

.tws-mega-menu--custom-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tws-mega-menu--custom-dropdown-item {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tws-mega-menu--custom-dropdown-item a {
    display: block !important;
    width: auto !important;
    padding: 10px 12px !important;
    text-align: left !important;
    border: none !important;
    background: transparent !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.tws-mega-menu--custom-dropdown-item a:hover {
    color: #3292ff !important;
    background: #162b48 !important;
    border-radius: 5px !important;
}


/* Dölj extra text under menylänkarna */
.tws-mega-menu--custom-html {
    display: none !important;
}


/* Flytta menylänkarna längre till vänster */
.tws-mega-menu--float-box .tws-mega-menu--custom-links {
    position: relative !important;
left: -280px !important;
}


/* Confix UF – Jämnt utrymme i menyn */
.tws-mega-menu--float-box {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    min-height: 0 !important;
    height: auto !important;
}

.tws-mega-menu--navigation,
.tws-mega-menu--custom-links {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.tws-mega-menu--custom-dropdown-item a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


/* CONFIX UF – Mobilanpassad meny */
@media screen and (max-width: 768px) {

    .tws-mega-menu--float-box {
        padding: 15px 20px !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .tws-mega-menu--custom-links {
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .tws-mega-menu--custom-dropdown-item a {
        padding: 10px 5px !important;
        text-align: left !important;
    }
}


/* CONFIX UF – Mobilanpassad footer */
@media screen and (max-width: 768px) {

    /* Stapla innehållet i footern */
    .fabrikk--footer .row {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* Låt kolumnerna använda hela bredden */
    .fabrikk--footer [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    /* Anpassa rubriker och sociala medier */
    .fabrikk--footer h2,
    .fabrikk--footer h3,
    .fabrikk--footer h4,
    .fabrikk--footer p {
        text-align: left !important;
    }

    /* Begränsa stora bilder */
    .fabrikk--footer img {
        max-width: 100% !important;
        height: auto !important;
    }
}


/* CONFIX UF – Vänsterställ kontaktuppgifter på mobil */
@media screen and (max-width: 768px) {

    .fabrikk--footer .row > [class*="col-"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    .fabrikk--footer .row > [class*="col-"] > * {
        text-align: left !important;
    }

    .fabrikk--footer address,
    .fabrikk--footer [class*="contact"],
    .fabrikk--footer [class*="address"] {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}


/* CONFIX UF – Marginaler i mobilens footer */
@media screen and (max-width: 768px) {

    /* Ge hela footern luft från kanterna */
    .fabrikk--footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* Förhindra att innehållet sticker ut */
    .fabrikk--footer img {
        max-width: 100% !important;
        height: auto !important;
    }
}


/* Justera rubriken Sociala medier på mobil */
@media screen and (max-width: 768px) {
    .fabrikk--footer h4 {
        margin-left: -25px !important;
    }
}


/* Justera Sociala medier på mobil */
@media (max-width: 767px) {
  .fabrikk--footer-mid-left .tws-custom-html p {
    text-align: left !important;
    margin-left: 16px !important;
  }
}


/* Mobil – justera Sociala medier */
@media (max-width: 767px) {
  .fabrikk--footer-mid-left {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .fabrikk--footer-mid-left p {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}


/* Mobil – placera Sociala medier i linje med ikonerna */
@media (max-width: 767px) {
  .fabrikk--footer-mid-left .tws-custom-html--content {
    padding-left: 0 !important;
  }

  .fabrikk--footer-mid-left .tws-custom-html--content p {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
}


/* ============================================
   CONFIX UF – PRODUKTSIDA (RENSAD VERSION)
   ============================================ */

/* Rubrik och pris */
.fabrikk--article .tws-article-name h1 {
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
}
.fabrikk--article .tws-article-price,
.fabrikk--article .tws-article-price * {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}

/* Högerkolumn: ta bort Bootstraps extra offset (ca 100 px) */
@media (min-width: 768px) {
  .fabrikk--article .fabrikk--article-top .fabrikk--article-right-col {
    margin-left: 0 !important;
    padding-left: 20px !important;
    box-sizing: border-box !important;
  }
}

/* Kompakt mellanrum mellan produktuppgifter och köpknapp */
.fabrikk--article .slot--article-introduction,
.fabrikk--article .slot--article-stock-shipping,
.fabrikk--article .slot--article-choices {
  margin-bottom: 0 !important;
}
.fabrikk--article .tws-article-introduction--text {
  padding: 0 !important;
}
.fabrikk--article .fabrikk--buy-button-group {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 10px 0 14px !important;
}

/* Exakt samma synliga höjd på antal och KÖP */
.fabrikk--article .fabrikk--buy-button-group input[name="quantity"],
.fabrikk--article .fabrikk--buy-button-group .tws-article-quantity input.form-control,
.fabrikk--article .fabrikk--buy-button-group .tws-article-quantity--input-row input {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  width: 60px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 8px !important;
  text-align: center !important;
  background: #142b49 !important;
  color: #fff !important;
  border: 1px solid #2c527d !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
.fabrikk--article .fabrikk--buy-button-group .tws-article-buy-button button,
.fabrikk--article .fabrikk--buy-button-group button.tws-article-buy-button--buy-button {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #087cf0 !important;
  color: #fff !important;
  border: 1px solid #087cf0 !important;
  border-radius: 7px !important;
  font-weight: 700 !important;
}
.fabrikk--article .fabrikk--buy-button-group .tws-article-buy-button button:hover {
  background: #0066d5 !important;
}
.fabrikk--article .tws-article-quantity label,
.fabrikk--article .tws-article-quantity--input-row label {
  display: none !important;
}

/* Fördelar under köpknappen */
.fabrikk--article .tws-unique-selling-points {
  background: #102440 !important;
  border: 1px solid #24456d !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  margin: 8px 0 0 !important;
}
.fabrikk--article .tws-unique-selling-points,
.fabrikk--article .tws-unique-selling-points *,
.fabrikk--article .fabrikk--article-section,
.fabrikk--article .fabrikk--article-section * {
  color: #dbe7fa !important;
}
.fabrikk--article .tws-unique-selling-points li { margin-bottom: 8px !important; }
.fabrikk--article .tws-unique-selling-points i { color: #298dff !important; }
.fabrikk--article .fabrikk--article-section { border-color: #24456d !important; }
.fabrikk--article .fabrikk--article-section h2,
.fabrikk--article .fabrikk--article-section h3 { color: #fff !important; }
.fabrikk--article a { color: #3896ff; }

/* Klarna på produktsidan: dölj den oaktiverade informationswidgeten */
.fabrikk--article [slot="article-klarna-osm"],
.fabrikk--article .slot--article-klarna-osm,
.fabrikk--article .tws-klarna-payment-method-widget {
  display: none !important;
}

/* Produktbild och förstoringsglas */
.fabrikk--article .tws-article-images,
.fabrikk--article .tws-article-images .tws-img--container,
.fabrikk--article .tws-article-images .tws-react-img--wrapper,
.fabrikk--article .tws-article-images .tws-react-img--container {
  background: #080e1a !important;
  border: none !important;
  box-shadow: none !important;
}
.fabrikk--article .tws-article-images--image-zoom {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: #142b49 !important;
  color: #3994ff !important;
  border: 1px solid #2c527d !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  bottom: 12px !important;
  right: 12px !important;
}
.fabrikk--article .tws-article-images--image-zoom:hover {
  background: #087cf0 !important;
  color: #fff !important;
}
.fabrikk--article .tws-article-images--current-image {
  border-bottom: none !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .fabrikk--article .tws-article-name h1 { font-size: 26px !important; }
  .fabrikk--article .fabrikk--article-top .fabrikk--article-right-col {
    margin-left: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .fabrikk--article .tws-unique-selling-points { padding: 15px !important; }
  .fabrikk--article .tws-article-images { margin-bottom: 20px !important; }
}


/* CONFIX – REPARATIONER */

.confix-repairs {
  background: linear-gradient(135deg, #0c1629, #142f54);
  border: 1px solid #25446a;
  border-radius: 16px;
  padding: 55px 45px;
  margin: 25px auto;
  color: #ffffff;
  scroll-margin-top: 100px;
}

.confix-repairs-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 45px;
}

.confix-repairs-label {
  color: #3b96ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.confix-repairs h2 {
  color: #ffffff;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.2;
  margin: 18px 0;
}

.confix-repairs h2 span {
  color: #3b96ff;
}

.confix-repairs p {
  color: #c4d6eb;
  line-height: 1.7;
  margin-bottom: 24px;
}

.confix-repairs-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 26px;
}

.confix-repairs-features div {
  background: #14253d;
  border: 1px solid #294467;
  border-radius: 9px;
  padding: 13px;
  color: #ffffff;
  font-size: 14px;
}

.confix-repairs-button {
  display: inline-block;
  background: #087cf0;
  color: #ffffff !important;
  padding: 15px 25px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background 0.2s;
}

.confix-repairs-button:hover {
  background: #0066d4;
}

.confix-repairs-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  object-fit: cover;
}

@media (max-width: 800px) {
  .confix-repairs {
    padding: 35px 22px;
  }

  .confix-repairs-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .confix-repairs-features {
    grid-template-columns: 1fr;
  }
}


/* ==========================================
   CONFIX UF – SÖKRESULTAT
   ========================================== */

/* Hela sökresultatsidan */
.fabrikk-body .fabrikk-article-search-results {
  color: #ffffff;
  padding-top: 35px;
  padding-bottom: 70px;
}

/* Rubrik: Sökresultat */
.fabrikk-body .tws-article-search-page-heading {
  color: #ffffff !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 700 !important;
  text-align: center;
  margin: 15px 0 35px !important;
  line-height: 1.3;
}

/* Produktlistans bredd */
.fabrikk-body .tws-article-search-page
.tws-article-list {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
}

/* Produktkort */
.fabrikk-body .tws-article-search-page
.tws-list--grid-item {
  background: #111e32;
  border: 1px solid #263d5c;
  border-radius: 14px;
  padding: 14px;
  overflow: hidden;
  transition: border-color 0.2s ease,
              transform 0.2s ease;
}

/* Hover på produktkort */
.fabrikk-body .tws-article-search-page
.tws-list--grid-item:hover {
  border-color: #087cf0;
  transform: translateY(-3px);
}

/* Produktbilder */
.fabrikk-body .tws-article-search-page
.tws-article-list img {
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  display: block;
}

/* Produktinformation */
.fabrikk-body .tws-article-search-page
.tws-article-list .caption {
  padding: 15px 4px 5px;
}

/* Produktnamn */
.fabrikk-body .tws-article-search-page
.tws-article-list--article-name,
.fabrikk-body .tws-article-search-page
.tws-article-list--article-name a {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.4;
  text-decoration: none !important;
}

/* Hover på produktnamn */
.fabrikk-body .tws-article-search-page
.tws-article-list--article-name a:hover {
  color: #3b96ff !important;
}

/* Pris */
.fabrikk-body .tws-article-search-page
.tws-article-list--price,
.fabrikk-body .tws-article-search-page
.tws-api--price,
.fabrikk-body .tws-article-search-page
.tws-api--price-current {
  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: 700 !important;
}

/* Köpknappar */
.fabrikk-body .tws-article-search-page
.tws-article-list--buy-button button,
.fabrikk-body .tws-article-search-page
.tws-article-list--buy-button .btn {
  background: #087cf0 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: background 0.2s ease;
}

/* Hover på köpknapp */
.fabrikk-body .tws-article-search-page
.tws-article-list--buy-button button:hover,
.fabrikk-body .tws-article-search-page
.tws-article-list--buy-button .btn:hover {
  background: #0066d4 !important;
}

/* Sorteringsknappar */
.fabrikk-body .tws-article-search-page
.tws-list-controls {
  margin-bottom: 25px;
}

.fabrikk-body .tws-article-search-page
.tws-list-controls .btn,
.fabrikk-body .tws-article-search-page
.tws-react-common--dropdown-button {
  background: #14253d !important;
  color: #ffffff !important;
  border: 1px solid #294467 !important;
  border-radius: 6px !important;
}

/* Sorteringstext */
.fabrikk-body .tws-article-search-page
.tws-react-common--dropdown-label {
  color: #ffffff !important;
}

/* Ikoner i sorteringsfältet */
.fabrikk-body .tws-article-search-page
.tws-list-controls .btn,
.fabrikk-body .tws-article-search-page
.tws-list-controls .btn * {
  color: #ffffff !important;
}

/* Mobilanpassning */
@media (max-width: 767px) {

  .fabrikk-body .fabrikk-article-search-results {
    padding-top: 20px;
  }

  .fabrikk-body .tws-article-search-page-heading {
    font-size: 27px !important;
    margin-bottom: 25px !important;
  }

  .fabrikk-body .tws-article-search-page
  .tws-list--grid-item {
    padding: 10px;
    border-radius: 10px;
  }

  .fabrikk-body .tws-article-search-page
  .tws-article-list--article-name,
  .fabrikk-body .tws-article-search-page
  .tws-article-list--article-name a {
    font-size: 14px !important;
  }

  .fabrikk-body .tws-article-search-page
  .tws-api--price-current {
    font-size: 16px !important;
  }
}


/* CONFIX – SÖKRESULTAT FIX */

/* Rubrik */
.tws-article-search-page-heading {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 25px 0 35px !important;
}

/* Produktkort */
.tws-article-search-page .tws-list--grid-item {
  background: #13243d !important;
  border: 1px solid #2c4568 !important;
  border-radius: 12px !important;
  padding: 15px !important;
}

/* Produktnamn */
.tws-article-search-page .tws-article-list--article-name,
.tws-article-search-page .tws-article-list--article-name a,
.tws-article-search-page .tws-article-list--article-name h5 {
  color: #ffffff !important;
}

/* Pris */
.tws-article-search-page .tws-article-list--price,
.tws-article-search-page .tws-api--price,
.tws-article-search-page .tws-api--price-current {
  color: #ffffff !important;
}

/* Köpknapp */
.tws-article-search-page .tws-article-list--buy-button .btn {
  background: #087cf0 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
}

/* Sorteringsknappar */
.tws-article-search-page .tws-list-controls .btn,
.tws-article-search-page .tws-react-common--dropdown-button {
  background: #14253d !important;
  color: #ffffff !important;
  border: 1px solid #294467 !important;
}


/* CONFIX – RUBRIK SÖKRESULTAT */

.fabrikk-body .tws-article-search-page--heading,
.tws-article-search-page--heading {
  color: #ffffff !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 25px 0 35px !important;
  line-height: 1.3 !important;
}

@media (max-width: 767px) {
  .tws-article-search-page--heading {
    font-size: 26px !important;
  }
}


/* =========================================
   CONFIX UF – SÖKFÖRSLAG FIX
   ========================================= */

/* Hela dropdown-menyn */
.tws-mega-menu--search-bar .dropdown-menu,
.tws-mega-menu--search-bar ul.dropdown-menu {
  background: #12223b !important;
  background-color: #12223b !important;
  border: 1px solid #294467 !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 12px 25px rgba(0,0,0,0.4) !important;
  padding: 5px !important;
}

/* Varje sökförslag */
.tws-mega-menu--search-bar
.tws-article-search--list-item {
  background: #12223b !important;
  background-color: #12223b !important;
  border-bottom: 1px solid #294467 !important;
}

/* Själva länkarna */
.tws-mega-menu--search-bar
.tws-article-search--list-item > a {
  display: block !important;
  background: #12223b !important;
  background-color: #12223b !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

/* När musen hålls över förslaget */
.tws-mega-menu--search-bar
.tws-article-search--list-item > a:hover,
.tws-mega-menu--search-bar
.tws-article-search--list-item > a:focus,
.tws-mega-menu--search-bar
.tws-article-search--list-item.active > a {
  background: #1c395c !important;
  background-color: #1c395c !important;
  color: #ffffff !important;
}

/* Ta bort ljusa bakgrunder på underliggande element */
.tws-mega-menu--search-bar
.tws-article-search--list-item,
.tws-mega-menu--search-bar
.tws-article-search--list-item * {
  color: #ffffff !important;
}

/* Sökfältets text */
.tws-mega-menu--search-bar
.tws-article-search input {
  color: #ffffff !important;
}

/* Meddelande om inga resultat */
.tws-mega-menu--search-bar
.tws-article-search--no-label {
  color: #b8cce5 !important;
}


/* =====================================
   CONFIX UF – SENASTE PRODUKTERNA
   VIT TEXT
   ===================================== */

/* Rubriken Senaste produkterna */
.tws-articles-two--heading {
  color: #ffffff !important;
}

/* Produktnamn */
.tws-articles-two .tws-article-list--article-name,
.tws-articles-two .tws-article-list--article-name a,
.tws-articles-two .tws-article-list--article-name h5 {
  color: #ffffff !important;
}

/* Priser */
.tws-articles-two .tws-article-list--price,
.tws-articles-two .tws-api--price,
.tws-articles-two .tws-api--price-current {
  color: #ffffff !important;
}

/* Även eventuell övrig produkttext */
.tws-articles-two .caption {
  color: #ffffff !important;
}

/* CONFIX – VERTIKAL MENY */

/* Sidomenyn */
@media (min-width: 992px) {
  .fabrikk-body .tws-vertical-menu {
    background: #0c1629 !important;
    border: 1px solid #25446a !important;
    border-radius: 12px !important;
    overflow: hidden;
  }

  /* Länkar */
  .fabrikk-body .tws-vertical-menu a {
    color: #ffffff !important;
    background: transparent !important;
    padding: 14px 18px !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s;
  }

  /* Hover */
  .fabrikk-body .tws-vertical-menu a:hover {
    background: #17345a !important;
    color: #3b96ff !important;
  }
}

/* CONFIX – VERTIKAL MENY */

/* Hela sidomenyn */
.slot--vertical-menu {
    background: #0c1629 !important;
    border-right: 1px solid #25446a !important;
}

/* Menyns bakgrund */
.slot--vertical-menu,
.slot--vertical-menu > div,
.slot--vertical-menu nav,
.slot--vertical-menu ul,
.slot--vertical-menu li {
    background-color: #0c1629 !important;
}

/* Alla menylänkar */
.slot--vertical-menu a {
    color: #ffffff !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* När musen hålls över länkar */
.slot--vertical-menu a:hover {
    background: #17345a !important;
    color: #3b96ff !important;
}

/* Rubriken MENY */
.slot--vertical-menu .tws-vertical-menu--heading {
    color: #3b96ff !important;
}

/* CONFIX – KOMPAKT SIDOMENY PÅ DATOR */

@media (min-width: 992px) {

  /* Minska sidomenyns bredd */
  .slot--vertical-menu {
    width: 200px !important;
    min-width: 200px !important;
    flex: 0 0 200px !important;
    height: fit-content !important;
    min-height: 0 !important;
    align-self: flex-start !important;
    margin: 20px 0 0 15px !important;
    border: 1px solid #25446a !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  /* Anpassa innehållet */
  .slot--vertical-menu a {
    font-size: 13px !important;
    padding: 12px 14px !important;
  }

  /* Låt huvudytan använda resterande bredd */
  .fabrikk-body {
    align-items: flex-start !important;
  }

  .fabrikk-content-container {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

/* CONFIX – VIT TEXT OCH IKONER I MOBILMENYN */

@media (max-width: 991px) {

  /* Språk, valuta och moms */
  .slot--vertical-menu .tws-audience-selector,
  .slot--vertical-menu .tws-audience-selector *,
  .slot--vertical-menu .tws-audience-selector--audience-button-text,
  .slot--vertical-menu .tws-audience-selector--audience-item-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  /* Cookie-inställningar */
  .slot--vertical-menu .slot--open-cookie-settings,
  .slot--vertical-menu .slot--open-cookie-settings *,
  .slot--vertical-menu .tws-vertical-menu--controls {
    color: #ffffff !important;
  }

  /* Ikoner */
  .slot--vertical-menu .fa-cog,
  .slot--vertical-menu .fa-cookie {
    color: #ffffff !important;
  }
}

/* CONFIX – SYNLIGT ANTAL I VARUKORGEN */

@media (max-width: 991px) {

  .tws-mini-cart--header-quantity {
    background: #087cf0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-radius: 50% !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px !important;
  }

}

/* CONFIX – Dölj EXKL. MOMS i sidhuvudet */
.tws-audience-selector--audience-button-text {
    font-size: 0 !important;
}

.tws-audience-selector--audience-button-text::after {
    content: "SVENSKA / SEK";
    font-size: 12px;
    color: #ffffff;
}


/* =========================================
   CONFIX UF – VÅRT LAGER
   ========================================= */

/* Huvudsektion */
.fabrikk--body .confix-stock {
  --stock-bg: #0b1425;
  --stock-card: #142238;
  --stock-border: #29476c;
  --stock-blue: #2587ff;
  --stock-white: #ffffff;
  --stock-muted: #b9cbe6;

  width: 100%;
  max-width: 1250px;
  margin: 20px auto 50px;
  padding: 55px 35px;

  background: linear-gradient(
    145deg,
    #080e1a 0%,
    #101e35 55%,
    #142d50 100%
  ) !important;

  border: 1px solid #254366;
  border-radius: 18px;
  color: #ffffff !important;
  box-sizing: border-box;
}

.fabrikk--body .confix-stock * {
  box-sizing: border-box;
}

/* RUBRIK */

.fabrikk--body .confix-stock .stock-header {
  max-width: 750px;
  margin: 0 auto 38px;
  text-align: center;
}

.fabrikk--body .confix-stock .stock-eyebrow {
  color: #60a5fa !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.fabrikk--body .confix-stock h1 {
  color: #ffffff !important;
  font-size: clamp(32px, 5vw, 46px);
  font-weight: 800;
  line-height: 1.2;
  margin: 15px 0 20px;
}

.fabrikk--body .confix-stock .stock-intro {
  color: #b9cbe6 !important;
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}

/* FILTER – DÖLJ RADIOKNAPPAR */

.fabrikk--body .confix-stock input.stock-filter {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
}

/* FILTERKNAPPAR */

.fabrikk--body .confix-stock .stock-filters {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin: 0 0 35px;
}

.fabrikk--body .confix-stock .stock-filters label {
  display: inline-block !important;
  background: #172b49 !important;
  color: #ffffff !important;
  border: 1px solid #345477 !important;
  border-radius: 9px;
  padding: 12px 25px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  transition: background 0.2s ease,
              border-color 0.2s ease;
}

.fabrikk--body .confix-stock .stock-filters label:hover {
  background: #24466f !important;
  border-color: #2587ff !important;
}

/* AKTIVT FILTER */

.fabrikk--body .confix-stock
#stock-all:checked ~ .stock-filters label[for="stock-all"],

.fabrikk--body .confix-stock
#stock-ps5:checked ~ .stock-filters label[for="stock-ps5"],

.fabrikk--body .confix-stock
#stock-xbox:checked ~ .stock-filters label[for="stock-xbox"] {
  background: #087cf0 !important;
  color: #ffffff !important;
  border-color: #2587ff !important;
}

/* TANGENTBORDSNAVIGERING */

.fabrikk--body .confix-stock
input.stock-filter:focus-visible ~ .stock-filters {
  outline: 2px solid #60a5fa;
  outline-offset: 4px;
  border-radius: 10px;
}

/* PRODUKTRUTNÄT */

.fabrikk--body .confix-stock .stock-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  max-width: 1150px;
  margin: 0 auto;
}

/* PRODUKTKORT */

.fabrikk--body .confix-stock .stock-card {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;

  background: #142238 !important;
  border: 1px solid #2a3d58 !important;
  border-radius: 14px;
  overflow: hidden;

  transition: transform 0.25s ease,
              border-color 0.25s ease,
              box-shadow 0.25s ease;
}

.fabrikk--body .confix-stock .stock-card:hover {
  transform: translateY(-4px);
  border-color: #2587ff !important;
  box-shadow: 0 10px 30px rgba(0, 80, 180, 0.15);
}

/* PRODUKTBILDER */

.fabrikk--body .confix-stock .stock-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;

  background: linear-gradient(
    135deg,
    #1b3354,
    #0b1728
  );
}

.fabrikk--body .confix-stock .stock-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fabrikk--body .confix-stock .stock-placeholder {
  font-size: 55px;
  line-height: 1;
}

/* PRODUKTINFORMATION */

.fabrikk--body .confix-stock .stock-details {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 11px;
  padding: 22px;
}

.fabrikk--body .confix-stock .stock-tag {
  color: #60a5fa !important;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.fabrikk--body .confix-stock .stock-name {
  color: #ffffff !important;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.fabrikk--body .confix-stock .stock-price {
  color: #ffffff !important;
  font-size: 24px;
  font-weight: 800;
}

.fabrikk--body .confix-stock .stock-status {
  color: #86e4b3 !important;
  font-size: 13px;
}

.fabrikk--body .confix-stock .stock-status::before {
  content: "● ";
}

.fabrikk--body .confix-stock .stock-description {
  color: #b9cbe6 !important;
  font-size: 14px;
  line-height: 1.7;
  flex: 1;
  margin: 0;
}

/* FÖRFRÅGNINGSKNAPP */

.fabrikk--body .confix-stock .stock-button {
  display: block !important;
  width: 100%;
  padding: 13px 15px;
  text-align: center;

  background: #087cf0 !important;
  color: #ffffff !important;
  border: 1px solid #2587ff;
  border-radius: 9px;

  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;

  transition: background 0.2s ease;
}

.fabrikk--body .confix-stock .stock-button:hover {
  background: #0064d6 !important;
  color: #ffffff !important;
}

/* FILTRERING – ALLA / PS5 / XBOX */

.fabrikk--body .confix-stock
#stock-ps5:checked ~ .stock-grid .stock-xbox,

.fabrikk--body .confix-stock
#stock-xbox:checked ~ .stock-grid .stock-ps5 {
  display: none !important;
}

/* KONTAKTSEKTION */

.fabrikk--body .confix-stock .stock-footer {
  max-width: 700px;
  margin: 45px auto 0;
  padding: 30px 15px 0;
  text-align: center;
  border-top: 1px solid #29476c;
}

.fabrikk--body .confix-stock .stock-footer h2 {
  color: #ffffff !important;
  font-size: 27px;
  font-weight: 800;
  margin: 0 0 15px;
}

.fabrikk--body .confix-stock .stock-footer p {
  color: #b9cbe6 !important;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 15px;
}

.fabrikk--body .confix-stock .stock-footer a {
  color: #60a5fa !important;
}

/* SURFPLATTOR */

@media (max-width: 900px) {
  .fabrikk--body .confix-stock {
    padding: 40px 22px;
  }

  .fabrikk--body .confix-stock .stock-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

/* MOBILER */

@media (max-width: 600px) {
  .fabrikk--body .confix-stock {
    padding: 30px 14px;
    margin: 10px auto 30px;
    border-radius: 12px;
  }

  .fabrikk--body .confix-stock .stock-header {
    margin-bottom: 25px;
  }

  .fabrikk--body .confix-stock .stock-intro {
    font-size: 14px;
  }

  .fabrikk--body .confix-stock .stock-filters {
    gap: 8px;
    margin-bottom: 25px;
  }

  .fabrikk--body .confix-stock .stock-filters label {
    padding: 10px 14px;
    font-size: 13px;
  }

  .fabrikk--body .confix-stock .stock-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .fabrikk--body .confix-stock .stock-details {
    padding: 18px;
  }

  .fabrikk--body .confix-stock .stock-name {
    font-size: 18px;
  }

  .fabrikk--body .confix-stock .stock-price {
    font-size: 22px;
  }
}

/* MINSKAD ANIMERING */

@media (prefers-reduced-motion: reduce) {
  .fabrikk--body .confix-stock .stock-card,
  .fabrikk--body .confix-stock .stock-button,
  .fabrikk--body .confix-stock .stock-filters label {
    transition: none;
  }

  .fabrikk--body .confix-stock .stock-card:hover {
    transform: none;
  }
}


/* CONFIX – SPECIAL EDITIONS FILTER */

/* Markera Special Editions när filtret är valt */
.fabrikk--body .confix-stock
#stock-special:checked ~ .stock-filters label[for="stock-special"] {
  background: #087cf0 !important;
  color: #ffffff !important;
  border-color: #2587ff !important;
}

/* Visa endast Special Editions */
.fabrikk--body .confix-stock
#stock-special:checked ~ .stock-grid .stock-card:not(.stock-special) {
  display: none !important;
}

/* CONFIX – INFORMATION OM BESTÄLLNING */

.fabrikk--body .confix-order-info {
  background: linear-gradient(145deg, #142b49, #101e34);
  border: 1px solid #294a70;
  border-radius: 16px;
  padding: 32px;
  margin: 0 auto 45px;
  max-width: 720px;
  text-align: left;
  box-sizing: border-box;
}

.fabrikk--body .confix-order-label {
  color: #60a5fa;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.fabrikk--body .confix-order-info h2 {
  color: #ffffff;
  font-size: 25px;
  margin: 0 0 16px;
  text-align: left;
}

.fabrikk--body .confix-order-info p {
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.7;
  text-align: left;
}

.fabrikk--body .confix-order-steps {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 26px 0;
}

.fabrikk--body .confix-order-step {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
}

.fabrikk--body .confix-step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #087cf0;
  color: #ffffff;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  font-weight: 700;
}

.fabrikk--body .confix-order-info .confix-order-note {
  color: #93c5fd;
  font-weight: 600;
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .fabrikk--body .confix-order-info {
    padding: 22px;
  }

  .fabrikk--body .confix-order-info h2 {
    font-size: 21px;
  }
}

/* ==================================================
   CONFIX – BESTÄLLNINGSINFO OCH BLOCKET
   Samlade regler (ersätter äldre överlappande tillägg)
   ================================================== */

/* Informationsrutan fyller kontaktsektionens bredd */
.fabrikk--body .confix-order-info {
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

/* Avdelare mellan förfrågan och Blocket */
.fabrikk--body .confix-order-divider {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 28px 0 8px;
  color: #93c5fd;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
}

.fabrikk--body .confix-order-divider::before,
.fabrikk--body .confix-order-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #294a70;
}

/* Blå Blocket-knapp med vit text i alla länk-lägen */
html body .fabrikk--body a.confix-blocket-button,
html body .fabrikk--body a.confix-blocket-button:link,
html body .fabrikk--body a.confix-blocket-button:visited,
html body .fabrikk--body a.confix-blocket-button:hover,
html body .fabrikk--body a.confix-blocket-button:focus,
html body .fabrikk--body a.confix-blocket-button:active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #087cf0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #087cf0 !important;
  padding: 14px 24px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  margin-top: 20px;
  opacity: 1 !important;
  transition: background 0.2s ease;
}

html body .fabrikk--body a.confix-blocket-button:hover,
html body .fabrikk--body a.confix-blocket-button:focus {
  background: #2587ff !important;
  border-color: #2587ff !important;
}

@media (max-width: 600px) {
  html body .fabrikk--body a.confix-blocket-button {
    width: 100%;
    box-sizing: border-box;
  }
}