/* ==========================================
   TOPAUDIO.SE – COMPLETE CUSTOM CSS
   HAJDE THEME
   ========================================== */


/* ==========================================
   1. LÄNKAR
   ========================================== */

a {
  transition: all 0.2s ease;
}

a:hover {
  color: #FF3E8A !important;
}


/* ==========================================
   2. SIDOPANEL – ROSA HOVER
   ========================================== */

.sidebar a:hover,
.sidepanel a:hover,
.sidebar li:hover > a,
.sidepanel li:hover > a {
  background: rgba(255,62,138,0.08) !important;
  color: #FF3E8A !important;
}


/* ==========================================
   3. PRODUKTKORT
   ========================================== */

.product-item,
.product-box,
.tws-article-list--article,
.tws-article-list-item,
.tws-list--grid-item {
  position: relative !important;
  background: #FFFFFF !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: all 0.22s ease !important;
  z-index: 1;
}


/* ==========================================
   4. ROSA AMBIENT GLOW
   ========================================== */

.product-item::before,
.product-box::before,
.tws-article-list--article::before,
.tws-article-list-item::before,
.tws-list--grid-item::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(
    circle at center,
    rgba(255,62,138,0.22),
    transparent 70%
  );
  opacity: 0;
  z-index: -1;
  transition: opacity 0.25s ease;
}


/* ==========================================
   5. PRODUKTKORT – HOVER
   ========================================== */

.product-item:hover,
.product-box:hover,
.tws-article-list--article:hover,
.tws-article-list-item:hover,
.tws-list--grid-item:hover {
  border-color: rgba(255,62,138,0.4) !important;
  box-shadow:
    0 0 0 1px rgba(255,62,138,0.15),
    0 8px 24px rgba(0,0,0,0.2) !important;
  transform: translateY(-2px);
}

.product-item:hover::before,
.product-box:hover::before,
.tws-article-list--article:hover::before,
.tws-article-list-item:hover::before,
.tws-list--grid-item:hover::before {
  opacity: 1;
}


/* ==========================================
   6. PRODUKTBILDER
   ========================================== */

.product-item img,
.product-box img {
  transition: transform 0.25s ease;
}

.product-item:hover img,
.product-box:hover img {
  transform: scale(1.03);
}


/* ==========================================
   7. PRODUKTNAMN
   ========================================== */

.product-item a,
.product-box a {
  color: #111111 !important;
  font-weight: 600 !important;
}


/* ==========================================
   TOPAUDIO KUNSKAPSBANK
   PREMIUM ARTICLE DESIGN
   ========================================== */


/* ARTIKELNS HUVUDCONTAINER */

.ta-guide {
  max-width: 920px !important;
  margin: 0 auto !important;
  font-family: inherit;
  color: #202027;
  line-height: 1.75;
  font-size: 15px;
}

.ta-guide * {
  box-sizing: border-box;
}


/* ==========================================
   8. MÖRK PREMIUM HEADER
   ========================================== */

.ta-guide .hero {
  background: #19191D !important;
  color: #FFFFFF !important;
  padding: 48px 38px !important;
  border-radius: 12px;
  margin-bottom: 32px;
  border-top: 5px solid #FF3E8A;
}

.ta-guide .tag {
  display: inline-block;
  background: #FF3E8A !important;
  color: #FFFFFF !important;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 30px;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.ta-guide .hero h1 {
  color: #FFFFFF !important;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.2;
  margin: 0 0 20px;
  font-weight: 800;
}

.ta-guide .hero p {
  color: #DDDDDD !important;
  font-size: 16px;
  margin: 0;
}


/* ==========================================
   9. ARTIKELRUBRIKER
   ========================================== */

.ta-guide h2 {
  font-size: 23px;
  font-weight: 800;
  color: #19191D;
  margin: 42px 0 15px;
  padding-left: 15px;
  border-left: 4px solid #FF3E8A;
  line-height: 1.3;
}

.ta-guide p {
  margin: 12px 0 18px;
}


/* ==========================================
   10. INFORMATIONSRUTOR
   ========================================== */

.ta-guide .info {
  background: #FFF0F6 !important;
  border: 1px solid #FFD0E3;
  border-left: 4px solid #FF3E8A;
  border-radius: 9px;
  padding: 22px;
  margin: 25px 0;
}


/* ==========================================
   11. TABELLER
   ========================================== */

.ta-guide table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 25px 0;
  font-size: 14px;
}

.ta-guide th {
  background: #19191D !important;
  color: #FFFFFF !important;
  padding: 14px;
  text-align: left;
}

.ta-guide td {
  padding: 13px 14px;
  border-bottom: 1px solid #E8E8E8;
}

.ta-guide tr:nth-child(even) {
  background: #F8F8F9;
}


/* ==========================================
   12. IMPEDANSKORT
   ========================================== */

.ta-guide .cards {
  display: grid !important;
  grid-template-columns:
    repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin: 25px 0;
}

.ta-guide .card {
  background: #F7F7F8 !important;
  border: 1px solid #E8E8EB;
  border-radius: 9px;
  padding: 20px;
}

