/** Shopify CDN: Minification failed

Line 1120:19 Expected ":"

**/
.live-search-filter-wrapper {
    display: none;
}
.option-selection-Storlek {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.Vtl-SizeChartButton {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.product-sku {
  color: inherit;
}
.product__price .price__compare-at.visible~.price__current {
    color: #bf262f;
    font-weight: 800;
    font-size: 1.6rem;
}
.product__price .price__current {
    font-size: 1.6rem;
    font-weight: bold;
}


.productgrid--masthead .collection--title{
  font-size: 1.4rem;
  font-weight: 600;
}
.productgrid--masthead .rte h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1rem;
}

.productgrid--masthead .rte p {
    margin: 0 !important;
}

/* =====================================================================
   CRO/UX DESIGNSYSTEM — Fas 0 (Kroppsbutiken SE, CRO-redesign draft)
   Mål: mjukare/modernare (mindre kantigt), läsbart för 35-40+ -> äldre,
   tydlig grön ATC, behåller brand-färger. Justeras visuellt i preview.
   ===================================================================== */
:root{
  --kb-radius: 14px;
  --kb-radius-sm: 10px;
  --kb-shadow: 0 4px 16px rgba(30,45,125,0.08);
  --kb-shadow-hover: 0 10px 28px rgba(30,45,125,0.16);
  --kb-atc: #2E7D33;          /* grön köpknapp, AA-kontrast vit text */
  --kb-atc-hover: #24611f;
  --kb-blue: #1e2d7d;
  --kb-black: #000;
}

/* ---- Läsbarhet: större, luftigare brödtext (ej global body, för att ej
   skala om hela UI:t) ---- */
.rte, .rte p, .rte li,
.productitem--description p,
.product-description, .product-description p {
  font-size: 1.0625rem;     /* ~17px */
  line-height: 1.65;
}
@media (min-width: 741px){
  .rte, .rte p, .rte li,
  .product-description, .product-description p { font-size: 1.0625rem; } /* ~18px desktop */
}

/* ---- Rundade hörn + mjuka skuggor på produktkort ---- */
.productgrid--item .productitem{
  border-radius: var(--kb-radius);
  transition: box-shadow .2s ease, transform .2s ease;
}
.productgrid--item .productitem:hover{
  box-shadow: var(--kb-shadow-hover);
  transform: translateY(-2px);
}
.productitem--image,
.productitem--image img,
.productitem--image canvas{
  border-radius: var(--kb-radius-sm);
}

/* ---- Knappar: rundade + tydliga tap-targets (>=44-48px) ---- */
.button-primary,
.button-secondary,
.product-form--atc-button,
.btn,
.productgrid--no-results-button,
.productitem--action-trigger{
  border-radius: var(--kb-radius-sm) !important;
  min-height: 48px;
}

/* ---- ATC = grön och framträdande (PDP + grid quick-buy) ---- */
.product-form--atc-button,
.productitem--action-atc,
.productitem--action-atc.button-primary{
  background-color: var(--kb-atc) !important;
  border-color: var(--kb-atc) !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.product-form--atc-button:hover,
.productitem--action-atc:hover,
.productitem--action-atc.button-primary:hover{
  background-color: var(--kb-atc-hover) !important;
  border-color: var(--kb-atc-hover) !important;
}

/* ---- Formulärfält + storleksval: rundat + större ytor ---- */
.form-field-input,
.form-field-select,
.form-field-textarea{
  border-radius: var(--kb-radius-sm);
  min-height: 48px;
}
.options-selection__option-value-label{
  border-radius: var(--kb-radius-sm);
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ---- Innehållsbilder rundade ---- */
.rte img,
.collection--image img,
.collection--image canvas{ border-radius: var(--kb-radius); }

/* ---- Läs mer (kollektion): redan brand-blå; ge tap-target ---- */
.read-more-btn{ min-height: 44px; }

/* =====================================================================
   PDP-POLISH — Fas 1 (produktsida)
   ===================================================================== */
/* Trygghets-/leveranskort (key_details) -> proffsigt kort istf tunn ruta */
.key-details{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-radius: var(--kb-radius);
  padding: 16px 18px;
  margin: 14px 0;
  box-shadow: var(--kb-shadow);
  border: 1px solid rgba(30,45,125,0.06);
}
.key-details__icon{
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  margin-top: 2px;
}
.key-details__heading{
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 4px;
}
.key-details__wrapper{ width: 100%; }
.key-details__wrapper p{
  font-size: 1.0625rem;
  line-height: 1.7;
  margin: 0 0 4px;
}
.key-details__wrapper p:last-child{ margin-bottom: 0; }

/* Produkttitel: tydligare hierarki */
.product-title{
  font-size: 1.9rem;
  line-height: 1.25;
  font-weight: 600;
}
@media (max-width: 740px){ .product-title{ font-size: 1.55rem; } }

/* Pris: framträdande */
.product-pricing .price__current{ font-weight: 800; }

/* Köp-rad: lite mer luft + rundad antalsväljare */
.product-form--atc .product-form__action-wrapper{ gap: 12px; }
.quantity-selector, .quantity-selector input{ border-radius: var(--kb-radius-sm); }

/* Dragspel (collapsible) -> rundat & luftigt */
.collapsible-tab{
  border-radius: var(--kb-radius-sm);
  border: 1px solid rgba(0,0,0,0.08);
  margin: 8px 0;
  padding: 2px 14px;
}
.collapsible-tab__heading{ min-height: 25px; font-weight: 600; }

/* Trygghetskort med RIKTIGA ikoner (custom-liquid block, inga emojis) */
.kb-trust{
  border: 1px solid rgba(30,45,125,0.10);
  border-radius: var(--kb-radius);
  box-shadow: var(--kb-shadow);
  padding: 6px 18px;
  margin: 16px 0;
  background: #fff;
}
.kb-trust__row{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
}
.kb-trust__row + .kb-trust__row{ border-top: 1px solid rgba(0,0,0,0.06); }
.kb-trust__icon{
  width: 26px; height: 26px;
  flex: 0 0 auto;
  color: var(--kb-blue);
}
.kb-trust__txt strong{
  display: block;
  font-size: 1.0625rem;
  line-height: 1.3;
  color: #1d1d1d;
  font-weight: 700;
}
.kb-trust__txt span{
  display: block;
  font-size: 0.95rem;
  color: #5f6368;
  line-height: 1.3;
  margin-top: 2px;
}

/* =====================================================================
   STARTSIDA — Fas 2: "Handla efter besvär" som horisontell karusell
   ===================================================================== */
/* hög specificitet (sektionsklass + båda ul-klasserna) tvingar flex över temats grid */
.collection-list--section .collection-list__content,
.collection-list--section ul.home-section--content.collection-list__content{
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 16px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  scrollbar-width: none;        /* dölj ful scrollbar (Firefox) */
  -ms-overflow-style: none;     /* IE/Edge */
}
.collection-list--section .collection-list__content::-webkit-scrollbar{ display: none; }  /* Chrome/Safari */
/* fast bredd + min-width:0 så objektet INTE tar bildens naturliga storlek */
.collection-list--section .collection-list__content .collection__item{
  flex: 0 0 42% !important;
  max-width: 42%;
  min-width: 0;
  margin: 0;
  scroll-snap-align: start;
}
@media (min-width: 741px){
  .collection-list--section .collection-list__content .collection__item{ flex: 0 0 15.5% !important; max-width: 15.5%; }
}
/* tvinga cirkulär, kvadratisk thumbnail oavsett bildens råmått */
.collection-list__content .collection__item-image{
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 50%;
  margin: 0;
}
.collection-list__content .collection__item-image img,
.collection-list__content .collection__item-image canvas{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.collection__item-title{
  display: block;
  text-align: center;
  margin-top: 10px;
  font-weight: 600;
  color: var(--kb-black);
  font-size: 1rem;
  line-height: 1.25;
}
.home-section--title{ font-weight: 600; }

/* =====================================================================
   BETALRAD (PDP/varukorg) — Swish + officiella betalikoner
   ===================================================================== */
.kb-pay{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 14px 0 4px;
}
.kb-pay__label{ font-size: 0.9rem; color: #5f6368; }
.kb-pay__icons{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.kb-pay__icons svg,
.kb-pay__icons .payment-icon,
.kb-pay__swish{
  height: 26px;
  width: auto;
  border: 1px solid #eee;
  border-radius: 6px;
  background: #fff;
}
.kb-pay__swish{ padding: 2px 5px; object-fit: contain; }

/* =====================================================================
   GLOBAL BEST-PRACTICE-SVEP — av-kantning + polish av HELA temat
   (rundar/mjukar ALLA knappar, fält, kort, sök, filter, paginering,
    varukorg, quickshop, footer, badges; brand-färger behålls)
   ===================================================================== */

/* ---- ALLA knappar rundade, oavsett klass/plats ---- */
button,
.btn, .button,
input[type="submit"], input[type="button"],
[class*="button-"],
.pxs-button,
.shopify-payment-button__button,
.utils-filter-button,
.utils-viewtoggle-button,
.cart-update, .cart-continue,
.read-more-btn,
.quickshop-button button,
.product-request-form button{
  border-radius: var(--kb-radius-sm) !important;
}
/* primära CTA: rejäl touch-yta */
.button-primary, .button-secondary,
.shopify-payment-button__button,
.cart-title-button, .cart-checkout .button-primary{
  min-height: 48px;
}

/* ---- ALLA inmatningsfält rundade ---- */
input[type="text"], input[type="email"], input[type="search"],
input[type="tel"], input[type="number"], input[type="password"],
input[type="date"],
select, textarea, .input,
.form-field-input, .form-field-select, .form-field-textarea{
  border-radius: var(--kb-radius-sm) !important;
}

/* ---- Kort / paneler / moduler: mjuka hörn ---- */
.card, .collection__item,
.cart-sidebar__block,
.quickshop, .modal__content, .modal,
.promo-block, .promo-block-background,
.dynamic-highlights-banner .highlight,
.testimonial, .faq-categories, .faq-items,
.article-excerpt, .article-excerpt-featured,
.pxs-newsletter, .newsletter,
.meganav, .meganav-standard, .multi-column-menu,
.subcollections-collection,
.countdown, .countdown-product-card{
  border-radius: var(--kb-radius) !important;
}

/* ---- Innehållsbilder rundade (ej logo/ikoner) ---- */
.promo-block img, .promo-block canvas,
.dynamic-image-with-text img, .dynamic-image-with-text canvas,
.image-with-text img,
.article-excerpt img, .article-excerpt canvas,
.subcollections-collection img{
  border-radius: var(--kb-radius);
}

/* ---- Bort med understrykningar på nav/kategori/footer-länkar ---- */
.collection-list--section .collection__item a,
.collection-list--section .collection__item a:hover,
.collection__item-title,
.navmenu-link, .navmenu-link:hover,
.site-footer a, .footer a,
.productitem--title a{
  text-decoration: none !important;
}

/* ---- Header: rund sök + mjuka actionknappar ---- */
.site-header__search-input, .header__search input,
.live-search-form, .live-search-form input,
.predictive-search__input, .search__input{
  border-radius: 999px !important;
}

/* ---- Fri-frakt-progressbar: mjuk pille + brand-grön ---- */
.free-shipping-bar__meter{
  border-radius: 999px;
  overflow: hidden;
  background: #eef0f7;
  height: 8px;
}
.free-shipping-bar__progress{
  background: var(--kb-atc);
  border-radius: 999px;
}

/* ---- Paginering rundad + touch ---- */
.pagination a, .pagination span, .pagination__item, .pagination__nav-item{
  border-radius: var(--kb-radius-sm);
  min-height: 44px;
  min-width: 44px;
}

/* ---- Badges / rea-etiketter: mjuka piller ---- */
.product-badge, .productitem--badge, .badge,
.product__badge, .sale-badge{
  border-radius: 999px;
}

/* ---- Sektionsrytm: lite mer luft mellan hemsektioner ---- */
.home-section--title, .section--canonical .home-section--title{
  margin-bottom: 1.1rem;
}

/* ---- Varukorg: mjuka block + tydlig kassaknapp ---- */
.cart-final-total, .cart-ordernote, .cart-shipping, .cartitems-empty--inner{
  border-radius: var(--kb-radius);
}
/* KB WOW-LAGER */
/* ============================================================
   KB WOW-LAGER - premium visuell transformation (Empire)
   Mobile-first. Bygger pa designsystemet ovan. Allt additivt.
   ============================================================ */
:root{
  --kb-ink:#1b2330; --kb-muted:#5b6472;
  --kb-band:#f4f6fc; --kb-band-2:#eef1fb; --kb-line:#e7eaf3;
  --kb-radius-lg:20px;
  --kb-shadow-soft:0 6px 24px rgba(30,45,125,.08);
  --kb-shadow-card:0 12px 34px rgba(20,30,60,.13);
  --kb-sale:#BF262F;
}
/* --- Typografi: moderna typsnitt + lasbar skala for malgruppen --- */
body, .rte, p, li, label, input, select, textarea, .product-form, .productitem, button, .button{
  font-family:'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,
.home-section--title,.section-header__title,.product-title,.productitem--title,
.slideshow__title,.collection__item-title,.key-details__heading{
  font-family:'Poppins', 'Nunito Sans', sans-serif !important;
  letter-spacing:-.01em;
}
body{ color:var(--kb-ink); font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased; }
h1,.h1{ font-size:2rem; line-height:1.14; font-weight:700; }
h2,.h2,.home-section--title,.section-header__title{ font-size:1.55rem; font-weight:500; line-height:1.2; }
h3,.h3{ font-size:1.2rem; font-weight:600; }
@media(min-width:750px){
  h1,.h1{ font-size:2.9rem; }
  h2,.h2,.home-section--title,.section-header__title{ font-size:2.15rem; }
}

.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-description h5,
.product-description .h1,
.product-description .h2,
.product-description .h3,
.product-description .h4,
.product-description .h5 {
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
  font-size:1.125rem;
  font-weight: 600;
}



/* --- Sektionsrubriker centrerade med accentlinje --- */
.home-section--title,.section-header__title{ text-align:center; }
.home-section--title:after,.section-header__title:after{
  content:""; display:block; width:54px; height:4px; border-radius:4px;
  background:var(--kb-blue,#1e2d7d); margin:14px auto 0; opacity:.9;
}
/* --- Knappar: premium pill + mjuk lyft (endast primara/CTA) --- */
.button-primary,.product-form--atc-button,.productitem--action-atc.button-primary,
.btn--primary,.button--primary{
  border-radius:999px !important;
  font-family:'Poppins',sans-serif !important; font-weight:600 !important;
  letter-spacing:.01em;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
.product-form--atc-button,.productitem--action-atc.button-primary{
  background:var(--kb-atc,#2E7D33) !important; border-color:var(--kb-atc,#2E7D33) !important;
  box-shadow:0 6px 18px rgba(46,125,51,.28) !important;
}
/* .button-primary:hover,.product-form--atc-button:hover,
.productitem--action-atc.button-primary:hover,.btn--primary:hover,.button--primary:hover{
  transform:translateY(-2px); box-shadow:0 11px 26px rgba(46,125,51,.34) !important;
} */
.button-primary:active,.product-form--atc-button:active{ transform:translateY(0); }
/* --- Produktkort: rundat, mjuk skugga, lyft vid hover --- */
.productitem{
  border-radius:var(--kb-radius-lg) !important; background:#fff;
  box-shadow:var(--kb-shadow-soft); border:1px solid var(--kb-line) !important;
  overflow:hidden; transition:transform .18s ease, box-shadow .18s ease !important;
}
.productitem:hover{ transform:translateY(-4px); box-shadow:var(--kb-shadow-card); }
.productitem--title{ font-weight:600 !important; }
/* --- Pris & rea-pill --- */
.price--highlight,.price__sale,.productitem--price ins,.price-label--sale{ color:var(--kb-blue,#1e2d7d) !important; }
.product-label--on-sale,.productitem--onsale,.product-label--sale,.price-label--on-sale{
  background:var(--kb-sale) !important; color:#fff !important;
  border-radius:999px !important; font-weight:700 !important; letter-spacing:.02em; padding:3px 10px !important;
}
/* --- Hero djup --- */
.slideshow__title,.slideshow__subheading{ text-shadow:0 2px 18px rgba(0,0,0,.28); }
.slideshow__title{ font-weight:700 !important; }
/* --- Mjukare paneler genomgaende --- */
.card,.collection__item,.key-details,.kb-trust,.kb-pay,.collapsible-tab,.index-module,
.rte img,.product-gallery--image-wrapper,.productgrid--item img{
  border-radius:var(--kb-radius-lg) !important;
}
/* --- Header polish --- */
.site-header,.header{ box-shadow:0 2px 12px rgba(20,30,60,.06); }
/* --- Tillganglighet: tydlig fokusmarkering --- */
a:focus-visible,button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid rgba(30,45,125,.45) !important; outline-offset:2px !important;
}
/* --- Lankar mjuk overgang --- */
a{ transition:color .15s ease; }
/* slut KB WOW-LAGER */
/* KB POLISH-LAGER */
/* Mobil-tapytor + kontrast for aldre malgrupp (a11y = konvertering) */
@media(max-width:749px){
  .button-primary,.product-form--atc-button,.productitem--action-atc.button-primary,
  .button,.btn,[type=submit]{ min-height:48px !important; }
  .header__nav a,.mobile-nav a,.site-nav a{ padding-top:10px !important; padding-bottom:10px !important; }
}
/* Hojd kontrast: undvik tunn ljusgra brodtext */
.text-muted,.productitem--vendor,.product-meta__vendor,.rte small,.caption{ color:#5b6472 !important; }
/* Konsekvent rundade falt/sok */
input,select,textarea,.form-field-input,.form-field-select,.search__input,.live-search-filter-wrapper input{
  border-radius:12px !important;
}
/* slut KB POLISH-LAGER */
/* KB FIX-LAGER */
/* Sidfotsrubriker ljusa pa mork bakgrund */
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.footer h2,.footer h3,.footer__title,.footer__heading,.footer-block__heading,.site-footer-block-title,.site-footer-wrapper h2,.site-footer-wrapper h3,.site-footer .h2,.site-footer .h3{color:#fff !important}
/* Betal-loggor lika stora (Swish matchar SVG-ikonerna) */
.kb-pay__icons{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.kb-pay__icons svg,.kb-pay__icons img,.kb-pay__swish{height:28px !important;width:auto !important;border-radius:4px}
.kb-cartrust__icons svg,.kb-cartrust__icons img,.kb-cartrust__swish{height:28px !important;width:auto !important;border-radius:4px}
.payment-icons img{height:24px !important;width:auto !important;vertical-align:middle}
/* slut KB FIX-LAGER */
/* KB CART-POPUP */
/* ============================================================
   KB CART-POPUP - styling av "add to cart"-bekraftelsen (Empire)
   Wrapper: .atc-banner--container (data-atc-banner), markup i
   layout/theme.liquid (atc-banner). Endast visuell polish, ingen
   andring av positionering/animation/JS. Mobile-first. Allt scopat.
   ============================================================ */
.atc-banner--container .atc-banner--outer{
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 50px rgba(20,30,60,.18);
  padding:18px 18px 16px;
  border:1px solid var(--kb-line,#e7eaf3);
}
/* "Produkt tillagd"-rubrik: tydlig + gron bock */
.atc-banner--container .atc-banner--product-title{
  font-size:1.05rem;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
}
.atc-banner--container .atc-banner--product-title--icon{
  color:var(--kb-atc,#2E7D33);
  display:inline-flex;
}
/* Produktrad: luftig, lasbar */
.atc-banner--container .atc--product{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.atc-banner--container .atc--product-image{
  flex:0 0 auto;
  width:72px;
}
.atc-banner--container .atc--product-image img,
.atc-banner--container .atc--product-image canvas,
.atc-banner--container .atc--product-image svg{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:12px;
}
.atc-banner--container .atc--product-details--title{
  font-size:15px;
  line-height:1.35;
  font-weight:600;
  margin:0 0 4px;
}
.atc-banner--container .atc--product-details--options{
  font-size:.9rem;
  color:var(--kb-muted,#5b6472);
}
/* Delsumma-rad lite tydligare */
.atc-banner--container .atc-banner--cart-subtotal{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:600;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--kb-line,#e7eaf3);
}
/* Knappar i footern: jamn luft */
.atc-banner--container .atc-banner--cart-footer{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.atc-banner--container .atc-banner__form{ margin:0; }
/* Primar CTA (till kassan) = brand-gron pill */
.atc-banner--container .atc-button--checkout,
.atc-banner--container .atc-button--checkout.button-primary{
  width:100%;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--kb-atc,#2E7D33) !important;
  border-color:var(--kb-atc,#2E7D33) !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:700 !important;
  box-shadow:0 6px 18px rgba(46,125,51,.28) !important;
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
.atc-banner--container .atc-button--checkout:hover{
  background:var(--kb-atc-hover,#24611f) !important;
  border-color:var(--kb-atc-hover,#24611f) !important;
  transform:translateY(-2px);
  box-shadow:0 11px 26px rgba(46,125,51,.34) !important;
}
.atc-banner--container .atc-button--checkout:active{ transform:translateY(0); }
/* Sekundar (visa varukorg) = neutral, outlinad pill */
.atc-banner--container .atc-button--viewcart,
.atc-banner--container .atc-button--viewcart.button-secondary{
  width:100%;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff !important;
  color:var(--kb-ink,#1b2330) !important;
  border:1px solid var(--kb-line,#e7eaf3) !important;
  border-radius:999px !important;
  font-weight:600 !important;
  transition:background-color .15s ease, border-color .15s ease !important;
}
.atc-banner--container .atc-button--viewcart:hover{
  background:var(--kb-band,#f4f6fc) !important;
  border-color:#d7dcec !important;
}
/* Stangknapp diskret men tydlig tap-target */
.atc-banner--container .atc-banner--close{
  border-radius:999px;
  min-width:40px;
  min-height:40px;
}
/* Desktop: knapparna sida vid sida */
@media(min-width:741px){
  .atc-banner--container .atc-banner--cart-footer{
    flex-direction:row;
  }
  .atc-banner--container .atc-button--checkout,
  .atc-banner--container .atc-button--viewcart{ width:auto; flex:1 1 0; }
}
/* slut KB CART-POPUP */
/* KB TRUST-COMPACT */
/* Vänsterställt + mindre trygghetskort (som tidigare fast tätare) */
.kb-trust{padding:2px 16px !important}
.kb-trust__row{padding:8px 0 !important;min-height:0 !important;justify-content:flex-start !important;gap:12px !important}
.kb-trust__icon{width:20px !important;height:20px !important}
.kb-trust__txt{display:flex;align-items:center;text-align:left}
.kb-trust__txt strong{line-height:1.2;font-size:0.98rem}
/* slut KB TRUST-COMPACT */
/* KB FREESHIP-CENTER */
/* Center Empire fri-frakt-bar i varukorgen (scope to the REAL wrapper found in STEP 1) */
/* Wrapper: .free-shipping-bar (snippets/free-shipping-bar.liquid)
   Meddelandetext: .free-shipping-bar__status
   Mater/progress: .free-shipping-bar__meter / .free-shipping-bar__progress
   Behaller befintlig gron/rundad styling; lagger bara till centrering. */
.free-shipping-bar{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.free-shipping-bar .free-shipping-bar__status{
  text-align:center !important;
  margin-left:auto;
  margin-right:auto;
}
.free-shipping-bar .free-shipping-bar__meter{
  margin-left:auto;
  margin-right:auto;
  width:100%;
}
/* slut KB FREESHIP-CENTER */
/* KB MOBILE-NAV */
/* ============================================================
   KB MOBILE-NAV - lasbarhet i mobilmenyn (Empire)
   Kalla (verifierat fran temakallan):
     snippets/site-mobile-nav.liquid  -> behallare .site-mobile-nav
     snippets/mobile-nav-list.liquid  -> .navmenu / .navmenu-item / .navmenu-link
     snippets/navlist.liquid          -> .navmenu-submenu / .navmenu-link-depth-N
     snippets/mobile-navmenu-button.liquid -> .navmenu-button
   Endast mobil (<=749px). Allt scopat till .site-mobile-nav sa att
   desktop-meny/meganav och ovriga ytor INTE pverkas.
   ============================================================ */
@media(max-width:749px){
  /* Topp-nivalankar: storre, lasbar text + bekvam radhojd */
  .site-mobile-nav .navmenu-depth-1 > .navmenu-item > .navmenu-link{
    font-size:16.5px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:var(--kb-ink,#1b2330) !important;
    min-height:48px;
    display:flex;
    align-items:center;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  /* Tydlig separation mellan toppnivans poster */
  .site-mobile-nav .navmenu-depth-1 > .navmenu-item + .navmenu-item{
    border-top:1px solid var(--kb-line,#e7eaf3);
  }

  /* Alla mobilnav-lankar: god tap-target + lasbar grundtext */
  .site-mobile-nav .navmenu-link{
    font-size:16px;
    line-height:1.35;
    color:var(--kb-ink,#1b2330);
    text-decoration:none;
  }

  /* Aktiv lank tydligt markerad */
  .site-mobile-nav .navmenu-link-active{
    color:var(--kb-blue,#1e2d7d) !important;
    font-weight:700 !important;
  }

  /* Undermeny: lasbar indentering, fortfarande god storlek (>=15px) */
  .site-mobile-nav .navmenu-submenu{
    padding-left:16px;
  }
  .site-mobile-nav .navmenu-submenu .navmenu-link,
  .site-mobile-nav .navmenu-link-depth-2,
  .site-mobile-nav .navmenu-link-depth-3{
    font-size:15.5px !important;
    line-height:1.3 !important;
    font-weight:500 !important;
    min-height:44px;
    display:flex;
    align-items:center;
    padding-top:10px !important;
    padding-bottom:10px !important;
    color:var(--kb-ink,#1b2330) !important;
  }

  /* Subtil avdelare mellan undermenyposter */
  .site-mobile-nav .navmenu-submenu > .navmenu-item + .navmenu-item{
    border-top:1px solid rgba(20,30,60,.06);
  }

  /* Expand-/chevron-knapp: tillrackligt stor tap-target */
  .site-mobile-nav .navmenu-button{
    min-width:48px;
    min-height:48px;
  }
}
/* slut KB MOBILE-NAV */

/* KB AK2-FIX (arbetskopia 2 – CRO-justeringar) */
/* 1) Spara-pill: rod/vit, tjock text, lattlast */
.kb-savings{display:inline-block;margin-top:6px;background:#bf262f;color:#fff;font-weight:800;font-size:1rem;line-height:1.2;border-radius:999px;padding:4px 14px;font-family:'Poppins',sans-serif}
/* 2) Trygghetsikoner i kopknappens grona */
.kb-trust__icon{color:#2E7D33 !important}
/* 3) Betalikoner pa EN rad i mobil */
@media(max-width:749px){
  .kb-pay__icons{flex-wrap:nowrap !important;gap:6px !important;justify-content:center}
  .kb-pay__icons svg,.kb-pay__icons img,.kb-pay__swish{height:27px !important}
}
/* 4) Dragspel (collapsible-tab) mycket mindre/tatare */
.collapsible-tab{border-radius:10px !important;margin:6px 0 !important;padding:0 14px !important}
.collapsible-tab__heading{min-height:25px !important;padding-top:8px !important;padding-bottom:8px !important;font-size:.97rem !important}
.collapsible-tab__heading span{font-size:.97rem !important}
/* 5) Produktkort: betyg borttaget 2026-09-04 (kb-card-rating-markup bort ur product-grid-item) */
/* 6) Produktkort: ordinarie pris svartish (som PDP), ej bla */
.productgrid--item .productitem .price__current{color:#1b2330 !important}
.productgrid--item .productitem .price__current--on-sale{color:#bf262f !important}
.productgrid--item .productitem .price__compare-at{color:#8a8f98 !important}
/* 7) Footer: "Vi skickar med" + PostNord */
.kb-carrier{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;flex-wrap:wrap}
.kb-carrier__label{font-size:.9rem;color:#cfd3e6}
.kb-carrier__logo{height:22px;width:auto;background:#fff;border-radius:4px;padding:2px 6px}
/* Jämn spacing mellan alla tre dragspel (FAQ är ett custom-liquid-block) */
.product-block--collapsible-tab{margin-top:0 !important;margin-bottom:0 !important}
.product-block--custom-liquid:has(.collapsible-tab){margin-top:0 !important;margin-bottom:0 !important}
.product-block--custom-liquid:has(.collapsible-tab) .custom-liquid{margin:0 !important;padding:0 !important}
.product-block .collapsible-tab{margin:6px 0 !important}
/* slut KB AK2-FIX */

/* KB AK2-FIX2: sökrutans dropdown – dölj Spara-pill + svart ordinariepris (rött på rea) */
.search-flydown .kb-savings,
.search-flydown--product__price .kb-savings{display:none !important}
.search-flydown--product__price .price__current{color:#1b2330 !important}
.search-flydown--product__price .price__current--on-sale{color:#bf262f !important}
.search-flydown--product__price .price__compare-at{color:#8a8f98 !important}
/* slut KB AK2-FIX2 */

/* KB LINK-VISIBILITY */
/* Länkar i brödtext ska synas utan att förlita sig på färg (WCAG 1.4.1).
   Scopat till .rte (artiklar, produkt-/kollektionsbeskrivningar, SEO-block).
   Nav, knappar, produktkort och footer påverkas inte. */
.rte a:not([class*="button"]):not(.btn){
  text-decoration: underline !important;
  text-decoration-color: rgba(30,45,125,.55);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.rte a:not([class*="button"]):not(.btn):hover{
  text-decoration-thickness: 2px;
  text-decoration-color: var(--kb-blue,#1e2d7d);
}
/* slut KB LINK-VISIBILITY */
/* KB PAYMENT-FIX: bastemat döljer .payment-icons i footern; tvinga fram dem. Duplikat-säkert (dold footer-rad göms på site-footer-right-nivå). */
.site-footer .site-footer-right .payment-icons,
.site-footer__row .site-footer-right ul.payment-icons,
.site-footer-right .payment-icons,
ul.payment-icons{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  padding:0;
  list-style:none;
}
.site-footer .payment-icons .payment-icons-item{ display:inline-flex !important; align-items:center; margin:0; }
.site-footer .payment-icons .payment-icons-item svg,
.site-footer .payment-icons .payment-icons-item img{ height:24px !important; width:auto !important; }

/* KB PAYFOOTER: Boozt-stil betal- & leveransbrickor i footern */
.kb-payfooter{ display:flex; flex-wrap:wrap; gap:22px 40px; align-items:flex-start; margin:2px 0 6px; }
.kb-payfooter__label{ display:block; font-family:'Poppins',sans-serif; font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#cfd3e6; margin:0 0 10px; }
.payment-icons.kb-paytiles{ display:grid !important; grid-template-columns:repeat(6,46px); gap:8px; padding:0; margin:0; list-style:none; }
.kb-paytiles--ship{ display:grid; grid-template-columns:auto; gap:8px; padding:0; margin:0; list-style:none; }
.kb-paytiles .payment-icons-item{ margin:0; display:inline-flex; }
.kb-paytile{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:30px; padding:4px 6px; background:#fff; border:1px solid #e6e8ef; border-radius:6px; box-sizing:border-box; overflow:hidden; }
.kb-paytile img, .kb-paytile svg{ max-width:100% !important; max-height:100% !important; width:auto !important; height:auto !important; display:block; }
.kb-paytile--klarna{ background:#FFB3C7; border-color:#FFB3C7; color:#0b051d; font-family:'Poppins',sans-serif; font-weight:700; font-size:11px; line-height:1; }
.kb-paytile--postnord{ width:auto; min-width:74px; padding:4px 10px; }
@media(max-width:749px){
  .payment-icons.kb-paytiles{ grid-template-columns:repeat(4,44px); }
  .kb-paytile{ width:44px; height:28px; }
  .kb-payfooter{ gap:18px 28px; }
}
/* KB LEDYER-SIZE: håll Ledyer-wordmark lagom i PDP/varukorg-betalraden */
.kb-cartrust__icons img.kb-cartrust__ledyer,
.kb-pay__icons img.kb-pay__ledyer{ height:16px !important; width:auto !important; border-radius:0 !important; align-self:center; }
/* KB PAYFOOTER-GRID: tvinga 6-kolumners rutnät (2 rader) — vinner över KB PAYMENT-FIX display:flex */
.site-footer .site-footer-right .payment-icons.kb-paytiles{ display:grid !important; grid-template-columns:repeat(6,46px); gap:8px; }
@media(max-width:749px){
  .site-footer .site-footer-right .payment-icons.kb-paytiles{ grid-template-columns:repeat(4,44px); }
}
/* KB PAYFOOTER-GRID2: verklig footer-kedja saknar .site-footer-klass — matcha .site-footer__row + .site-footer-right och slå flex-regeln (0,0,3,1) med 0,0,4,1 */
.site-footer__row .site-footer-right ul.payment-icons.kb-paytiles,
.site-footer-right ul.payment-icons.kb-paytiles{
  display:grid !important;
  grid-template-columns:repeat(6,46px) !important;
  gap:8px !important;
}
@media(max-width:749px){
  .site-footer__row .site-footer-right ul.payment-icons.kb-paytiles,
  .site-footer-right ul.payment-icons.kb-paytiles{
    grid-template-columns:repeat(4,44px) !important;
  }
}
/* KB SOLDOUT-FIX: tydlig, avsiktlig slutsåld-knapp (ej blek grå, ej grön) — 2 klasser slår KB WOW-LAGER grön */
.product-form--atc-button.disabled,
.product-form--atc-button[disabled]{
  background:#5b6472 !important;
  border-color:#5b6472 !important;
  color:#fff !important;
  opacity:1 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}
.product-form--atc-button.disabled:hover,
.product-form--atc-button[disabled]:hover{
  background:#5b6472 !important;
  border-color:#5b6472 !important;
  transform:none !important;
  box-shadow:none !important;
}
.product-form--atc-button.disabled .atc-button--text,
.product-form--atc-button[disabled] .atc-button--text{
  color:#fff !important;
  font-weight:700 !important;
}
/* KB NEWSLETTER-BTN2: synlig CTA i footern (grön pill) — verklig kedja saknar .site-footer */
.site-footer-wrapper .newsletter-submit button,
.site-footer-blocks .newsletter-submit button,
.site-footer-block-newsletter .newsletter button[type="submit"],
.site-footer-block-newsletter button.button-primary{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:#2E7D33 !important; border:1px solid #2E7D33 !important; color:#fff !important;
  font-weight:700 !important; border-radius:999px !important; padding:10px 24px !important;
  min-height:44px !important; text-decoration:none !important; box-shadow:0 6px 18px rgba(46,125,51,.28) !important;
}
.site-footer-wrapper .newsletter-submit button:hover,
.site-footer-blocks .newsletter-submit button:hover,
.site-footer-block-newsletter .newsletter button[type="submit"]:hover,
.site-footer-block-newsletter button.button-primary:hover{ background:#24611f !important; border-color:#24611f !important; }
/* KB BACKTOTOP-FIX: back-to-top vit pill (ärvde mörkblå → låg kontrast mot footern) */
.back-to-top .back-to-top__button,.back-to-top__button{
  background:#fff !important; color:#1e2d7d !important; border:1px solid rgba(30,45,125,.25) !important;
  border-radius:999px !important; box-shadow:0 6px 18px rgba(20,30,60,.22) !important;
}
.back-to-top .back-to-top__button .back-to-top__button-label,.back-to-top__button .back-to-top__button-label{ color:#1e2d7d !important; }
.back-to-top .back-to-top__button svg,.back-to-top__button svg{ color:#1e2d7d !important; fill:currentColor; }
.back-to-top .back-to-top__button:hover,.back-to-top__button:hover{ background:#f4f6fc !important; }
/* KB FOOTER-DISCLOSURE (preventiv): väljare synliga om aktiverade på mörkblå footer */
.site-footer-wrapper .disclosure__toggle,.site-footer-blocks .disclosure__toggle{
  background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.55) !important;
  border-radius:999px !important; min-height:44px; padding:8px 18px;
}
.site-footer-wrapper .disclosure__submit,.site-footer-blocks .disclosure__submit{
  background:#2E7D33 !important; border-color:#2E7D33 !important; color:#fff !important; border-radius:999px !important; min-height:44px;
}
/* KB NAV-FOCUS: nolla ful fokus-box på nav-länkar (KB WOW-LAGER global a:focus-visible) — a11y bevarad via diskret understrykning; global fokus för knappar/formulär/PDP orörd */
.navmenu-link:focus-visible,.navmenu-item-text:focus-visible,.navmenu-link-parent:focus-visible,
.meganav a:focus-visible,.meganav-standard a:focus-visible,.multi-column-menu a:focus-visible,
.site-mobile-nav a:focus-visible,.navmenu-button:focus-visible,.mobile-nav-close:focus-visible,
.site-nav a:focus-visible,.header__nav a:focus-visible{
  outline:none !important; box-shadow:none !important; text-decoration:underline; text-underline-offset:3px;
}
/* KB NAV-FOCUS2: fokus-box poppar på KLICK (:focus, ej bara :focus-visible) — och meny-parents är <summary>, ej <a>. Rikta mot .navmenu-link (matchar både <a> OCH <summary>) på båda :focus + :focus-visible. Nollar outline+box-shadow på ALLA nav-element; a11y bevaras via diskret understrykning på tangentbordsfokus. */
.navmenu-link:focus,.navmenu-link:focus-visible,
.navmenu-link-parent:focus,.navmenu-link-parent:focus-visible,
.navmenu-item-text:focus,.navmenu-item-text:focus-visible,
.navmenu summary:focus,.navmenu summary:focus-visible,
.navmenu-submenu summary:focus,.navmenu-submenu a:focus,.navmenu-submenu a:focus-visible,
.navmenu-meganav a:focus,.navmenu-meganav summary:focus,
.multi-column-menu a:focus,.multi-column-menu summary:focus,
.site-mobile-nav a:focus,.site-mobile-nav summary:focus,.site-mobile-nav a:focus-visible,
.navmenu-button:focus,.navmenu-icon:focus,.mobile-nav-close:focus,
details[data-navmenu-details] > summary:focus{
  outline:none !important;
  box-shadow:none !important;
}
.navmenu-link:focus-visible,.navmenu-link-parent:focus-visible,.navmenu summary:focus-visible{
  text-decoration:underline !important; text-underline-offset:3px;
}
/* dölj default disclosure-marker på summary (så ingen triangel/markör-fokus) */
.navmenu summary::-webkit-details-marker,.navmenu summary::marker{ display:none; }
/* KB NEWSLETTER-VCENTER: vertikal centrering av "Prenumerera"-texten i footer-nyhetsbrevsknappen.
   Orsak (STEG 1): bas-normalize theme.css:514 `button,input,optgroup,select,textarea{line-height:1.15}`
   neutraliseras aldrig av KB NEWSLETTER-BTN2 (som sätter display/align-items/justify/padding/min-height
   men ALDRIG line-height). I den min-height:44px höga flex-knappen ger 1.15-radens leading +
   Nunito Sans/Poppins ascender/descender-asymmetri att glyfblocket hamnar ovanför optisk mitt -> texten
   sitter högt. Fix: återställ flex-centrering + line-height:1 + symmetrisk padding (neutraliserar cause b
   och skyddar mot cause a/e). Scopat STRIKT till footer-newsletter-knappen (speglar BTN2-väljarna). */
.site-footer-wrapper .newsletter-submit button,
.site-footer-blocks .newsletter-submit button,
.site-footer-block-newsletter .newsletter button[type="submit"],
.site-footer-block-newsletter button.button-primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
/* slut KB NEWSLETTER-VCENTER */

/* KB SEARCH-FOCUS (2026-09-04): ren fokusmarkering på sökrutan i header + mobil.
   Orsak: temats .live-search-form-field får egen ram vid fokus ovanpå formulärets pill-ram (.live-search-form),
   och KB WOW-LAGER:s globala input:focus-visible-ring (3px, 45 % blå, offset 2px) lades ovanpå -> dubbel, grumlig kant.
   Fix: inputen ramlös alltid; hela pillen (formuläret) markerar fokus med en skarp brand-blå ram. */
.site-header .live-search-form .live-search-form-field,
.site-header .live-search-form .live-search-form-field:hover,
.site-header .live-search-form .live-search-form-field:focus,
.site-header .live-search-form .live-search-form-field:focus-visible,
.site-header .live-search-form .live-search-form-field:active{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}
.site-header .live-search-form{
  border:1px solid #d7dcec !important;
  box-shadow:none !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.site-header .live-search-form:hover{ border-color:#b9c1dc !important; }
.site-header .live-search--focused .live-search-form,
.site-header .live-search-form:focus-within{
  border-color:#1e2d7d !important;
  box-shadow:0 0 0 1px #1e2d7d !important;
}
/* slut KB SEARCH-FOCUS */

/* KB MOBILE-NAV-CLEAN (2026-09-04): inga grå ytor i mobilmenyn.
   Temat ger undermenyn (.navmenu-depth-2) bakgrund #e6e6e6 och plus/minus-knappen grå ruta (#e6e6e6 / #cccccc)
   när en punkt är öppen. Öppen/aktiv punkt markeras nu endast med brand-blå text (+ blå chevron). */
.mobile-nav-content .navmenu-depth-2,
.mobile-nav-content .navmenu-depth-3,
.mobile-nav-primary-content .navmenu-depth-2,
.mobile-nav-primary-content .navmenu-depth-3{ background-color:transparent !important; }
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button,
.mobile-nav-content .navmenu-depth-2 .navmenu-link-parent-active ~ .navmenu-button,
.mobile-nav-primary-content .navmenu-link-parent-active ~ .navmenu-button,
.mobile-nav-primary-content .navmenu-depth-2 .navmenu-link-parent-active ~ .navmenu-button{
  background:transparent !important;
  color:#1e2d7d !important;
}
.mobile-nav-content .navmenu-link-parent-active,
.mobile-nav-content .navmenu-link-active,
.mobile-nav-primary-content .navmenu-link-parent-active,
.mobile-nav-primary-content .navmenu-link-active{ color:#1e2d7d !important; font-weight:700 !important; }
.mobile-nav-content .navmenu-link-parent-active ~ .navmenu-button .navmenu-icon,
.mobile-nav-content .navmenu-link-active ~ .navmenu-button .navmenu-icon{ color:#1e2d7d !important; }
/* slut KB MOBILE-NAV-CLEAN */

/* KB SEARCH-FOCUS2 (2026-09-04): utfällt förslagsläge. Panelen (.search-flydown) ligger INUTI .live-search-form,
   så formulärets ram omsluter input + panel. Med pill-radie (999px) blir det en båge upptill och avklippt nedtill.
   Fix: när sökningen är aktiv (.live-search--active) blir formuläret en panel med små hörn, grå ram och mjuk skugga;
   i mobilens helskärmsläge (.live-search--takeover) inga hörn alls. Pillen gäller bara i vila/fokus utan panel. */
.site-header .live-search--active .live-search-form,
.site-header .live-search-form:has(.search-flydown[data-animation-state="open"]),
.site-header .live-search-form:has(.search-flydown[data-animation]){
  border-radius:14px !important;
  border:1px solid #d7dcec !important;
  box-shadow:0 10px 28px rgba(20,30,60,.14) !important;
  overflow:hidden;
}
.site-header .live-search--active .live-search-form-field,
.site-header .live-search-form:has(.search-flydown[data-animation-state="open"]) .live-search-form-field,
.site-header .live-search-form:has(.search-flydown[data-animation]) .live-search-form-field{ border-radius:0 !important; }
.site-header .search-flydown{ border-top:1px solid #e7eaf3 !important; border-radius:0 !important; }
/* FOCUS3: temat sätter .live-search--active först NÄR öppningsanimationen är klar (och tar bort den innan
   stängningen börjar) -> pill-bågen blinkade fram under animationen. :has() på panelens data-animation-state /
   data-animation täcker öppen + båda övergångarna, så panel-stilen ligger på under hela förloppet. */
.site-header .live-search--takeover .live-search-form,
.site-header .live-search--takeover .live-search-form-field{ border-radius:0 !important; box-shadow:none !important; }
/* slut KB SEARCH-FOCUS2 */

/* KB SEARCH-TAKEOVER (2026-09-04): mobilens helskärmssök. Temat döljer den runda sökknappen och visar "Avbryt"
   i det läget, men vår inline-stil i live-search-form.liquid (display:flex, position:absolute) ligger senare i
   kaskaden med samma specificitet -> knappen låg kvar ovanpå "Avbryt" (syntes som "Av" + blå cirkel).
   Fix: i takeover göms knappen och fältet får temats högerluft så texten inte hamnar under "Avbryt". */
.site-header .live-search--takeover .live-search-button{ display:none !important; }
.site-header .live-search--takeover .live-search-form-field{ padding-right:100px !important; }
.site-header .live-search--takeover .live-search-takeover-cancel{ color:#1e2d7d; }
/* slut KB SEARCH-TAKEOVER */


.kb-integritet { font-family: 'DM Sans', sans-serif; color: #1A1A1A; line-height: 1.7; font-size: 15.5px; background: #F8F9FB; }
.kb-integritet .hero { background-color: #1E2D7D; background-image: linear-gradient(165deg, #111B4E 0%, #1E2D7D 60%, #2A3F8F 100%); color: #fff !important; padding: 64px 24px 48px; display: block; width: 100%; box-sizing: border-box; }
.kb-integritet .hero-inner { max-width: 780px; margin: 0 auto; }
.kb-integritet .hero h1 { font-family: 'Fraunces', serif; font-size: clamp(1.8rem, 5vw, 2.4rem); font-weight: 700; margin-bottom: 8px; color: #fff !important; }
.kb-integritet .hero .subtitle { opacity: .85; color: #fff !important; }
.kb-integritet .hero .updated { color: #fff !important; display: inline-block; margin-top: 10px; font-size: 13px; opacity: .7; }
.kb-integritet .container { max-width: 780px; margin: 0 auto; padding: 32px 24px 64px; }
.kb-integritet .section { margin-bottom: 32px; }
.kb-integritet .section h2 { font-family: 'Fraunces', serif; font-size: 1.3rem; color: #111B4E; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 2px solid #E8EBF4; }
.kb-integritet .section h3 { font-size: 16px; font-weight: 600; margin: 16px 0 8px; }
.kb-integritet .section p { margin-bottom: 10px; }
.kb-integritet .section ul { margin: 0 0 12px 20px; }
.kb-integritet .section ul li { margin-bottom: 6px; }
.kb-integritet .callout { background: #E8EBF4; border-left: 4px solid #1E2D7D; border-radius: 0 8px 8px 0; padding: 16px 20px; margin: 16px 0; }
.kb-integritet .company-card { background: #fff; border: 1px solid #DDDFE6; border-radius: 12px; padding: 20px; margin: 12px 0; }
.kb-integritet a { color: #1E2D7D; }





.breadcrumbs-container {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.breadcrumbs-container a,
.breadcrumbs-container span {
  font-size:14px;
}
.product__container {
  margin-top: 0rem;
}
.channel-list {
    display: flex;y
    margin-top: 1rem;
}
.channel-list .channel {
    border-color: #222;
    align-items: center;
    border-bottom: 3px;
    display: flex;
    font-size: 1rem;
    height: 30px;
    margin-right: 10px;
    padding: 0;
    font-weight: 400;
}
.channel-list .channel.active {
    border-bottom: 3px solid #fff;
}
.channel-list  .channel .flag {
    height: 35px;
    padding: 0;
    position: relative;
}
@media screen and (min-width: 720px) {
  .product__container {
    margin-top: 0.5rem;
  }
   .breadcrumbs-container {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .channel-list .channel {
        height: 36px;
    }
}

@media (min-width: 741px){
.product-recently-viewed__content .product-recently-viewed-card .productitem{
 min-height: 323px;
}  
}
@media (max-width: 740px){
.product-recently-viewed__content .product-recently-viewed-card .productitem{
 min-height: 320px;
}  
}


 .featured-collection__content[data-layout=grid] .productgrid--item {
    border-radius: 20px;
    overflow: hidden;
 }
.quantity-selector__label {
    display: none;
}
.product-stock-level {
    display: none;
}
.product-recommendations--title , .product-recently-viewed__heading , .kb-guide__title{
    font-weight: 500 !important;
}
.product-recently-viewed__wrapper {
    border-radius: 20px;
}
.product-recently-viewed-card {
        border-radius: 20px;
    }