.elementor-kit-492{--e-global-color-primary:#000000;--e-global-color-secondary:#DFC575;--e-global-color-text:#000000;--e-global-color-accent:#676565;--e-global-color-cd1e84d:#F9E0E299;--e-global-color-a983356:#F9E0E2;--e-global-color-02754a5:#FFFFFF00;--e-global-color-ef9a968:#FFFFFF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:56px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:24px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-628465a-font-family:"Poppins";--e-global-typography-628465a-font-size:78px;--e-global-typography-628465a-font-weight:700;--e-global-typography-628465a-font-style:normal;--e-global-typography-628465a-text-decoration:none;--e-global-typography-628465a-line-height:74px;--e-global-typography-628465a-letter-spacing:-2.3px;--e-global-typography-13b2551-font-family:"Poppins";--e-global-typography-13b2551-font-size:28px;--e-global-typography-13b2551-font-weight:600;--e-global-typography-13b2551-font-style:normal;--e-global-typography-13b2551-text-decoration:none;--e-global-typography-13b2551-line-height:1.6em;--e-global-typography-13b2551-letter-spacing:-0.7px;--e-global-typography-02da0e9-font-family:"Poppins";--e-global-typography-02da0e9-font-size:16px;--e-global-typography-02da0e9-font-weight:600;--e-global-typography-02da0e9-font-style:normal;--e-global-typography-02da0e9-text-decoration:none;--e-global-typography-02da0e9-line-height:26px;--e-global-typography-dfc7301-font-family:"Poppins";--e-global-typography-dfc7301-font-size:16px;--e-global-typography-dfc7301-font-weight:700;--e-global-typography-dfc7301-font-style:normal;--e-global-typography-dfc7301-text-decoration:none;--e-global-typography-dfc7301-line-height:24px;--e-global-typography-dfc7301-letter-spacing:7.1px;--e-global-typography-dfc7301-word-spacing:0px;background-color:#DFC575;font-family:"Poppins", sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-kit-492 e-page-transition{background-color:#FFBC7D;}.elementor-kit-492 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-kit-492 h1{font-family:"Poppins", sans-serif;font-size:104px;}.elementor-kit-492 h2{font-family:"Poppins", sans-serif;font-size:156px;}.elementor-kit-492 h3{font-family:"Poppins", sans-serif;font-size:132px;}.elementor-kit-492 h4{font-family:"Poppins", sans-serif;font-size:90px;}.elementor-kit-492 h5{font-family:"Poppins", sans-serif;font-size:137px;}.elementor-kit-492 h6{font-family:"Poppins", sans-serif;font-size:121px;}.elementor-kit-492 button,.elementor-kit-492 input[type="button"],.elementor-kit-492 input[type="submit"],.elementor-kit-492 .elementor-button{font-family:"Poppins", sans-serif;color:#000000;}.elementor-kit-492 label{color:var( --e-global-color-primary );}.elementor-kit-492 input:not([type="button"]):not([type="submit"]),.elementor-kit-492 textarea,.elementor-kit-492 .elementor-field-textual{font-family:"Inter", sans-serif;font-size:16px;font-weight:300;color:var( --e-global-color-primary );}.elementor-kit-492 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-492 textarea:focus,.elementor-kit-492 .elementor-field-textual:focus{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1730px;}.e-con{--container-max-width:1730px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-492{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1em;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-628465a-font-size:58px;--e-global-typography-628465a-line-height:1em;--e-global-typography-13b2551-font-size:22px;--e-global-typography-02da0e9-font-size:14px;--e-global-typography-dfc7301-font-size:14px;--e-global-typography-dfc7301-letter-spacing:6px;font-size:14px;}.elementor-kit-492 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-492{--e-global-typography-primary-font-size:28px;--e-global-typography-secondary-font-size:18px;--e-global-typography-accent-font-size:14px;--e-global-typography-628465a-font-size:36px;--e-global-typography-628465a-letter-spacing:-2px;--e-global-typography-13b2551-font-size:18px;--e-global-typography-dfc7301-font-size:12px;--e-global-typography-dfc7301-letter-spacing:4px;}.elementor-kit-492 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Kategorier – modernare, större, mer spacing ===== */
#kb-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

#kb-cats .kb-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  border-radius: 9999px;            /* tydlig “pill”-form */
  border: 2px solid #dfc575;        /* guld-kant */
  background: #fff;                 /* vit default */
  color: #0F1C2E;                   /* mörkblå text */
  transition: background .2s, color .2s, border-color .2s, box-shadow .2s, transform .08s;
  min-height: 44px;                 /* UX: minimum tap-target */
  text-align: center;
  white-space: nowrap;
}

#kb-cats .kb-chip:hover {
  background: rgba(223,197,117,.14); /* subtil hover */
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

#kb-cats .kb-chip:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

#kb-cats .kb-chip.active,
#kb-cats .kb-chip[aria-pressed="true"] {
  background: #000;                 /* aktiv = svart */
  border-color: #000;
  color: #fff;
  box-shadow: 0 3px 10px rgba(0,0,0,.2);
}

/* Fokus – tillgänglighet */
#kb-cats .kb-chip:focus { outline: none; }
#kb-cats .kb-chip:focus-visible {
  outline: 2px solid #0F1C2E;
  box-shadow: 0 0 0 3px rgba(223,197,117,.35);
}

/* Mindre skärmar: aningen kompaktare */
@media (max-width: 420px){
  #kb-cats { gap: 12px; }
  #kb-cats .kb-chip {
    padding: 10px 16px;
    font-size: 15px;
  }
}

/* Reducera rörelse för de som önskar */
@media (prefers-reduced-motion: reduce){
  #kb-cats .kb-chip {
    transition: none;
    transform: none !important;
  }
}


/* ===== Nyhet-badge på produktkort ===== */
.produktkort-is-nyhet,
.produktkort-is-nyhet * {
  position: relative;
}

.produktkort-is-nyhet {
  overflow: visible !important;
}

.produktkort-is-nyhet .elementor-widget-container,
.produktkort-is-nyhet .card,
.produktkort-is-nyhet .woocommerce-LoopProduct-link,
.produktkort-is-nyhet .product-inner,
.produktkort-is-nyhet .product-card {
  overflow: visible !important;
}

.produktkort-is-nyhet::after {
  content: "Nyhet"; /* alt: content: attr(data-badge); */
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 9px 16px;
  font-size: clamp(12px, 1.05vw, 15px);
  line-height: 1.1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .055em;
  border-radius: 9999px;
  background: #DFC575;
  color: #0F1C2E;
  border: 2px solid #DFC575;
  box-shadow: 0 3px 10px rgba(0,0,0,.16);
  z-index: 50;
  pointer-events: none;
  transition: transform .18s ease, box-shadow .18s ease;
  will-change: transform;
  backface-visibility: hidden;
}

.produktkort-is-nyhet:hover::after {
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 5px 16px rgba(0,0,0,.22);
}

.produktkort-is-nyhet.is-dark::after {
  background: #000;
  border-color: #000;
  color: #fff;
}

@media (prefers-reduced-motion: reduce){
  .produktkort-is-nyhet::after,
  .produktkort-is-nyhet:hover::after {
    transition: none;
    transform: none;
  }
}/* End custom CSS */