.ta-guide .card strong {
  display: block;
  font-size: 23px;
  color: #FF3E8A;
  margin-bottom: 6px;
}


/* ==========================================
   13. AVSLUTANDE KÖPRUTA
   ========================================== */

.ta-guide .cta {
  background: #19191D !important;
  color: #FFFFFF !important;
  padding: 35px;
  border-radius: 12px;
  margin-top: 45px;
}

.ta-guide .cta h2 {
  color: #FFFFFF !important;
  border: none;
  padding: 0;
  margin: 0 0 12px;
}

.ta-guide .cta p {
  color: #DDDDDD !important;
}


/* ==========================================
   14. ROSA KNAPPAR
   ========================================== */

.ta-guide .btn {
  display: inline-block;
  background: #FF3E8A !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  font-weight: 800;
  padding: 12px 22px;
  border-radius: 6px;
  margin: 8px 8px 0 0;
  transition: all 0.2s ease;
}

.ta-guide .btn:hover {
  background: #E52D76 !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
}


/* ==========================================
   15. KUNSKAPSBANK – ARTIKELKORT
   ========================================== */

.ta-knowledge-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 30px 0;
}

.ta-knowledge-card {
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  padding: 28px;
  background: #FFFFFF !important;
  border: 1px solid #E8E8E8;
  border-top: 4px solid #FF3E8A;
  border-radius: 10px;
  text-decoration: none !important;
  color: #202027 !important;
  transition: all 0.25s ease;
}

a.ta-knowledge-card:hover {
  transform: translateY(-4px);
  border-color: #FF3E8A;
  color: #202027 !important;
  box-shadow:
    0 10px 30px rgba(255,62,138,0.12);
}


/* ==========================================
   16. ARTIKELKORT – INNEHÅLL
   ========================================== */

.ta-card-category {
  color: #FF3E8A !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
}

.ta-knowledge-card h3 {
  font-size: 20px;
  line-height: 1.35;
  margin: 16px 0;
  color: #19191D !important;
  font-weight: 800;
}

.ta-knowledge-card p {
  font-size: 14px;
  color: #666666;
  flex-grow: 1;
}

.ta-card-link {
  color: #FF3E8A !important;
  font-weight: 800;
  font-size: 12px;
  margin-top: 20px;
}

.ta-coming {
  color: #888888;
  font-size: 11px;
  font-weight: 800;
  margin-top: 20px;
}

.ta-knowledge-card.upcoming {
  background: #FAFAFA !important;
}


/* ==========================================
   17. MOBILANPASSNING
   ========================================== */

@media (max-width: 700px) {

  .ta-knowledge-grid {
    grid-template-columns: 1fr !important;
  }

  .ta-knowledge-card {
    padding: 22px;
  }

}

@media (max-width: 600px) {

  .ta-guide .hero {
    padding: 30px 22px !important;
  }

  .ta-guide .cta {
    padding: 25px;
  }

  .ta-guide table {
    font-size: 12px;
  }

  .ta-guide td,
  .ta-guide th {
    padding: 10px;
  }

  .ta-guide h2 {
    font-size: 20px;
  }

  .ta-guide .btn {
    display: block;
    text-align: center;
    margin: 10px 0;
  }

  .ta-knowledge-card h3 {
    font-size: 18px;
  }

}

/* ==========================================
   TOPAUDIO – FIX FÖR KUNSKAPSBANKENS KORT
   ========================================== */

.ta-guide .ta-knowledge-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.ta-guide .ta-knowledge-grid > a.ta-knowledge-card,
.ta-guide .ta-knowledge-grid > div.ta-knowledge-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  padding: 26px !important;
  margin: 0 !important;
  border: 1px solid #E8E8E8 !important;
  border-top: 4px solid #FF3E8A !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  text-decoration: none !important;
  box-shadow: none;
}

.ta-guide .ta-knowledge-card > * {
  display: block !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ta-guide .ta-knowledge-card h3 {
  margin: 15px 0 !important;
}

.ta-guide .ta-knowledge-card p {
  margin: 0 0 20px !important;
  flex-grow: 1;
}

.ta-guide .ta-knowledge-card .ta-card-link {
  margin-top: auto !important;
}

.ta-guide .ta-knowledge-grid > a.ta-knowledge-card:hover {
  transform: translateY(-4px) !important;
  border-color: #FF3E8A !important;
  box-shadow: 0 10px 30px rgba(255,62,138,0.12) !important;
}

@media (max-width: 700px) {
  .ta-guide .ta-knowledge-grid {
    grid-template-columns: 1fr !important;
  }
}
/* TOPAUDIO – SEPARAT OFFERTFORMULÄR */
.ta-special form label{display:block;font-weight:700;margin:15px 0;color:#19191d}
.ta-special form input:not([type=checkbox]),.ta-special form select,.ta-special form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #d9d9df;border-radius:6px;background:#fff;color:#19191d;font:inherit}
.ta-special form input:focus,.ta-special form select:focus,.ta-special form textarea:focus{outline:2px solid #ff3e8a;outline-offset:1px}
.ta-special-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ta-special .ta-special-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400}
.ta-special-check input{margin-top:5px}
.ta-special-send{background:#ff3e8a;color:#fff;border:0;border-radius:6px;padding:15px 23px;font:inherit;font-weight:800}
.ta-special-send:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){.ta-special-measures{grid-template-columns:1fr}.ta-special-send{width:100%}}

/* ========================================
   TOPAUDIO – KUNSKAPSBANK
   Korrigerad layout för guidekorten
======================================== */

/* Tre kort per rad */
.ta-guide .cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    margin: 25px 0 40px !important;
    align-items: stretch !important;
}

/* Enskilda guidekort */
.ta-guide .cards > .card {
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    background: #fafafd !important;
    border: 1px solid #e3e3ea !important;
    border-radius: 10px !important;
}

/* Kategorimärkning */
.ta-guide .cards > .card .tag {
    display: inline-block !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
    padding: 7px 13px !important;
    border-radius: 30px !important;
    background: #ff3e8a !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

/* Rubriker */
.ta-guide .cards > .card h3 {
    margin: 0 0 15px !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    overflow-wrap: break-word !important;
}

/* Beskrivningar */
.ta-guide .cards > .card p {
    margin: 0 0 25px !important;
    line-height: 1.65 !important;
    flex-grow: 1 !important;
}

/* Knappar – alltid längst ned */
.ta-guide .cards > .card .btn {
    display: block !important;
    align-self: flex-start !important;
    width: auto !important;
    margin-top: auto !important;
    padding: 13px 22px !important;
    background: #ff3e8a !important;
    color: #fff !important;
    border-radius: 6px !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

/* Surfplatta */
@media (max-width: 1000px) {
    .ta-guide .cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobil */
@media (max-width: 650px) {
    .ta-guide .cards {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .ta-guide .cards > .card {
        padding: 22px !important;
    }
}

/* ============================================================
   TOPAUDIO – TILLAGG: PRODUKTSIDANS LAYOUT (ENDAST STRUKTUR)
   Originalets meny-, underkategori-, aktiv-, hover- och glow-
   regler ovanfor ar ororda. Inga generella a:hover-regler har.
   ============================================================ */

body.bountiful.article .bountiful--article-top {
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:clamp(20px,2.7vw,38px)!important;
  width:100%!important;
}
body.bountiful.article .bountiful--article-top::before,
body.bountiful.article .bountiful--article-top::after {
  content:none!important;display:none!important;
}
body.bountiful.article .bountiful--article-top > .bountiful--article-left-col,
body.bountiful.article .bountiful--article-top > .bountiful--article-right-col {
  float:none!important;clear:none!important;
  flex:1 1 0!important;width:0!important;max-width:none!important;
  min-width:0!important;margin:0!important;
}
body.bountiful.article .bountiful--article-images,
body.bountiful.article .slot--article-images {
  width:100%!important;max-width:100%!important;
}
body.bountiful.article .tws-article-images--current-image {
  overflow:hidden;border-radius:13px;
  border:1px solid #e3e3ea;
  box-shadow:0 12px 34px rgba(20,20,30,.055);
}
body.bountiful.article .tws-article-images--current-image img {
  object-fit:contain;
}
body.bountiful.article .bountiful--article-right-col {
  box-sizing:border-box!important;
  padding:clamp(20px,2.3vw,32px)!important;
  border:1px solid #e3e3ea;
  border-radius:14px;
  background:#fafafd;
  box-shadow:0 12px 34px rgba(20,20,30,.055);
}
body.bountiful.article .tws-article-name h1 {
  font-size:clamp(24px,2.1vw,32px)!important;
  line-height:1.2!important;font-weight:800!important;
  letter-spacing:-.035em;margin:0 0 17px!important;
}
body.bountiful.article .tws-article-price {margin:0 0 18px!important;}
body.bountiful.article .tws-article-price .tws-api--price-current {
  font-size:clamp(25px,2.3vw,34px)!important;
  font-weight:800!important;letter-spacing:-.035em;
}
body.bountiful.article .tws-article-introduction {
  font-size:13px;line-height:1.75;margin-bottom:20px;
}
body.bountiful.article .bountiful--article-choices-wrapper {margin:15px 0;}
body.bountiful.article .bountiful--buy-button-group {
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:12px!important;
  margin:24px 0 26px!important;
}
body.bountiful.article .bountiful--buy-button-group > .slot--article-quantity {
  flex:none!important;width:auto!important;align-self:flex-start!important;
}
body.bountiful.article .bountiful--buy-button-group > .buy-button-wrapper {
  flex:none!important;width:100%!important;max-width:none!important;
  min-width:0!important;margin:0!important;
}
body.bountiful.article .bountiful--buy-button-group .tws-article-buy-button-with-modal--button,
body.bountiful.article .bountiful--buy-button-group .tws-article-buy-button-with-modal--buy-button {
  display:flex!important;align-items:center;justify-content:center;
  width:100%!important;min-height:49px!important;
  padding:11px 16px!important;border-radius:8px!important;
  font-weight:800!important;
}
body.bountiful.article .bountiful--article-right-col .tws-unique-selling-points {
  border-top:1px solid #e3e3ea;padding-top:18px;margin-top:20px;
}
body.bountiful.article .bountiful--article-right-col .tws-unique-selling-points li {
  padding:3px 0;font-size:12px;
}
body.bountiful.article .bountiful--article-links {margin-top:16px;}
body.bountiful.article .bountiful--article-bottom {
  clear:both;margin-top:32px;padding:28px 32px;
  background:#fafafd;border:1px solid #e3e3ea;border-radius:13px;
}
body.bountiful.article .tws-article-description--heading {
  font-size:22px!important;font-weight:800!important;
  text-align:left!important;margin:0 0 8px!important;
}
body.bountiful.article .tws-article-description--article-number {
  text-align:left!important;font-size:12px;
}
body.bountiful.article .tws-article-description--text-container {
  max-width:none!important;width:100%!important;
  text-align:left!important;line-height:1.85;
}
body.bountiful.article .bountiful--article-footer {margin-top:34px;}

/* Produktkort – enbart form och avstand, inga menyknappar. */
body.bountiful .bountiful--main .tws-list--grid-item {
  border-radius:11px;transition:transform .2s,box-shadow .2s;
}
body.bountiful .bountiful--main .tws-list--grid-item:hover {
  transform:translateY(-3px);
}
body.bountiful .bountiful--main .tws-article-list--article-name {
  font-weight:700;line-height:1.45;
}
body.bountiful .bountiful--main .tws-article-list--price {font-weight:800;}

@media(max-width:767px) {
  body.bountiful.article .bountiful--article-top {
    flex-direction:column!important;gap:18px!important;
  }
  body.bountiful.article .bountiful--article-top > .bountiful--article-left-col,
  body.bountiful.article .bountiful--article-top > .bountiful--article-right-col {
    flex:none!important;width:100%!important;max-width:100%!important;
  }
  body.bountiful.article .bountiful--article-right-col {padding:20px!important;}
  body.bountiful.article .bountiful--article-bottom {
    padding:22px 18px;margin-top:22px;
  }
}


/* ==========================================================
   TOPAUDIO – REA OCH HJÄLPRUTA
   Tillägg till fungerande originallayout.
   Ändrar INTE kategoriknappar, menyglow eller köpknapp.
   ========================================================== */

/* Bara huvudpriset förstoras – inte jämförelsepriset för 30 dagar. */
body.bountiful.article .slot--article-price .tws-api--price-current {
  font-size:inherit!important;
  font-weight:inherit!important;
  letter-spacing:normal!important;
}
body.bountiful.article .slot--article-price
.tws-article-price--price > .tws-api--price-current {
  font-size:clamp(27px,2.4vw,34px)!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  line-height:1.2!important;
  color:#19191d!important;
}

/* Visa extrapris endast när ett faktiskt ordinarie pris finns. */
body.bountiful.article .slot--article-price
.tws-article-price--price:has(.tws-api--price-regular)::before {
  content:"EXTRAPRIS";
  display:table;
  margin:0 0 8px;
  padding:5px 9px;
  border-radius:5px;
  background:#fff0f6;
  border:1px solid #ffc4dc;
  color:#c92568;
  font-size:11px;
  font-weight:850;
  letter-spacing:.055em;
  line-height:1.3;
}
body.bountiful.article .slot--article-price
.tws-article-price--price:has(.tws-api--price-regular) > .tws-api--price-current,
body.bountiful.article .slot--article-price
.tws-api-price:has(> .tws-api--price-regular) > .tws-api--price-current {
  color:#cf2e45!important;
}
body.bountiful.article .slot--article-price .tws-api--price-regular {
  display:block;
  width:max-content;
  margin:0 0 3px!important;
  font-size:13px!important;
  font-weight:500!important;
  color:#858895!important;
  text-decoration:line-through!important;
}

/* 30-dagarspriset: mindre, neutral text, aldrig stor prislapp. */
body.bountiful.article .slot--article-price
:is([class*="lowest"],[class*="previous"],[class*="30-day"],[class*="30day"],[class*="lowest-price"]) {
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:normal!important;
  color:#777b87!important;
}
body.bountiful.article .slot--article-price
.tws-api-price .tws-api-price .tws-api--price-current {
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:normal!important;
  color:#626775!important;
}

/* Hjälprutan: egen diskret rosa panel i produktkortet. */
body.bountiful.article .bountiful--article-right-col
.slot--unique-selling-points .tws-unique-selling-points--disclaimer {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:13px 15px!important;
  border:1px solid #ffd0e0!important;
  border-radius:9px!important;
  background:#fff4f8!important;
  color:#43333e!important;
  font-size:12px!important;
  line-height:1.65!important;
  box-shadow:none!important;
}
body.bountiful.article .bountiful--article-right-col
.slot--unique-selling-points .tws-unique-selling-points--disclaimer::before {
  content:"BEHÖVER DU HJÄLP ATT VÄLJA?";
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  opacity:1!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#c92568!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  line-height:1.4!important;
}
body.bountiful.article .bountiful--article-right-col
.slot--unique-selling-points .tws-unique-selling-points--disclaimer a {
  color:#c92568!important;
  font-weight:700!important;
  text-decoration:underline;
}

/* ==========================================================
   TOPAUDIO – SISTA FINPUTS: REA, KOPSEKTION OCH HJALP
   Bevarar befintliga kategori-/filterknappar och deras glow.
   ========================================================== */

/* Luft och struktur kring priset utan att påverka 30-dagarspriset. */
body.bountiful.article .slot--article-price {
  margin-bottom:12px!important;
}
body.bountiful.article .slot--article-price .tws-article-price--price:has(.tws-api--price-regular)::before {
  box-shadow:0 3px 10px rgba(207,46,69,.10);
}
body.bountiful.article .slot--article-price .tws-article-price--price:has(.tws-api--price-regular) > .tws-api--price-current {
  color:#cf2e45!important;
}

/* Mer samlad kopsektion: tidigare marginaler gav onodigt stor lucka. */
body.bountiful.article .bountiful--article-right-col .bountiful--buy-button-group {
  gap:10px!important;
  margin:16px 0 20px!important;
}
body.bountiful.article .bountiful--article-right-col .tws-unique-selling-points {
  margin-top:14px;
  padding-top:16px;
}

/* Hjalprutan: tydligare kontrast, mjuk kant och markerad lankttext. */
body.bountiful.article .bountiful--article-right-col .slot--unique-selling-points .tws-unique-selling-points--disclaimer {
  border-color:#ffbed5!important;
  background:linear-gradient(120deg,#fff3f8 0%,#fff9fc 100%)!important;
  box-shadow:0 5px 16px rgba(255,62,138,.055)!important;
}
body.bountiful.article .bountiful--article-right-col .slot--unique-selling-points .tws-unique-selling-points--disclaimer a:hover {
  color:#a91653!important;
}

/* Köpknappens färg lämnas till Abicarts ursprungliga tema. */
@media(max-width:767px) {
  body.bountiful.article .bountiful--article-right-col .bountiful--buy-button-group {margin:16px 0!important;}
}

/* ==========================================================
   TOPAUDIO – V2: KOMPAKT KOPKORT + SPARA-BRICKA
   Beror endast produktsidan. Kategoriknappar ar ororda.
   ========================================================== */
@media (min-width:768px) {
  body.bountiful.article .bountiful--article-top > .bountiful--article-right-col {
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-self:flex-start!important;
    height:auto!important;
    min-height:0!important;
  }
}
body.bountiful.article .bountiful--article-right-col > .slot--unique-selling-points,
body.bountiful.article .bountiful--article-right-col .slot--unique-selling-points {
  margin-top:16px!important;
  margin-bottom:0!important;
  padding-top:15px!important;
  flex:0 0 auto!important;
}
body.bountiful.article .bountiful--article-right-col .bountiful--buy-button-group {
  margin-bottom:0!important;
}
body.bountiful.article .bountiful--article-right-col .slot--payment-widget,
body.bountiful.article .bountiful--article-right-col .bountiful--article-links {
  flex:0 0 auto!important;
}
/* Skapas endast av valfritt JS nar ordinarie och aktuellt pris kan lasas sakert. */
body.bountiful.article .ta-saving-badge {
  display:inline-block!important;
  width:max-content;
  max-width:100%;
  margin:5px 0 8px!important;
  padding:5px 10px!important;
  border:1px solid #f3c4d1!important;
  border-radius:5px!important;
  background:#fff0f5!important;
  color:#bd294a!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.02em;
}

/* ==========================================================
   TOPAUDIO – KOMPAKT PRODUKTPANEL, 2026-09-29
   Behåller köpknappens befintliga ORANGE temafärg.
   Behåller kategoriknappar, rosa text och glow oförändrade.
   ========================================================== */
@media (min-width:768px) {
  body.bountiful.article .bountiful--article-top > .bountiful--article-right-col {
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-self:flex-start!important;
    height:auto!important;
    min-height:0!important;
  }
}
body.bountiful.article .bountiful--article-right-col .bountiful--buy-button-group {
  margin-top:16px!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
  min-height:0!important;
}
body.bountiful.article .bountiful--article-right-col .slot--unique-selling-points {
  margin:18px 0 0!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  flex:0 0 auto!important;
}
body.bountiful.article .bountiful--article-right-col .tws-unique-selling-points {
  margin:0!important;
  padding-top:16px!important;
  min-height:0!important;
  height:auto!important;
}
body.bountiful.article .bountiful--article-right-col .slot--payment-widget:empty,
body.bountiful.article .bountiful--article-right-col .slot--article-klarna-osm:empty,
body.bountiful.article .bountiful--article-right-col .slot--article-mylists:empty {
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
body.bountiful.article .bountiful--article-right-col .bountiful--article-links {
  margin-top:12px!important;
  flex:0 0 auto!important;
}

/* ==========================================================
   TOPAUDIO 4.4 – NAVIGATION, KÖP, SPECIFIKATIONER, HEADER
   Tillägg till beprövad grundfil. Ändrar inte befintliga
   kategoriknappars rosa LED-glow.
   ========================================================== */
:root { --ta-pink:#ff3e8a; --ta-orange:#ff5100; --ta-ink:#19191d; --ta-line:#e3e3ea; }

/* 1. Aktiv sidomeny: ändra bara aktivt tillstånd, inte hover/glow */
body.bountiful .sidebar a[aria-current="page"],
body.bountiful .sidepanel a[aria-current="page"],
body.bountiful .sidebar li.active > a,
body.bountiful .sidepanel li.active > a,
body.bountiful .sidebar li.selected > a,
body.bountiful .sidepanel li.selected > a {
  color:var(--ta-pink)!important;
  background:#fff4f8!important;
  font-weight:800!important;
  border-radius:6px;
}
/* Aktiv huvudmeny */
body.bountiful .tws-top-menu .active > a,
body.bountiful .tws-top-menu a[aria-current="page"] {
  color:var(--ta-pink)!important;
  box-shadow:inset 0 -2px 0 var(--ta-pink);
}

/* 2. Enhetlig orange köpknapp; rör inte guide-, kategori- eller hjälpknappar */
body.bountiful.article .bountiful--buy-button-group .tws-article-buy-button-with-modal--button,
body.bountiful.article .bountiful--buy-button-group .tws-article-buy-button-with-modal--buy-button,
body.bountiful .tws-article-list--article .tws-article-buy-button-with-modal--button,
body.bountiful .tws-article-list--article .tws-article-buy-button-with-modal--buy-button {
  background:var(--ta-orange)!important;
  border-color:var(--ta-orange)!important;
  color:#fff!important;
  font-weight:800!important;
  text-shadow:none!important;
}
body.bountiful.article .bountiful--buy-button-group .tws-article-buy-button-with-modal--button:hover,
body.bountiful.article .bountiful--buy-button-group .tws-article-buy-button-with-modal--buy-button:hover,
body.bountiful .tws-article-list--article .tws-article-buy-button-with-modal--button:hover,
body.bountiful .tws-article-list--article .tws-article-buy-button-with-modal--buy-button:hover {
  background:#e84a00!important;border-color:#e84a00!important;
  box-shadow:0 6px 18px rgba(255,81,0,.19)!important;
}

/* 3. Tekniska tabeller, både Abicart-tabeller och egna tabeller */
body.bountiful.article .bountiful--article-bottom table,
body.bountiful.article .slot--article-attributes table,
body.bountiful.article .ta-spec-table {
  width:100%!important;border-collapse:collapse!important;
  background:#fff!important;font-size:13px!important;
  border:1px solid var(--ta-line)!important;
  border-radius:8px;
}
body.bountiful.article .bountiful--article-bottom table th,
body.bountiful.article .bountiful--article-bottom table td,
body.bountiful.article .slot--article-attributes table th,
body.bountiful.article .slot--article-attributes table td,
body.bountiful.article .ta-spec-table th,
body.bountiful.article .ta-spec-table td {
  padding:11px 14px!important;border-bottom:1px solid #ececf1!important;
  text-align:left!important;vertical-align:top!important;
}
body.bountiful.article .bountiful--article-bottom table tr:nth-child(even),
body.bountiful.article .slot--article-attributes table tr:nth-child(even),
body.bountiful.article .ta-spec-table tr:nth-child(even) {background:#f7f7fa!important;}
body.bountiful.article .ta-spec-table th {width:48%;color:#50505d;font-weight:600!important;}
body.bountiful.article .ta-spec-table td {color:var(--ta-ink);font-weight:700!important;}
@media(max-width:600px){body.bountiful.article .ta-spec-table th,body.bountiful.article .ta-spec-table td{padding:9px 10px!important;font-size:12px!important;}}

/* 4. Header: renare logotyp, tydligare sökfält, diskret rosa fokus */
body.bountiful .bountiful--header .tws-logo--container {display:flex;align-items:center;justify-content:center;}
body.bountiful .bountiful--header .tws-logo img {max-height:58px;width:auto;object-fit:contain;}
body.bountiful .bountiful--header .tws-logo--text {font-weight:900!important;letter-spacing:-.045em;font-size:clamp(20px,2vw,28px)!important;}
body.bountiful .bountiful--header input[type="search"],
body.bountiful .bountiful--header input[name="search"] {
  border-radius:8px!important;min-height:40px;
  transition:border-color .2s,box-shadow .2s;
}
body.bountiful .bountiful--header input[type="search"]:focus,
body.bountiful .bountiful--header input[name="search"]:focus {
  border-color:var(--ta-pink)!important;
  box-shadow:0 0 0 3px rgba(255,62,138,.15)!important;
  outline:none!important;
}

/* ==========================================================
   TOPAUDIO 4.5 – STARTSIDANS FINISH
   Avsiktligt begränsat till startsidans innehåll och sidomenyn.
   Produktpanel, köpknappar och kategoriernas LED-val lämnas ifred.
   ========================================================== */

/* Gemensam rytm och en lugnare inramning runt startsidans block. */
body.bountiful.startpage .bountiful--main,
body.bountiful.frontpage .bountiful--main,
body.bountiful.index .bountiful--main {
  border-radius:10px;
}
body.bountiful.startpage .bountiful--main > * + *,
body.bountiful.frontpage .bountiful--main > * + *,
body.bountiful.index .bountiful--main > * + * {
  margin-top:16px;
}

/* Bildspelet: behåll hela originalbilden, undvik att kapa logotyper. */
body.bountiful .tws-content-box--slider,
body.bountiful .tws-content-box--carousel,
body.bountiful .tws-image-slider {
  overflow:hidden;
  border-radius:8px;
}
body.bountiful .tws-content-box--slider img,
body.bountiful .tws-content-box--carousel img,
body.bountiful .tws-image-slider img {
  display:block;
  max-width:100%;
  height:auto;
}

/* Startsidesbanners och klickbara bildrutor. Ingen filtereffekt på bilder. */
body.bountiful .tws-content-box--image a,
body.bountiful .tws-content-box--banner a {
  display:block;
  overflow:hidden;
  border-radius:8px;
  transition:box-shadow .22s ease,transform .22s ease;
}
body.bountiful .tws-content-box--image a:hover,
body.bountiful .tws-content-box--banner a:hover {
  box-shadow:0 9px 25px rgba(0,0,0,.12);
  transform:translateY(-2px);
}

/* Sidomenyn: diskret respons utan att skriva över aktivt rosa läge. */
body.bountiful .sidebar a:not([aria-current="page"]),
body.bountiful .sidepanel a:not([aria-current="page"]) {
  transition:background-color .2s ease,color .2s ease,padding-left .2s ease;
}
body.bountiful .sidebar li:not(.active):not(.selected) > a:hover,
body.bountiful .sidepanel li:not(.active):not(.selected) > a:hover {
  background:#fff5f9;
  color:#ff3e8a;
  padding-left:12px;
  border-radius:6px;
}

@media(max-width:650px) {
  body.bountiful.startpage .bountiful--main > * + *,
  body.bountiful.frontpage .bountiful--main > * + *,
  body.bountiful.index .bountiful--main > * + * {margin-top:12px;}
}

/* ==========================================================
   TOPAUDIO 4.6 – HEADERLOGOTYP: ÅTERSTÄLL SYNLIGHET
   Påverkar inte köpknappar, meny-LED eller produktsidor.
   Kräver att en logotyp är uppladdad i Abicarts logotypfält.
   ========================================================== */
body.bountiful .bountiful--header .tws-logo--container,
body.bountiful .bountiful--header .tws-logo,
body.bountiful .bountiful--header .tws-logo a,
body.bountiful .bountiful--header .tws-logo img,
body.bountiful .bountiful--header .tws-logo--text,
body.bountiful .bountiful--header .tws-header--logo,
body.bountiful .bountiful--header .tws-header--logo img {
  visibility:visible!important;
  opacity:1!important;
}
body.bountiful .bountiful--header .tws-logo--container {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px;
}
body.bountiful .bountiful--header .tws-logo a {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%;
}
body.bountiful .bountiful--header .tws-logo img,
body.bountiful .bountiful--header .tws-header--logo img {
  display:block!important;
  width:auto!important;
  max-width:min(230px,100%)!important;
  max-height:58px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
body.bountiful .bountiful--header .tws-logo--text {
  display:block!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-align:center!important;
}
@media(max-width:650px){
  body.bountiful .bountiful--header .tws-logo img,
  body.bountiful .bountiful--header .tws-header--logo img {
    max-width:160px!important;
    max-height:44px!important;
  }
}


/* ==========================================================
   TOPAUDIO 4.7 – LOGOTYP I BOUNTIFUL (VERKLIGA DOM-KLASSER)
   Utifrån kontrollen: .slot--header-logo > .tws-logo--container
   och bild med .tws-logo--image.
   ========================================================== */
@media (min-width: 768px) {
  body.bountiful .slot--header-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 180px !important;
    min-height: 64px !important;
    overflow: visible !important;
  }
}
body.bountiful .slot--header-logo,
body.bountiful .slot--header-logo .tws-logo--container,
body.bountiful .slot--header-logo .tws-logo,
body.bountiful .slot--header-logo .tws-logo a,
body.bountiful .slot--header-logo .tws-logo--image,
body.bountiful .slot--header-logo img {
  visibility: visible !important;
  opacity: 1 !important;
}
body.bountiful .slot--header-logo .tws-logo--container,
body.bountiful .slot--header-logo .tws-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}
body.bountiful .slot--header-logo a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.bountiful .slot--header-logo img,
body.bountiful .slot--header-logo .tws-logo--image {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: 235px !important;
  max-height: 64px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  transform: none !important;
  filter: none !important;
}
@media (max-width: 767px) {
  /* Låt temats mobila hamburgerheader behålla sin struktur. */
  body.bountiful .slot--header-logo img,
  body.bountiful .slot--header-logo .tws-logo--image {
    max-width: 155px !important;
    max-height: 42px !important;
  }
}

/* ==========================================================
   TOPAUDIO 4.8 – STÖRRE TRANSPARENT HEADERLOGOTYP
   Ersätter tidigare maxmått för desktop, behåller mobil layout.
   ========================================================== */
@media (min-width: 768px) {
  body.bountiful .slot--header-logo {
    min-width: 280px !important;
    min-height: 82px !important;
    overflow: visible !important;
  }
  body.bountiful .slot--header-logo .tws-logo--container,
  body.bountiful .slot--header-logo .tws-logo,
  body.bountiful .slot--header-logo a {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }
  body.bountiful .slot--header-logo img,
  body.bountiful .slot--header-logo .tws-logo--image {
    display: block !important;
    width: 260px !important;
    max-width: 260px !important;
    height: auto !important;
    max-height: 76px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
}/* ==========================================================
   TOPAUDIO 4.9 – CENTRERA SIDAN UTAN SIDOPANEL
   Gör huvudinnehållet centrerat när sidopanelen är borttagen.
   Påverkar inte header, meny eller mobil.
   ========================================================== */

@media (min-width: 768px) {

  /* Huvudlayout */
  body.bountiful .bountiful--body,
  body.bountiful .bountiful--content,
  body.bountiful .bountiful--main-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Själva huvudinnehållet */
  body.bountiful .bountiful--main {
    float: none !important;
    clear: both !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Startsidan */
  body.bountiful.startpage .bountiful--main,
  body.bountiful.frontpage .bountiful--main,
  body.bountiful.index .bountiful--main {
    float: none !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Mobil – låt Abicarts responsiva layout styra */
@media (max-width: 767px) {

  body.bountiful .bountiful--main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}/* ==========================================================
   TOPAUDIO 5.0 – UNDERKATEGORIRAD UNDER HUVUDMENYN
   ========================================================== */

.ta-subcategory-bar {
    width: 100%;
    background: #202024;
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.08);
    position: relative;
    z-index: 20;
}

.ta-subcategory-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;

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

    min-height: 48px;
}

.ta-subcategory-bar a {
    position: relative;
    display: flex;
    align-items: center;

    min-height: 48px;
    padding: 0 17px;

    color: #fff !important;
    text-decoration: none !important;

    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;

    transition:
        color .18s ease,
        background-color .18s ease;
}

/* Diskreta avdelare */
.ta-subcategory-bar a + a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 1px;
    background: rgba(255,255,255,.10);
}

/* Hover */
.ta-subcategory-bar a:hover {
    color: #ff3e8a !important;
    background: rgba(255,62,138,.06);
}

/* Rosa linje vid hover */
.ta-subcategory-bar a::after {
    content: "";
    position: absolute;
    left: 17px;
    right: 17px;
    bottom: 0;

    height: 2px;
    background: #ff3e8a;

    transform: scaleX(0);
    transform-origin: center;
    transition: transform .18s ease;
}

.ta-subcategory-bar a:hover::after,
.ta-subcategory-bar a.ta-current::after {
    transform: scaleX(1);
}

/* Aktiv underkategori */
.ta-subcategory-bar a.ta-current {
    color: #ff3e8a !important;
}


/* ==========================================================
   MOBIL
   ========================================================== */

@media (max-width: 767px) {

    .ta-subcategory-inner {
        justify-content: flex-start;
        flex-wrap: nowrap;

        overflow-x: auto;
        overflow-y: hidden;

        padding: 0 12px;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .ta-subcategory-inner::-webkit-scrollbar {
        display: none;
    }

    .ta-subcategory-bar a {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 0 14px;
        font-size: 12px;
    }

}/* ==========================================================
   TOPAUDIO – UNDERKATEGORIER MOBIL
   ========================================================== */

@media (max-width: 767px) {

    .ta-subcategory-bar {
        display: block !important;
        width: 100% !important;
        max-width: none !important;

        background: #202024 !important;
        border-top: 1px solid rgba(255,255,255,.08);
        border-bottom: 1px solid rgba(255,255,255,.10);

        overflow: hidden;
        position: relative;
        z-index: 50;
    }

    .ta-subcategory-inner {
        width: 100% !important;
        max-width: none !important;

        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        align-items: center;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 0 8px !important;
        margin: 0 !important;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .ta-subcategory-inner::-webkit-scrollbar {
        display: none;
    }

    .ta-subcategory-bar a {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center;

        height: 46px;
        min-height: 46px;

        padding: 0 15px !important;

        color: #fff !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }

    .ta-subcategory-bar a.ta-current {
        color: #ff3e8a !important;
    }

}