/* =========================================================
   CNW BAITS – CLEAN CUSTOM.CSS
   Rensad och sammanslagen version
   Ersätt hela nuvarande custom.css med denna fil.
   ========================================================= */

/* =========================
   1. BAS / VARIABLER
   ========================= */

:root {
  --cnw-bg: #050505;
  --cnw-bg-soft: #0b0b0b;
  --cnw-header: #050505;
  --cnw-card: #111111;
  --cnw-card-hover: #161616;
  --cnw-border: rgba(154,159,63,0.30);
  --cnw-border-soft: rgba(255,255,255,0.08);
  --cnw-text: #f5f5ef;
  --cnw-muted: #b9b9ad;
  --cnw-muted-soft: #8f8f86;
  --cnw-accent: #9a9f3f;
  --cnw-accent-hover: #b3b84c;
}

html,
body {
  background: var(--cnw-bg) !important;
  color: var(--cnw-text) !important;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
}

a {
  color: var(--cnw-text);
}

a:hover {
  color: var(--cnw-accent-hover) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--cnw-text) !important;
  text-transform: uppercase;
  font-weight: 900 !important;
  letter-spacing: -0.02em;
}

p,
li,
label {
  color: var(--cnw-muted);
}

main,
.page,
.content,
.site-content,
.wrapper {
  background: transparent !important;
}

input,
textarea,
select {
  background: #111111 !important;
  color: var(--cnw-text) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--cnw-muted-soft) !important;
}

button,
.button,
.btn,
a.button,
a.btn,
input[type="submit"],
.checkout-button {
  background: var(--cnw-accent) !important;
  color: #111111 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 4px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em;
}

button:hover,
.button:hover,
.btn:hover,
a.button:hover,
a.btn:hover,
input[type="submit"]:hover,
.checkout-button:hover {
  background: var(--cnw-accent-hover) !important;
  color: #050505 !important;
}


/* =========================
   2. HEADER / TOPP
   ========================= */

header,
.header,
.site-header,
#header,
nav[data-qb-area="header"],
.navbar-position,
.navbar,
.navbar--variation-1,
.navbar--variation-2 {
  background: var(--cnw-header) !important;
  color: var(--cnw-text) !important;
  box-shadow: none !important;
}

nav[data-qb-area="header"] {
  margin-top: 0 !important;
  border-bottom: 1px solid rgba(154,159,63,0.35) !important;
}

nav[data-qb-area="header"] .container:first-child {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.navbar--variation-1,
.navbar--variation-2 {
  min-height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  align-items: center !important;
}

header a,
.header a,
.site-header a,
#header a,
.navbar a,
.navbar-nav .nav-link,
.navbar-nav-v2 .nav-link,
.main-top-menu .nav-link {
  color: var(--cnw-text) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

header a:hover,
.header a:hover,
.site-header a:hover,
#header a:hover,
.navbar a:hover,
.navbar-nav .nav-link:hover,
.navbar-nav-v2 .nav-link:hover,
.main-top-menu .nav-link:hover {
  color: var(--cnw-accent-hover) !important;
}

.img-logo,
.navbar-brand img,
.navbar-brand .img-logo {
  max-height: 42px !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
}

.top-searchbar {
  max-width: 260px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.search-wrapper {
  border: 1px solid rgba(154,159,63,0.30) !important;
  background: #0b0b0b !important;
  border-radius: 2px !important;
}

.header-searchbar,
.search-wrapper input,
header input[type="search"],
.header input[type="search"],
.site-header input[type="search"],
#header input[type="search"],
header input[name="q"],
.header input[name="q"] {
  height: 30px !important;
  min-height: 30px !important;
  background: #0b0b0b !important;
  color: var(--cnw-text) !important;
  border: 1px solid rgba(154,159,63,0.28) !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  padding-left: 10px !important;
}

.header-searchbar::placeholder,
header input[type="search"]::placeholder,
.header input[type="search"]::placeholder,
.site-header input[type="search"]::placeholder,
#header input[type="search"]::placeholder,
header input[name="q"]::placeholder,
.header input[name="q"]::placeholder {
  color: var(--cnw-muted-soft) !important;
}

.header-searchbutton {
  height: 30px !important;
  min-height: 30px !important;
  background: #0b0b0b !important;
  color: var(--cnw-text) !important;
}

header svg,
.header svg,
.site-header svg,
#header svg,
.navbar svg,
.mainmenu-icon,
.navbar-icon {
  color: var(--cnw-text) !important;
  fill: var(--cnw-text) !important;
  stroke: var(--cnw-text) !important;
}

.mainmenu-icon {
  width: 21px !important;
  height: 21px !important;
}

.menu-textcolor {
  color: var(--cnw-text) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.navbar-icon-badge,
.icon-count,
.basket-count-items,
header .badge,
.header .badge,
.site-header .badge,
#header .badge {
  background: var(--cnw-accent) !important;
  color: #111111 !important;
  font-weight: 900 !important;
}

nav[data-qb-area="header"] .container.pt-2 {
  padding-top: 0 !important;
}

.navbar-bg {
  min-height: 30px !important;
  border-top: 1px solid rgba(255,255,255,0.04) !important;
  border-bottom: 1px solid rgba(154,159,63,0.30) !important;
}

.navbar-nav .nav-link,
.main-top-menu .nav-link,
.navbar-nav-v2 .nav-link {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.dropdown-menu,
.dropdown-menu-first,
.dropdown-menu-v2,
.dropdown-list__sub-menu {
  background: #080808 !important;
  border: 1px solid rgba(154,159,63,0.25) !important;
}

.dropdown-item {
  background: #080808 !important;
  color: var(--cnw-text) !important;
}

.dropdown-item:hover {
  background: #111111 !important;
  color: var(--cnw-accent-hover) !important;
}

/* Topprad: gör språk/valuta/leveranstext diskretare */
.topbar,
.top-bar,
.header-top,
.site-header-top,
[class*="topbar"],
[class*="top-bar"],
[class*="header-top"],
[class*="announcement"],
[class*="currency"],
[class*="language"] {
  background-color: #050505 !important;
  color: #d8d8cf !important;
  border-color: rgba(154,159,63,0.18) !important;
}

.topbar *,
.top-bar *,
.header-top *,
.site-header-top *,
[class*="topbar"] *,
[class*="top-bar"] *,
[class*="header-top"] *,
[class*="announcement"] *,
[class*="currency"] *,
[class*="language"] * {
  color: #d8d8cf !important;
}

.topbar select,
.top-bar select,
.header-top select,
.site-header-top select,
[class*="topbar"] select,
[class*="currency"] select,
[class*="language"] select {
  background: #050505 !important;
  color: var(--cnw-text) !important;
  border: 1px solid rgba(154,159,63,0.22) !important;
}

@media (max-width: 991px) {
  nav[data-qb-area="header"] > .container {
    width: calc(100% - 28px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .navbar--variation-1,
  .navbar--variation-2 {
    min-height: 56px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    border: 1px solid rgba(154,159,63,0.22) !important;
  }

  .navbar-brand {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }

  .img-logo,
  .navbar-brand img,
  .navbar-brand .img-logo {
    max-height: 34px !important;
  }

  .mainmenu-icon {
    width: 28px !important;
    height: 28px !important;
  }

  nav[data-qb-area="header"] .container.pt-2,
  .navbar-nav,
  .navbar-nav-v2 {
    display: none !important;
  }
}


/* =========================
   3. STARTSIDA BAS
   ========================= */

.cnw-home {
  background: var(--cnw-bg);
  color: var(--cnw-text);
  width: 100%;
  overflow: hidden;
}

.cnw-home * {
  box-sizing: border-box;
}

.cnw-home a {
  text-decoration: none;
}

.cnw-home-container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.cnw-home-eyebrow {
  display: inline-block;
  color: var(--cnw-accent);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
}

.cnw-home h1,
.cnw-home h2,
.cnw-home h3 {
  color: var(--cnw-text);
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
}

.cnw-home h1 {
  font-size: clamp(42px, 6vw, 76px);
  line-height: 0.92;
  margin-bottom: 22px;
}

.cnw-home h2 {
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1;
  margin-bottom: 18px;
}

.cnw-home h3 {
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 8px;
}

.cnw-home p {
  color: var(--cnw-muted);
  line-height: 1.55;
  margin: 0;
}

.cnw-home-section {
  padding: 48px 0;
}

.cnw-home-section__head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-bottom: 24px;
}

.cnw-home-small-link {
  color: var(--cnw-text) !important;
  border: 1px solid rgba(255,255,255,0.22);
  padding: 10px 14px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}


/* =========================
   4. HERO
   ========================= */

.cnw-home-hero {
  min-height: 560px;
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.78) 38%, rgba(0,0,0,0.34) 68%, rgba(0,0,0,0.70) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/Hero-abborrejpg.png");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  border-top: 1px solid rgba(154,159,63,0.18);
  border-left: 1px solid rgba(154,159,63,0.18);
  border-right: 1px solid rgba(154,159,63,0.18);
  border-bottom: 1px solid rgba(154,159,63,0.28);
}

.cnw-home-hero__content {
  max-width: 560px;
  padding: 78px 0 72px;
}

.cnw-home-hero h1 {
  font-size: 58px;
  line-height: 0.94;
  letter-spacing: -0.035em;
  margin-bottom: 18px;
}

.cnw-home-hero p {
  color: #e2e2d8;
  font-size: 16px;
  line-height: 1.45;
  max-width: 500px;
}

.cnw-home-hero__logo {
  display: block;
  width: min(360px, 78vw);
  height: auto;
  margin: 0 0 22px 0;
  object-fit: contain;
  filter: brightness(0) invert(1) drop-shadow(0 8px 22px rgba(0,0,0,0.55));
}

.cnw-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}

.cnw-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.cnw-home-btn--primary {
  background: var(--cnw-accent);
  color: #111111 !important;
}

.cnw-home-btn--secondary {
  background: transparent;
  color: var(--cnw-text) !important;
  border: 1px solid rgba(255,255,255,0.35);
}


/* =========================
   5. USP-RAD
   ========================= */

.cnw-home-usp {
  background: var(--cnw-bg);
  padding: 18px 0 0;
}

.cnw-home-usp__grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.cnw-home-usp__item {
  min-height: 76px;
  background: rgba(17,17,17,0.96);
  border: 1px solid rgba(154,159,63,0.32);
  border-radius: 8px;
  padding: 15px 18px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.cnw-home-usp__icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(154,159,63,0.55);
  border-radius: 50%;
  background: rgba(154,159,63,0.10);
  color: var(--cnw-accent-hover);
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}

.cnw-home-usp__item strong {
  display: block;
  color: var(--cnw-text);
  font-size: 11.5px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.cnw-home-usp__item span {
  color: var(--cnw-muted);
  font-size: 12.5px;
}


/* =========================
   6. PRODUKTSERIER
   ========================= */

#produktserier {
  scroll-margin-top: 90px;
}

@media (min-width: 992px) {
  #produktserier {
    padding-top: 54px;
  }

  #produktserier .cnw-home-section__head {
    margin-bottom: 24px;
  }

  #produktserier .cnw-home-eyebrow {
    font-size: 11px;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
  }

  #produktserier h2 {
    font-size: 38px;
    line-height: 1;
  }
}

.cnw-home-best-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.cnw-home-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 318px;
  background: #101010;
  border: 1px solid rgba(154,159,63,0.30);
  border-radius: 8px;
  overflow: hidden;
  color: var(--cnw-text) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,0.34);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.cnw-home-product-card:hover {
  transform: translateY(-4px);
  border-color: rgba(179,184,76,0.62);
  box-shadow: 0 20px 50px rgba(0,0,0,0.52);
}

.cnw-home-product-card__image {
  height: 188px;
  min-height: 188px;
  flex: 0 0 188px;
  background-color: #0d0d0d;
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

.cnw-home-product-card__body {
  height: 130px;
  min-height: 130px;
  flex: 0 0 130px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 15px 16px;
  background: #101010;
  border-top: 1px solid rgba(154,159,63,0.22);
}

.cnw-home-product-card__body h3 {
  color: var(--cnw-text);
  font-size: 15px;
  line-height: 1.1;
  margin: 0 0 9px 0;
}

.cnw-home-product-card__body p {
  color: var(--cnw-muted);
  font-size: 13px;
  line-height: 1.35;
  min-height: 36px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cnw-home-product-card__body strong {
  color: var(--cnw-text);
  font-size: 14px;
  line-height: 1;
  margin-top: auto;
  display: block;
}

/* Produktbilder */
.cnw-home .cnw-product-bg-1 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-ned-stick.png");
}

.cnw-home .cnw-product-bg-2 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-bleaky-slim.png");
}

.cnw-home .cnw-product-bg-3 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-slinky.png");
}

.cnw-home .cnw-product-bg-4 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-knuckle-dragger.png");
}

.cnw-home .cnw-product-bg-5 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-nemo-craw.png");
}

.cnw-home .cnw-product-bg-6 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-crazy-hog.png");
}

.cnw-home .cnw-product-bg-7 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-rib-leech.png");
  background-position: center top, center top;
}

.cnw-home .cnw-product-bg-8 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-rocket-bug.png");
  background-position: center top, center top;
}


/* =========================
   7. VARFÖR CNW
   ========================= */

.cnw-home-why {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: linear-gradient(135deg, #111111 0%, #090909 100%);
  border: 1px solid rgba(154,159,63,0.34);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 18px 52px rgba(0,0,0,0.42);
}

.cnw-home-why__text {
  padding: 46px;
}

.cnw-home-why__text .cnw-home-eyebrow {
  font-size: 11px;
  letter-spacing: 0.16em;
  margin-bottom: 12px;
}

.cnw-home-why__text h2 {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
}

.cnw-home-why__text p {
  font-size: 15.5px;
  line-height: 1.6;
  color: #c9c9bd;
  max-width: 520px;
  margin-bottom: 26px;
}

.cnw-home-why__features {
  padding: 38px;
  display: grid;
  gap: 16px;
  background: #0b0b0b;
  border-left: 1px solid rgba(154,159,63,0.22);
}

.cnw-home-feature {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 14px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(154,159,63,0.18);
  border-radius: 7px;
  padding: 16px;
  transition: border-color 0.22s ease, background 0.22s ease, transform 0.22s ease;
}

.cnw-home-feature:hover {
  background: rgba(154,159,63,0.055);
  border-color: rgba(179,184,76,0.42);
  transform: translateY(-2px);
}

.cnw-home-feature > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  background: rgba(154,159,63,0.10);
  border: 1px solid rgba(154,159,63,0.55);
  border-radius: 50%;
  color: var(--cnw-accent-hover);
  font-weight: 900;
}

.cnw-home-feature strong {
  color: var(--cnw-text);
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.cnw-home-feature p {
  color: var(--cnw-muted);
  font-size: 13.5px;
  line-height: 1.4;
  margin-top: 4px;
}


/* =========================
   8. HITTA RÄTT JIGG / GUIDER
   ========================= */

#hitta-ratt-jigg {
  scroll-margin-top: 90px;
}

@media (min-width: 992px) {
  #hitta-ratt-jigg {
    padding-top: 54px;
  }

  #hitta-ratt-jigg .cnw-home-eyebrow {
    font-size: 11px;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
  }

  #hitta-ratt-jigg h2 {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 22px;
  }
}

.cnw-home-guide-hero.cnw-find-bg {
  max-width: 1180px;
  min-height: 260px;
  margin: 0 auto 22px;
  padding: 36px;
  display: flex;
  align-items: flex-end;
  border: 1px solid rgba(154,159,63,0.34);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 18px 52px rgba(0,0,0,0.44);
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.70) 46%, rgba(0,0,0,0.80) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/Xhittarattjigg1.png");
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
}

.cnw-home-guide-hero > div {
  max-width: 560px;
  position: relative;
  z-index: 2;
}

.cnw-home-guide-hero h3 {
  color: var(--cnw-text);
  font-size: 32px;
  line-height: 1;
  margin: 0 0 12px;
  text-transform: uppercase;
  font-weight: 900;
}

.cnw-home-guide-hero p {
  color: #d7d7cc;
  font-size: 15.5px;
  line-height: 1.5;
  max-width: 520px;
}

.cnw-home-guide-grid {
  max-width: 1180px;
  margin: 22px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.cnw-home-guide-card {
  min-height: 220px;
  padding: 22px;
  display: flex;
  align-items: end;
  color: var(--cnw-text) !important;
  border: 1px solid rgba(154,159,63,0.32);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.92) 100%),
    linear-gradient(135deg, #1b1b1b, #080808);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 14px 40px rgba(0,0,0,0.38);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.cnw-home-guide-card:hover {
  transform: translateY(-4px);
  border-color: rgba(179,184,76,0.62);
  box-shadow: 0 22px 55px rgba(0,0,0,0.54);
}

.cnw-home-guide-card h3 {
  font-size: 18px;
  line-height: 1.08;
  margin-bottom: 10px;
}

.cnw-home-guide-card span {
  display: inline-block;
  margin-top: 10px;
  color: var(--cnw-text);
  background: rgba(0,0,0,0.32);
  border: 1px solid rgba(255,255,255,0.26);
  padding: 9px 11px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

/* Guidebilder */
.cnw-home .cnw-guide-bg-1 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.92) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/XFiskaabborre4.png");
}

.cnw-home .cnw-guide-bg-2 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.92) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/XFiskagos2.png");
}

.cnw-home .cnw-guide-bg-3 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.92) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/XTexasCarolina1.png");
}

.cnw-home .cnw-guide-bg-4 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.92) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/XNEDRIG3.png");
}

.cnw-home-guide-hero h3,
.cnw-home-guide-hero p,
.cnw-home-guide-card h3,
.cnw-home-guide-card span,
.cnw-home-wide-card h3,
.cnw-home-wide-card p,
.cnw-home-wide-card span {
  text-shadow: 0 3px 14px rgba(0,0,0,0.85);
}


/* =========================
   9. FISKEGUIDER / FÅNGSTRAPPORTER
   ========================= */

.cnw-home-wide-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.cnw-home-wide-card {
  min-height: 270px;
  padding: 38px;
  display: flex;
  align-items: center;
  color: var(--cnw-text) !important;
  border: 1px solid rgba(154,159,63,0.34);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.62) 52%, rgba(0,0,0,0.80) 100%),
    linear-gradient(135deg, #1d1d1d, #090909);
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 0 18px 52px rgba(0,0,0,0.44);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.cnw-home-wide-card:hover {
  transform: translateY(-4px);
  border-color: rgba(179,184,76,0.62);
  box-shadow: 0 24px 60px rgba(0,0,0,0.56);
}

.cnw-home-wide-card h3 {
  font-size: 31px;
  line-height: 1;
  margin-bottom: 14px;
}

.cnw-home-wide-card p {
  color: #d2d2c8;
  font-size: 15px;
  line-height: 1.5;
  max-width: 460px;
  margin: 0 0 18px;
}

.cnw-home-wide-card span {
  display: inline-block;
  background: rgba(0,0,0,0.34);
  color: var(--cnw-text);
  border: 1px solid rgba(255,255,255,0.28);
  padding: 10px 13px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cnw-home-wide-card:hover span {
  background: var(--cnw-accent);
  color: #111111;
  border-color: var(--cnw-accent);
}

.cnw-home .cnw-wide-bg-1 {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.62) 52%, rgba(0,0,0,0.80) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/XFiskeguiderTips3.png");
}

.cnw-home .cnw-wide-bg-2 {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.96) 0%, rgba(0,0,0,0.62) 52%, rgba(0,0,0,0.80) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/Xfangstrapporter3.png");
}


/* =========================
   10. NYHETSBREV
   ========================= */

.cnw-home-newsletter {
  max-width: 1180px;
  margin: 0 auto 36px;
  padding: 42px 46px;
  background: linear-gradient(135deg, rgba(17,17,17,0.98) 0%, rgba(7,7,7,0.98) 100%);
  border: 1px solid rgba(154,159,63,0.34);
  border-radius: 8px;
  box-shadow: 0 18px 52px rgba(0,0,0,0.44);
}

.cnw-home-newsletter__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: center;
}

.cnw-home-newsletter h2 {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 12px;
  color: var(--cnw-text);
}

.cnw-home-newsletter p {
  font-size: 15px;
  line-height: 1.5;
  color: #c9c9bd;
  max-width: 560px;
}

.cnw-home-newsletter__form {
  display: flex;
  gap: 10px;
  align-items: center;
}

.cnw-home-newsletter__form input {
  width: 300px;
  height: 46px;
  min-height: 46px;
  background: #0b0b0b;
  color: var(--cnw-text);
  border: 1px solid rgba(154,159,63,0.34);
  border-radius: 4px;
  padding: 0 14px;
  font-size: 13px;
}

.cnw-home-newsletter__form input::placeholder {
  color: var(--cnw-muted-soft);
}

.cnw-home-newsletter__form button {
  height: 46px;
  min-height: 46px;
  background: var(--cnw-accent);
  color: #111111;
  border: 1px solid var(--cnw-accent);
  border-radius: 4px;
  padding: 0 22px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cnw-home-newsletter__form button:hover {
  background: var(--cnw-accent-hover);
  color: #050505;
  border-color: var(--cnw-accent-hover);
}


/* =========================
   11. FOOTER
   ========================= */

/* Dölj tidigare custom-rutor som inte längre ska visas */
.cnw-footer-info,
.cnw-legal-footer {
  display: none !important;
}

/* Styla Quickbutiks riktiga footer */
footer,
.footer,
.site-footer,
#footer,
footer[data-qb-area="footer"] {
  background: #050505 !important;
  color: var(--cnw-muted) !important;
  border-top: 1px solid rgba(154,159,63,0.32) !important;
}

footer[data-qb-area="footer"] .container,
footer[data-qb-area="footer"] .container-fluid {
  max-width: 1180px !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
footer[data-qb-area="footer"] h6,
footer[data-qb-area="footer"] .block-toggler {
  color: var(--cnw-text) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

footer a,
.footer a,
.site-footer a,
#footer a,
footer p,
footer li,
footer[data-qb-area="footer"] a,
footer[data-qb-area="footer"] p,
footer[data-qb-area="footer"] li {
  color: var(--cnw-muted) !important;
  font-size: 13px !important;
}

footer a:hover,
.footer a:hover,
.site-footer a:hover,
#footer a:hover,
footer[data-qb-area="footer"] a:hover {
  color: var(--cnw-accent-hover) !important;
}

footer[data-qb-area="footer"] .row {
  border-color: rgba(255,255,255,0.08) !important;
}

footer .newsletter,
footer .newsletter_form .input-group {
  background: #0b0b0b !important;
  border: 1px solid rgba(154,159,63,0.24) !important;
}

footer .newsletter input {
  background: #0b0b0b !important;
  color: var(--cnw-text) !important;
}

footer .newsletter button {
  background: transparent !important;
  color: var(--cnw-text) !important;
}


/* =========================
   12. BUTIK / PRODUKTLISTOR
   ========================= */

.product,
.product-item,
.product-card,
.product-list-item,
[class*="product-card"],
[class*="product_item"],
[class*="productItem"] {
  background: var(--cnw-card) !important;
  border: 1px solid var(--cnw-border-soft) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.32);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.product:hover,
.product-item:hover,
.product-card:hover,
.product-list-item:hover,
[class*="product-card"]:hover,
[class*="product_item"]:hover,
[class*="productItem"]:hover {
  transform: translateY(-3px);
  background: var(--cnw-card-hover) !important;
  border-color: rgba(154,159,63,0.45) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.48);
}

.product h2,
.product h3,
.product-title,
.product-name,
[class*="product"] h2,
[class*="product"] h3 {
  color: var(--cnw-text) !important;
  font-weight: 900 !important;
}

.price,
.product-price,
[class*="price"] {
  color: var(--cnw-text) !important;
  font-weight: 900 !important;
}

.product img,
.product-item img,
.product-card img,
[class*="product"] img {
  background: #111111 !important;
}

.category,
.category-item,
.card,
.box,
.block,
[class*="category"] {
  background: var(--cnw-card) !important;
  border-color: var(--cnw-border-soft) !important;
  color: var(--cnw-text) !important;
}

.breadcrumb,
.breadcrumbs,
[class*="breadcrumb"] {
  color: var(--cnw-muted) !important;
}

.breadcrumb a,
.breadcrumbs a,
[class*="breadcrumb"] a {
  color: var(--cnw-muted) !important;
}

.breadcrumb a:hover,
.breadcrumbs a:hover,
[class*="breadcrumb"] a:hover {
  color: var(--cnw-accent-hover) !important;
}

.badge,
.label,
.tag,
[class*="badge"],
[class*="label"] {
  background: var(--cnw-accent) !important;
  color: #111111 !important;
  font-weight: 900 !important;
}

table,
.cart,
.checkout,
.order-summary {
  background: var(--cnw-card) !important;
  color: var(--cnw-text) !important;
  border-color: var(--cnw-border-soft) !important;
}


/* =========================
   13. INFO-/VILLKORSSIDOR
   ========================= */

.cnw-info-page {
  background: var(--cnw-bg) !important;
  color: #d8d8cf !important;
  padding: 54px 0 70px !important;
}

.cnw-info-page__inner {
  width: min(920px, calc(100% - 28px)) !important;
  margin: 0 auto !important;
  background: #0b0b0b !important;
  border: 1px solid rgba(154,159,63,0.30) !important;
  padding: 42px !important;
  box-shadow: 0 18px 52px rgba(0,0,0,0.42) !important;
}

.cnw-info-page__eyebrow {
  color: var(--cnw-accent-hover) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
}

.cnw-info-page h1 {
  color: var(--cnw-text) !important;
  font-size: 42px !important;
  line-height: 1 !important;
  margin: 0 0 18px !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
}

.cnw-info-page__intro {
  color: #c9c9bd !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 0 34px !important;
}

.cnw-info-page__block {
  border-top: 1px solid rgba(154,159,63,0.18) !important;
  padding-top: 24px !important;
  margin-top: 24px !important;
}

.cnw-info-page h2 {
  color: var(--cnw-text) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  margin: 0 0 12px !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

.cnw-info-page p {
  color: #c9c9bd !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  margin: 0 0 10px !important;
}

.cnw-info-page strong {
  color: var(--cnw-text) !important;
}

.cnw-info-page a {
  color: var(--cnw-accent-hover) !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}


/* =========================
   14. MOBIL
   ========================= */

@media (max-width: 768px) {
  .cnw-home-container {
    width: calc(100% - 28px) !important;
  }

  .cnw-home-hero {
    min-height: 470px !important;
    align-items: flex-end !important;
    background-position: center center !important;
  }

  .cnw-home-hero__content {
    padding: 58px 0 34px !important;
  }

  .cnw-home-hero h1 {
    font-size: 34px !important;
    line-height: 0.96 !important;
    margin-bottom: 14px !important;
  }

  .cnw-home-hero p {
    font-size: 15px !important;
    line-height: 1.42 !important;
    max-width: 100% !important;
  }

  .cnw-home-actions {
    margin-top: 20px !important;
    gap: 10px !important;
    flex-direction: column;
  }

  .cnw-home-btn {
    min-height: 46px !important;
    width: 100% !important;
    font-size: 12px !important;
  }

  .cnw-home-usp {
    padding-top: 16px !important;
  }

  .cnw-home-usp__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .cnw-home-usp__item {
    padding: 13px 14px !important;
  }

  .cnw-home-usp__item strong {
    font-size: 11px !important;
  }

  .cnw-home-usp__item span {
    font-size: 12px !important;
  }

  .cnw-home-section {
    padding: 32px 0 !important;
  }

  .cnw-home-section__head {
    margin-bottom: 16px !important;
    align-items: flex-start;
    flex-direction: column;
  }

  .cnw-home-eyebrow {
    font-size: 10.5px !important;
    letter-spacing: 0.14em !important;
    margin-bottom: 9px !important;
  }

  .cnw-home h2 {
    font-size: 26px !important;
    line-height: 1 !important;
  }

  .cnw-home-best-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .cnw-home-product-card {
    min-height: auto !important;
    border-radius: 7px !important;
  }

  .cnw-home-product-card__image {
    height: 136px !important;
    min-height: 136px !important;
    flex: 0 0 136px !important;
  }

  .cnw-home-product-card__body {
    height: 80px !important;
    min-height: 80px !important;
    flex: 0 0 80px !important;
    padding: 11px !important;
  }

  .cnw-home-product-card__body h3 {
    font-size: 12px !important;
    line-height: 1.08 !important;
    margin-bottom: 6px !important;
  }

  .cnw-home-product-card__body p {
    display: none !important;
  }

  .cnw-home-product-card__body strong {
    font-size: 12px !important;
  }

  .cnw-home-why {
    grid-template-columns: 1fr !important;
  }

  .cnw-home-why__text,
  .cnw-home-why__features {
    padding: 22px !important;
  }

  .cnw-home-why__features {
    border-left: 0 !important;
    border-top: 1px solid rgba(154,159,63,0.22) !important;
  }

  .cnw-home-why__text h2 {
    font-size: 27px !important;
    line-height: 1.02 !important;
  }

  .cnw-home-why__text p,
  .cnw-home-feature p {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }

  .cnw-home-feature strong {
    font-size: 12px !important;
  }

  #hitta-ratt-jigg {
    padding-top: 34px !important;
  }

  .cnw-home-guide-hero.cnw-find-bg {
    min-height: 175px !important;
    padding: 20px !important;
    margin: 16px 0 !important;
  }

  .cnw-home-guide-hero h3 {
    font-size: 20px !important;
    line-height: 1.05 !important;
  }

  .cnw-home-guide-hero p {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .cnw-home-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  .cnw-home-guide-card {
    min-height: 150px !important;
    padding: 14px !important;
    border-radius: 7px !important;
  }

  .cnw-home-guide-card h3 {
    font-size: 13px !important;
    line-height: 1.1 !important;
  }

  .cnw-home-guide-card span {
    font-size: 9.5px !important;
    padding: 8px 9px !important;
  }

  .cnw-home-wide-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .cnw-home-wide-card {
    min-height: 205px !important;
    padding: 24px !important;
    border-radius: 7px !important;
  }

  .cnw-home-wide-card h3 {
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  .cnw-home-wide-card p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .cnw-home-wide-card span {
    font-size: 10px !important;
    padding: 8px 10px !important;
  }

  .cnw-home-newsletter {
    margin: 0 14px 28px !important;
    padding: 28px 22px !important;
    border-radius: 7px !important;
  }

  .cnw-home-newsletter__inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .cnw-home-newsletter h2 {
    font-size: 24px !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
  }

  .cnw-home-newsletter p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .cnw-home-newsletter__form {
    flex-direction: column !important;
    width: 100% !important;
  }

  .cnw-home-newsletter__form input,
  .cnw-home-newsletter__form button {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
  }

  .cnw-info-page {
    padding: 34px 0 46px !important;
  }

  .cnw-info-page__inner {
    padding: 26px 20px !important;
  }

  .cnw-info-page h1 {
    font-size: 30px !important;
  }

  .cnw-info-page__intro {
    font-size: 14.5px !important;
  }

  .cnw-info-page h2 {
    font-size: 15px !important;
  }

  .cnw-info-page p {
    font-size: 13.5px !important;
  }
}
/* =========================================================
   CNW BAITS – AKUT PATCH EFTER CSS-RENSNING
   Fixar blå menyrad + produktbilder som försvann
   ========================================================= */

/* 1. Döda blå Quickbutik-menyrad */
nav[data-qb-area="header"],
nav[data-qb-area="header"] *,
.navbar-bg,
.main-top-menu,
.navbar-nav,
.navbar-nav-v2,
.navbar-collapse,
.navbar-position {
  background-color: #050505 !important;
}

.navbar-bg {
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  border-bottom: 1px solid rgba(154,159,63,0.32) !important;
}

.navbar-nav .nav-link,
.navbar-nav-v2 .nav-link,
.main-top-menu .nav-link {
  color: #f5f5ef !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav-v2 .nav-link:hover,
.main-top-menu .nav-link:hover {
  color: #b3b84c !important;
}

/* 2. Lägg tillbaka topplinje på hero */
.cnw-home-hero {
  border-top: 1px solid rgba(154,159,63,0.28) !important;
}

/* 3. Tvinga tillbaka produktbilderna */
.cnw-home .cnw-home-product-card__image {
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #111111 !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-1 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-ned-stick.png") !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-2 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-bleaky-slim.png") !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-3 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-slinky.png") !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-4 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-knuckle-dragger.png") !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-5 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-nemo-craw.png") !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-6 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-crazy-hog.png") !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-7 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-rib-leech.png") !important;
  background-position: center top, center top !important;
}

.cnw-home .cnw-home-product-card__image.cnw-product-bg-8 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.28)),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-rocket-bug.png") !important;
  background-position: center top, center top !important;
}/* =========================================================
   CNW BAITS – HEADER TOPBAR CLEANUP
   Döljer flagga/SEK och gör headern mer premium
   ========================================================= */

/* Dölj språk/valuta i headern */
nav[data-qb-area="header"] [class*="currency"],
nav[data-qb-area="header"] [class*="language"],
nav[data-qb-area="header"] [class*="locale"],
nav[data-qb-area="header"] [class*="flag"] {
  display: none !important;
}

/* Gör topptexten diskretare */
nav[data-qb-area="header"] {
  background: #050505 !important;
}

nav[data-qb-area="header"] .text-sm,
nav[data-qb-area="header"] .small,
nav[data-qb-area="header"] [class*="top"] {
  color: #b9b9ad !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

/* Minska höjden på översta informationsraden */
nav[data-qb-area="header"] > .container:first-child {
  min-height: 22px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Placera leveranstexten mer diskret åt höger */
nav[data-qb-area="header"] > .container:first-child {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* Headerlogga något tydligare */
.navbar-brand .img-logo,
.img-logo {
  max-height: 40px !important;
}

/* Sökfältet tajtare */
.top-searchbar {
  max-width: 245px !important;
}

.header-searchbar,
.header-searchbutton {
  height: 30px !important;
  min-height: 30px !important;
}/* =========================================================
   CNW BAITS – HIDE FLAG / SEK TOPBAR LEFT SIDE
   Döljer endast vänsterdelen i översta raden
   ========================================================= */

/* Dölj vänsterblock i översta header-raden */
nav[data-qb-area="header"] > .container:first-child > .row > div:first-child,
nav[data-qb-area="header"] > .container:first-child > .d-flex > div:first-child,
nav[data-qb-area="header"] > .container:first-child > div > div:first-child {
  display: none !important;
}

/* Låt leveranstexten ligga snyggt till höger */
nav[data-qb-area="header"] > .container:first-child > .row,
nav[data-qb-area="header"] > .container:first-child > .d-flex,
nav[data-qb-area="header"] > .container:first-child > div {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* Gör översta raden tunnare */
nav[data-qb-area="header"] > .container:first-child {
  min-height: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Gör leveranstexten diskret */
nav[data-qb-area="header"] > .container:first-child,
nav[data-qb-area="header"] > .container:first-child * {
  font-size: 11px !important;
  line-height: 1 !important;
  color: #b9b9ad !important;
}/* =========================================================
   CNW BAITS – HEADER RESTORE AFTER TOPBAR REMOVAL
   Säkerställer att riktig header/logga/sök/varukorg visas
   ========================================================= */

nav[data-qb-area="header"] > .container:first-child {
  display: block !important;
}

nav[data-qb-area="header"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.top-bar {
  display: none !important;
}

.cnw-home-hero {
  margin-top: 0 !important;
  border-top: 1px solid rgba(154,159,63,0.30) !important;
}/* =========================================================
   CNW BAITS – HEADER WORDMARK LOGO
   Byter känsla från liten ikon till tydlig premium-textlogga
   ========================================================= */

.cnw-header-wordmark {
  color: #f5f5ef !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.095em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: Arial Black, Impact, Arial, Helvetica, sans-serif !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.cnw-header-wordmark:hover {
  color: #b3b84c !important;
}

/* Header-raden */
.navbar--variation-1 {
  min-height: 52px !important;
  align-items: center !important;
}

/* Sökfältet justeras när textloggan blir bredare */
.top-searchbar {
  max-width: 260px !important;
}

/* Mobil */
@media (max-width: 991px) {
  .cnw-header-wordmark {
    font-size: 17px !important;
    letter-spacing: 0.075em !important;
  }

  .navbar-brand.cnw-header-wordmark {
    position: static !important;
    transform: none !important;
  }
}/* =========================================================
   CNW BAITS – RESTORE BRAND HEADER ROW
   Visar CNWBAITS.SE / sök / varukorg igen men behåller topbaren borta
   ========================================================= */

/* Dölj endast gamla topbaren med flagga, SEK och leveranstext */
header.header > .top-bar,
.top-bar[data-qb-area="top"] {
  display: none !important;
}

/* Återställ riktiga header-raden */
nav[data-qb-area="header"] > .container:first-of-type,
nav[data-qb-area="header"] > .container:first-child {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Säkerställ att logga / sök / varukorg-raden syns */
nav[data-qb-area="header"] .navbar--variation-1 {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 52px !important;
  align-items: center !important;
  background: #050505 !important;
  border-bottom: 1px solid rgba(154,159,63,0.18) !important;
}

/* Textloggan */
.cnw-header-wordmark {
  display: inline-flex !important;
  align-items: center !important;
  color: #f5f5ef !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.095em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: Arial Black, Impact, Arial, Helvetica, sans-serif !important;
  white-space: nowrap !important;
}

.cnw-header-wordmark:hover {
  color: #b3b84c !important;
}

/* Sökfält */
.top-searchbar {
  display: flex !important;
  max-width: 270px !important;
}

.search-wrapper {
  background: #0b0b0b !important;
  border: 1px solid rgba(154,159,63,0.34) !important;
}

.header-searchbar,
.header-searchbutton {
  height: 30px !important;
  min-height: 30px !important;
  background: #0b0b0b !important;
  color: #f5f5ef !important;
}

/* Varukorg */
nav[data-qb-area="header"] .qs-cart-view {
  display: inline-flex !important;
  align-items: center !important;
}

.menu-textcolor {
  color: #f5f5ef !important;
}

/* Produktmenyn under headern */
nav[data-qb-area="header"] .container.pt-2 {
  display: block !important;
  padding-top: 0 !important;
}

.navbar-bg {
  background: #050505 !important;
  border-top: 1px solid rgba(255,255,255,0.04) !important;
  border-bottom: 1px solid rgba(154,159,63,0.30) !important;
}

/* Mobil */
@media (max-width: 991px) {
  .cnw-header-wordmark {
    font-size: 17px !important;
    letter-spacing: 0.075em !important;
  }

  .top-searchbar {
    display: none !important;
  }

  nav[data-qb-area="header"] .container.pt-2 {
    display: none !important;
  }
}/* =========================================================
   CNW BAITS – CUSTOM BRAND BAR
   Egen kontrollerad rad för logga / sök / varukorg
   ========================================================= */

/* Dölj Quickbutiks gamla brandrad, men behåll produktmenyn */
nav[data-qb-area="header"] > .container:first-child {
  display: none !important;
}

/* Säkerställ att topbaren med flagga/SEK är borta */
.header > .top-bar,
.top-bar[data-qb-area="top"] {
  display: none !important;
}

/* Brandbar */
.cnw-brandbar {
  background: #050505 !important;
  border-bottom: 1px solid rgba(154,159,63,0.22) !important;
}

.cnw-brandbar__inner {
  width: min(1180px, calc(100% - 28px)) !important;
  margin: 0 auto !important;
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: 24px !important;
  align-items: center !important;
}

.cnw-brandbar__logo {
  color: #f5f5ef !important;
  font-family: Arial Black, Impact, Arial, Helvetica, sans-serif !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.cnw-brandbar__logo:hover {
  color: #b3b84c !important;
}

.cnw-brandbar__search {
  justify-self: center !important;
  width: 280px !important;
  display: flex !important;
  border: 1px solid rgba(154,159,63,0.36) !important;
  background: #0b0b0b !important;
}

.cnw-brandbar__search input {
  width: 100% !important;
  height: 32px !important;
  background: #0b0b0b !important;
  color: #f5f5ef !important;
  border: 0 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.cnw-brandbar__search button {
  height: 32px !important;
  background: #0b0b0b !important;
  color: #f5f5ef !important;
  border: 0 !important;
  border-left: 1px solid rgba(154,159,63,0.26) !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.cnw-brandbar__search button:hover {
  color: #b3b84c !important;
}

.cnw-brandbar__cart {
  justify-self: end !important;
  color: #f5f5ef !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  position: relative !important;
}

.cnw-brandbar__cart:hover {
  color: #b3b84c !important;
}

.cnw-brandbar__count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 17px !important;
  height: 17px !important;
  margin-left: 6px !important;
  border-radius: 999px !important;
  background: #9a9f3f !important;
  color: #111111 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

.cnw-brandbar__count.is-empty {
  display: none !important;
}

.cnw-brandbar__menu {
  display: none !important;
}

/* Produktmenyn direkt under brandbar */
nav[data-qb-area="header"] .container.pt-2 {
  display: block !important;
  padding-top: 0 !important;
}

.navbar-bg {
  background: #050505 !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(154,159,63,0.30) !important;
}

/* Mobil */
@media (max-width: 991px) {
  .cnw-brandbar__inner {
    min-height: 56px !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 12px !important;
  }

  .cnw-brandbar__menu {
    display: inline-flex !important;
    color: #f5f5ef !important;
    text-decoration: none !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .cnw-brandbar__logo {
    justify-self: center !important;
    font-size: 17px !important;
    letter-spacing: 0.075em !important;
  }

  .cnw-brandbar__search {
    display: none !important;
  }

  .cnw-brandbar__cart {
    font-size: 0 !important;
  }

  .cnw-brandbar__cart::before {
    content: "🛒" !important;
    font-size: 20px !important;
  }

  nav[data-qb-area="header"] .container.pt-2 {
    display: none !important;
  }
}/* =========================================================
   CNW BAITS – PREMIUM HEADER / BRANDBAR FINAL
   Gör toppen mer exklusiv och mindre standard
   ========================================================= */

/* Huvudrad med logga / sök / varukorg */
.cnw-brandbar {
  background:
    linear-gradient(180deg, #070707 0%, #020202 100%) !important;
  border-bottom: 1px solid rgba(154,159,63,0.30) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.55) !important;
}

.cnw-brandbar__inner {
  width: min(1180px, calc(100% - 28px)) !important;
  min-height: 64px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 26px !important;
}

/* Textlogga */
.cnw-brandbar__logo {
  justify-self: start !important;
  color: #f5f5ef !important;
  font-family: Arial Black, Impact, Arial, Helvetica, sans-serif !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.105em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-shadow: 0 8px 24px rgba(0,0,0,0.65) !important;
}

.cnw-brandbar__logo:hover {
  color: #b3b84c !important;
}

/* Sökfält */
.cnw-brandbar__search {
  justify-self: center !important;
  width: 310px !important;
  height: 36px !important;
  display: flex !important;
  background: #070707 !important;
  border: 1px solid rgba(154,159,63,0.42) !important;
  border-radius: 2px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025) !important;
}

.cnw-brandbar__search input {
  height: 34px !important;
  background: transparent !important;
  color: #f5f5ef !important;
  border: 0 !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

.cnw-brandbar__search input::placeholder {
  color: #8f8f86 !important;
}

.cnw-brandbar__search button {
  height: 34px !important;
  min-width: 54px !important;
  background: #111111 !important;
  color: #f5f5ef !important;
  border: 0 !important;
  border-left: 1px solid rgba(154,159,63,0.30) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.cnw-brandbar__search button:hover {
  background: #9a9f3f !important;
  color: #050505 !important;
}

/* Varukorg */
.cnw-brandbar__cart {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 15px !important;
  color: #f5f5ef !important;
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(154,159,63,0.34) !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.055em !important;
}

.cnw-brandbar__cart:hover {
  background: #9a9f3f !important;
  color: #050505 !important;
}

/* Produktmenyn */
nav[data-qb-area="header"] {
  background: #050505 !important;
}

nav[data-qb-area="header"] .container.pt-2 {
  padding-top: 0 !important;
}

.navbar-bg {
  background: #050505 !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(154,159,63,0.34) !important;
  min-height: 34px !important;
}

.navbar-nav {
  width: 100% !important;
  justify-content: center !important;
}

.navbar-nav .nav-link,
.navbar-nav-v2 .nav-link,
.main-top-menu .nav-link {
  padding: 10px 12px !important;
  color: #f5f5ef !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.055em !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav-v2 .nav-link:hover,
.main-top-menu .nav-link:hover {
  color: #b3b84c !important;
}

/* Minska glappet mellan header och hero */
.cnw-home-section:first-child,
.cnw-home-hero {
  margin-top: 18px !important;
}

/* Mobil */
@media (max-width: 991px) {
  .cnw-brandbar__inner {
    min-height: 58px !important;
    grid-template-columns: auto 1fr auto !important;
  }

  .cnw-brandbar__logo {
    justify-self: center !important;
    font-size: 18px !important;
    letter-spacing: 0.08em !important;
  }

  .cnw-brandbar__search {
    display: none !important;
  }

  .cnw-brandbar__cart {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
  }

  .cnw-brandbar__cart::before {
    content: "🛒" !important;
    font-size: 20px !important;
  }

  nav[data-qb-area="header"] .container.pt-2 {
    display: none !important;
  }
}/* =========================================================
   CNW BAITS – HEADER IMAGE LOGO FINAL
   Använder Headerlogo5.png i brandbar
   ========================================================= */

.cnw-brandbar__logo--image {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cnw-brandbar__logo--image img {
  display: block !important;
  width: auto !important;
  height: 38px !important;
  max-width: 360px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 7px 20px rgba(0,0,0,0.70)) !important;
}

/* Anpassa raden för bildlogga */
.cnw-brandbar__inner {
  min-height: 68px !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

/* Mobil */
@media (max-width: 991px) {
  .cnw-brandbar__logo--image {
    justify-self: center !important;
  }

  .cnw-brandbar__logo--image img {
    height: 28px !important;
    max-width: 235px !important;
  }
}/* =========================================================
   CNW BAITS – HEADER LOGO TRANSPARENT FINAL SIZE
   Korrekt transparent vit headerlogga
   ========================================================= */

.cnw-brandbar__logo--image {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cnw-brandbar__logo--image img {
  display: block !important;
  width: auto !important;
  height: 46px !important;
  max-width: 430px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 22px rgba(0,0,0,0.75)) !important;
}

.cnw-brandbar__inner {
  min-height: 72px !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

/* Mobil */
@media (max-width: 991px) {
  .cnw-brandbar__logo--image {
    justify-self: center !important;
  }

  .cnw-brandbar__logo--image img {
    height: 31px !important;
    max-width: 250px !important;
  }
}/* =========================================================
   CNW BAITS – HEADER LOGO SLIGHTLY BIGGER
   Förstorar loggan utan att flytta sökfält/varukorg
   ========================================================= */

.cnw-brandbar__logo--image img {
  height: 46px !important;
  max-width: 430px !important;
  transform: scale(1.18) !important;
  transform-origin: left center !important;
}

/* Lite extra säkerhet så loggan inte klipps */
.cnw-brandbar__logo--image {
  overflow: visible !important;
}

/* Mobil: bara lite större, annars blir det trångt */
@media (max-width: 991px) {
  .cnw-brandbar__logo--image img {
    height: 31px !important;
    max-width: 250px !important;
    transform: scale(1.25) !important;
    transform-origin: center center !important;
  }
}/* =========================================================
   CNW BAITS – HERO PREMIUM DEPTH FINAL
   Gör första hero-vyn mer exklusiv och integrerad med headern
   ========================================================= */

.cnw-home-hero {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(154,159,63,0.34) !important;
  box-shadow:
    0 28px 80px rgba(0,0,0,0.62),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
  isolation: isolate !important;
}

/* Diskret premium-vignette över bilden */
.cnw-home-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 72% 48%, rgba(154,159,63,0.10) 0%, transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.18) 100%) !important;
}

/* Säkerställ att texten ligger ovanför effekten */
.cnw-home-hero__content {
  position: relative !important;
  z-index: 2 !important;
}

/* Gör rubrik/text mer premium */
.cnw-home-hero h1 {
  text-shadow: 0 8px 28px rgba(0,0,0,0.78) !important;
}

.cnw-home-hero p {
  text-shadow: 0 4px 18px rgba(0,0,0,0.78) !important;
}

/* Eyebrow-texten */
.cnw-home-hero .cnw-home-eyebrow {
  color: #b3b84c !important;
  text-shadow: 0 4px 16px rgba(0,0,0,0.75) !important;
}

/* Knappar i hero */
.cnw-home-hero .cnw-home-btn--primary {
  box-shadow: 0 10px 28px rgba(154,159,63,0.18) !important;
}

.cnw-home-hero .cnw-home-btn--secondary {
  background: rgba(0,0,0,0.28) !important;
  border-color: rgba(255,255,255,0.32) !important;
  backdrop-filter: blur(2px) !important;
}

/* Desktop: något mer exklusiv proportion */
@media (min-width: 992px) {
  .cnw-home-hero {
    max-width: 1240px !important;
    min-height: 590px !important;
    margin-top: 26px !important;
  }

  .cnw-home-hero__content {
    padding-left: 18px !important;
  }
}

/* Mobil: behåll lättare version */
@media (max-width: 768px) {
  .cnw-home-hero {
    min-height: 470px !important;
    margin-top: 16px !important;
  }

  .cnw-home-hero::after {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.28) 100%) !important;
  }
}/* =========================================================
   CNW BAITS – PRODUKTSERIER PREMIUM FINISH
   Gör produktkorten mer exklusiva utan att ändra layouten
   ========================================================= */

#produktserier {
  position: relative !important;
}

#produktserier .cnw-home-section__head {
  border-bottom: 1px solid rgba(154,159,63,0.20) !important;
  padding-bottom: 18px !important;
}

/* Kort */
.cnw-home .cnw-home-product-card {
  position: relative !important;
  background: linear-gradient(180deg, #141414 0%, #0b0b0b 100%) !important;
  border: 1px solid rgba(154,159,63,0.34) !important;
  border-radius: 9px !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,0.46),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

/* Tunn premiumlinje över kort */
.cnw-home .cnw-home-product-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(179,184,76,0.75), transparent) !important;
  opacity: 0.45 !important;
  z-index: 3 !important;
}

/* Hover */
.cnw-home .cnw-home-product-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(179,184,76,0.70) !important;
  background: linear-gradient(180deg, #181818 0%, #0d0d0d 100%) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,0.64),
    0 0 0 1px rgba(179,184,76,0.18) !important;
}

/* Bildyta */
.cnw-home .cnw-home-product-card__image {
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(154,159,63,0.22) !important;
}

/* Mörk premium-overlay på produktbilder */
.cnw-home .cnw-home-product-card__image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(0,0,0,0.20) 100%),
    radial-gradient(circle at 50% 35%, rgba(154,159,63,0.10), transparent 42%) !important;
}

/* Textdelen */
.cnw-home .cnw-home-product-card__body {
  background: linear-gradient(180deg, #141414 0%, #0d0d0d 100%) !important;
}

.cnw-home .cnw-home-product-card__body h3 {
  letter-spacing: 0.02em !important;
}

.cnw-home .cnw-home-product-card__body p {
  color: #c1c1b7 !important;
}

/* Pris som premium-pill */
.cnw-home .cnw-home-product-card__body strong {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-top: auto !important;
  padding: 7px 10px !important;
  background: rgba(154,159,63,0.10) !important;
  border: 1px solid rgba(154,159,63,0.30) !important;
  border-radius: 3px !important;
  color: #f5f5ef !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

.cnw-home .cnw-home-product-card:hover .cnw-home-product-card__body strong {
  background: #9a9f3f !important;
  color: #050505 !important;
  border-color: #9a9f3f !important;
}

/* Mobil: lite mindre effekt */
@media (max-width: 768px) {
  .cnw-home .cnw-home-product-card:hover {
    transform: none !important;
  }

  .cnw-home .cnw-home-product-card__body strong {
    padding: 5px 8px !important;
    font-size: 11px !important;
  }
}/* =========================================================
   CNW BAITS – WHY SECTION PREMIUM VISUAL
   Gör "Varför välja CNW Baits?" mer visuell och exklusiv
   ========================================================= */

.cnw-home-why {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(154,159,63,0.38) !important;
  background:
    linear-gradient(135deg, rgba(15,15,15,0.98) 0%, rgba(5,5,5,0.98) 100%) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,0.58),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
}

/* Diskret bildkänsla bakom vänstra textdelen */
.cnw-home-why__text {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.72) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-ned-stick.png") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

/* Extra mörk overlay så texten fortfarande är lättläst */
.cnw-home-why__text::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 75% 40%, rgba(154,159,63,0.12), transparent 38%),
    linear-gradient(180deg, rgba(0,0,0,0.16), rgba(0,0,0,0.34)) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.cnw-home-why__text > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Rubrik och text */
.cnw-home-why__text h2 {
  text-shadow: 0 8px 28px rgba(0,0,0,0.75) !important;
}

.cnw-home-why__text p {
  color: #d2d2c8 !important;
  text-shadow: 0 4px 18px rgba(0,0,0,0.75) !important;
}

/* Högerkolumnen */
.cnw-home-why__features {
  background:
    linear-gradient(180deg, #0d0d0d 0%, #070707 100%) !important;
  border-left: 1px solid rgba(154,159,63,0.24) !important;
}

/* Feature-rutor */
.cnw-home-feature {
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(154,159,63,0.22) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease !important;
}

.cnw-home-feature:hover {
  transform: translateY(-3px) !important;
  background: rgba(154,159,63,0.065) !important;
  border-color: rgba(179,184,76,0.50) !important;
}

/* Små ikon-cirklar */
.cnw-home-feature > span {
  background: rgba(154,159,63,0.10) !important;
  border: 1px solid rgba(154,159,63,0.58) !important;
  color: #b3b84c !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.38) !important;
}

.cnw-home-feature strong {
  color: #f5f5ef !important;
  letter-spacing: 0.035em !important;
}

.cnw-home-feature p {
  color: #b9b9ad !important;
}

/* Mobil */
@media (max-width: 768px) {
  .cnw-home-why__text {
    background:
      linear-gradient(90deg, rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.76) 100%),
      url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/cnw-card-ned-stick.png") !important;
    background-size: cover, cover !important;
    background-position: center, center !important;
  }

  .cnw-home-why__features {
    border-left: 0 !important;
    border-top: 1px solid rgba(154,159,63,0.24) !important;
  }

  .cnw-home-feature:hover {
    transform: none !important;
  }
}/* =========================================================
   CNW BAITS – HITTA RÄTT JIGG PREMIUM FINISH
   Gör guideblocket mer exklusivt, tydligt och klickvänligt
   ========================================================= */

#hitta-ratt-jigg {
  position: relative !important;
}

/* Rubrikdelen */
#hitta-ratt-jigg .cnw-home-section__head {
  border-bottom: 1px solid rgba(154,159,63,0.20) !important;
  padding-bottom: 18px !important;
  margin-bottom: 26px !important;
}

#hitta-ratt-jigg .cnw-home-eyebrow {
  color: #b3b84c !important;
}

/* Bred guidebild */
.cnw-home .cnw-home-guide-hero.cnw-find-bg {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(154,159,63,0.38) !important;
  border-radius: 9px !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,0.58),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0.74) 46%, rgba(0,0,0,0.84) 100%),
    url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/Xhittarattjigg1.png") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

/* Premium-effekt över breda bilden */
.cnw-home .cnw-home-guide-hero.cnw-find-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 72% 42%, rgba(154,159,63,0.13), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(0,0,0,0.22)) !important;
  z-index: 1 !important;
}

.cnw-home .cnw-home-guide-hero.cnw-find-bg > div {
  position: relative !important;
  z-index: 2 !important;
}

.cnw-home .cnw-home-guide-hero h3 {
  color: #f5f5ef !important;
  text-shadow: 0 8px 28px rgba(0,0,0,0.78) !important;
}

.cnw-home .cnw-home-guide-hero p {
  color: #d7d7cc !important;
  text-shadow: 0 4px 18px rgba(0,0,0,0.78) !important;
}

/* Guidekort */
.cnw-home-guide-grid {
  gap: 18px !important;
}

.cnw-home-guide-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(154,159,63,0.34) !important;
  border-radius: 9px !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,0.48),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

/* Topplinje på guidekort */
.cnw-home-guide-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(179,184,76,0.75), transparent) !important;
  opacity: 0.48 !important;
  z-index: 3 !important;
}

/* Mörkare overlay på guidekort */
.cnw-home-guide-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 55% 34%, rgba(154,159,63,0.11), transparent 40%),
    linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.90) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.cnw-home-guide-card > div {
  position: relative !important;
  z-index: 2 !important;
}

.cnw-home-guide-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(179,184,76,0.70) !important;
  box-shadow:
    0 28px 74px rgba(0,0,0,0.66),
    0 0 0 1px rgba(179,184,76,0.18) !important;
}

.cnw-home-guide-card h3 {
  color: #f5f5ef !important;
  text-shadow: 0 6px 22px rgba(0,0,0,0.82) !important;
}

/* Läs mer-knapp i guidekort */
.cnw-home-guide-card span {
  background: rgba(0,0,0,0.42) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  color: #f5f5ef !important;
  backdrop-filter: blur(2px) !important;
  transition:
    background 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease !important;
}

.cnw-home-guide-card:hover span {
  background: #9a9f3f !important;
  color: #050505 !important;
  border-color: #9a9f3f !important;
}

/* Mobil */
@media (max-width: 768px) {
  #hitta-ratt-jigg .cnw-home-section__head {
    margin-bottom: 18px !important;
  }

  .cnw-home .cnw-home-guide-hero.cnw-find-bg {
    border-radius: 8px !important;
  }

  .cnw-home-guide-card {
    border-radius: 8px !important;
  }

  .cnw-home-guide-card:hover {
    transform: none !important;
  }
}/* =========================================================
   CNW BAITS – FISKEGUIDER / FÅNGSTRAPPORTER PREMIUM
   Gör de breda korten mer exklusiva och klickvänliga
   ========================================================= */

.cnw-home-wide-grid {
  gap: 20px !important;
}

.cnw-home-wide-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(154,159,63,0.38) !important;
  border-radius: 9px !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,0.58),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

/* Tunn premiumlinje över korten */
.cnw-home-wide-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(179,184,76,0.78), transparent) !important;
  opacity: 0.55 !important;
  z-index: 3 !important;
}

/* Djup/overlay */
.cnw-home-wide-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 74% 40%, rgba(154,159,63,0.13), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(0,0,0,0.28) 100%) !important;
}

.cnw-home-wide-card > div {
  position: relative !important;
  z-index: 2 !important;
}

.cnw-home-wide-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(179,184,76,0.72) !important;
  box-shadow:
    0 30px 78px rgba(0,0,0,0.68),
    0 0 0 1px rgba(179,184,76,0.18) !important;
}

/* Text */
.cnw-home-wide-card h3 {
  color: #f5f5ef !important;
  text-shadow: 0 8px 28px rgba(0,0,0,0.82) !important;
  letter-spacing: -0.025em !important;
}

.cnw-home-wide-card p {
  color: #d2d2c8 !important;
  text-shadow: 0 4px 18px rgba(0,0,0,0.78) !important;
}

/* Läs mer-knapp */
.cnw-home-wide-card span {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  background: rgba(0,0,0,0.42) !important;
  border: 1px solid rgba(255,255,255,0.30) !important;
  color: #f5f5ef !important;
  backdrop-filter: blur(2px) !important;
  transition:
    background 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease !important;
}

.cnw-home-wide-card:hover span {
  background: #9a9f3f !important;
  color: #050505 !important;
  border-color: #9a9f3f !important;
}

/* Bildjustering */
.cnw-home .cnw-home-wide-card.cnw-wide-bg-1,
.cnw-home .cnw-home-wide-card.cnw-wide-bg-2 {
  background-size: cover, cover !important;
  background-position: center, center !important;
}

/* Mobil */
@media (max-width: 768px) {
  .cnw-home-wide-card {
    border-radius: 8px !important;
  }

  .cnw-home-wide-card:hover {
    transform: none !important;
  }
}/* =========================================================
   CNW BAITS – NEWSLETTER PREMIUM FINISH
   Gör nyhetsbrevet mer exklusivt och mindre tungt
   ========================================================= */

.cnw-home-newsletter {
  background: transparent !important;
  border-top: 0 !important;
  padding: 54px 0 64px !important;
}

.cnw-home-newsletter__inner {
  position: relative !important;
  overflow: hidden !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 38px 42px !important;
  background:
    radial-gradient(circle at 88% 30%, rgba(154,159,63,0.13), transparent 34%),
    linear-gradient(135deg, #111111 0%, #060606 100%) !important;
  border: 1px solid rgba(154,159,63,0.38) !important;
  border-radius: 9px !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,0.58),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
}

/* Tunn premiumlinje */
.cnw-home-newsletter__inner::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(179,184,76,0.78), transparent) !important;
  opacity: 0.55 !important;
}

/* Text */
.cnw-home-newsletter h2 {
  color: #f5f5ef !important;
  font-size: 32px !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
  text-shadow: 0 7px 24px rgba(0,0,0,0.75) !important;
}

.cnw-home-newsletter p {
  color: #c9c9bd !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  max-width: 560px !important;
}

/* Formulär */
.cnw-home-newsletter__form {
  align-items: center !important;
}

.cnw-home-newsletter__form input {
  height: 44px !important;
  min-height: 44px !important;
  width: 300px !important;
  background: #070707 !important;
  color: #f5f5ef !important;
  border: 1px solid rgba(154,159,63,0.36) !important;
  border-radius: 3px !important;
  font-size: 13px !important;
}

.cnw-home-newsletter__form input::placeholder {
  color: #8f8f86 !important;
}

.cnw-home-newsletter__form button {
  height: 44px !important;
  min-height: 44px !important;
  background: #9a9f3f !important;
  color: #050505 !important;
  border: 1px solid #9a9f3f !important;
  border-radius: 3px !important;
  padding: 0 22px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 28px rgba(154,159,63,0.16) !important;
}

.cnw-home-newsletter__form button:hover {
  background: #b3b84c !important;
  border-color: #b3b84c !important;
  color: #050505 !important;
}

/* Mobil */
@media (max-width: 768px) {
  .cnw-home-newsletter {
    padding: 38px 0 46px !important;
  }

  .cnw-home-newsletter__inner {
    padding: 26px 20px !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .cnw-home-newsletter h2 {
    font-size: 24px !important;
  }

  .cnw-home-newsletter p {
    font-size: 13.5px !important;
  }

  .cnw-home-newsletter__form {
    flex-direction: column !important;
    width: 100% !important;
  }

  .cnw-home-newsletter__form input,
  .cnw-home-newsletter__form button {
    width: 100% !important;
  }
}/* =========================================================
   CNW BAITS – BOTTOM / FOOTER PREMIUM CLEANUP
   Rensar nyhetsbrevet och gör footern mer premium
   ========================================================= */

/* Ta bort den tunga ytterbox-känslan runt nyhetsbrevet */
.cnw-home-newsletter {
  padding: 46px 0 52px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Gör själva nyhetsbrevsrutan mer exakt och mindre klumpig */
.cnw-home-newsletter__inner {
  max-width: 1180px !important;
  min-height: 118px !important;
  padding: 34px 38px !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 92% 35%, rgba(154,159,63,0.12), transparent 34%),
    linear-gradient(135deg, #101010 0%, #060606 100%) !important;
  border: 1px solid rgba(154,159,63,0.34) !important;
  box-shadow:
    0 20px 58px rgba(0,0,0,0.52),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
}

/* Footern */
.cnw-footer,
footer[data-qb-area="footer"] {
  background:
    linear-gradient(180deg, #050505 0%, #020202 100%) !important;
  border-top: 1px solid rgba(154,159,63,0.36) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

/* Footer-innehåll */
.cnw-footer__inner,
footer[data-qb-area="footer"] .container,
footer[data-qb-area="footer"] .container-fluid {
  max-width: 1180px !important;
}

/* Footer-rubriker */
.cnw-footer h4,
footer[data-qb-area="footer"] h6 {
  color: #f5f5ef !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

/* CNWBAITS.SE i footern */
.cnw-footer__brand-title,
.cnw-footer__brand,
footer[data-qb-area="footer"] .navbar-brand {
  color: #f5f5ef !important;
  font-weight: 950 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

/* Footertext */
.cnw-footer p,
.cnw-footer li,
footer[data-qb-area="footer"] p,
footer[data-qb-area="footer"] li {
  color: #b9b9ad !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Footerlänkar */
.cnw-footer a,
footer[data-qb-area="footer"] a {
  color: #c9c9bd !important;
  text-decoration: none !important;
  transition: color 0.18s ease !important;
}

.cnw-footer a:hover,
footer[data-qb-area="footer"] a:hover {
  color: #b3b84c !important;
}

/* Lite mer premium spacing mellan footer-kolumner */
.cnw-footer__inner {
  padding-top: 42px !important;
  padding-bottom: 34px !important;
}

/* Mobil */
@media (max-width: 768px) {
  .cnw-home-newsletter {
    padding: 36px 0 42px !important;
  }

  .cnw-home-newsletter__inner {
    padding: 24px 20px !important;
  }

  .cnw-footer__inner {
    padding-top: 34px !important;
    padding-bottom: 28px !important;
  }
}/* =========================================================
   CNW BAITS – MOBILE FINAL CLEANUP
   Samlad mobilpatch för header, hero, kort, newsletter och footer
   ========================================================= */

@media (max-width: 768px) {

  html,
  body {
    overflow-x: hidden !important;
    background: #050505 !important;
  }

  .cnw-home {
    overflow-x: hidden !important;
  }

  .cnw-home-container,
  .cnw-home-section,
  .cnw-home-usp,
  .cnw-home-newsletter,
  .cnw-footer__inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* =========================
     MOBILE HEADER
     ========================= */

  .cnw-brandbar {
    border-bottom: 1px solid rgba(154,159,63,0.28) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.48) !important;
  }

  .cnw-brandbar__inner {
    width: calc(100% - 24px) !important;
    min-height: 58px !important;
    grid-template-columns: 42px 1fr 42px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .cnw-brandbar__menu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 42px !important;
    height: 42px !important;
    color: #f5f5ef !important;
    font-size: 25px !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .cnw-brandbar__logo--image {
    justify-self: center !important;
    overflow: visible !important;
  }

  .cnw-brandbar__logo--image img {
    height: 32px !important;
    max-width: 245px !important;
    transform: scale(1.06) !important;
    transform-origin: center center !important;
  }

  .cnw-brandbar__search {
    display: none !important;
  }

  .cnw-brandbar__cart {
    position: relative !important;
    justify-self: end !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .cnw-brandbar__cart::before {
    content: "" !important;
    width: 20px !important;
    height: 16px !important;
    border: 2px solid #f5f5ef !important;
    border-top: 0 !important;
    border-radius: 2px !important;
    display: block !important;
  }

  .cnw-brandbar__cart::after {
    content: "" !important;
    position: absolute !important;
    right: 5px !important;
    top: 11px !important;
    width: 10px !important;
    height: 7px !important;
    border: 2px solid #f5f5ef !important;
    border-bottom: 0 !important;
    border-radius: 8px 8px 0 0 !important;
  }

  .cnw-brandbar__count {
    position: absolute !important;
    right: -4px !important;
    top: 5px !important;
    min-width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
  }

  nav[data-qb-area="header"] .container.pt-2 {
    display: none !important;
  }

  /* =========================
     HERO
     ========================= */

  .cnw-home-hero {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    min-height: 500px !important;
    margin: 14px auto 0 !important;
    border-radius: 8px !important;
    border: 1px solid rgba(154,159,63,0.36) !important;
    background-position: center right !important;
    box-shadow: 0 20px 56px rgba(0,0,0,0.58) !important;
  }

  .cnw-home-hero__content {
    max-width: 100% !important;
    padding: 78px 18px 30px !important;
  }

  .cnw-home-hero .cnw-home-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 12px !important;
  }

  .cnw-home-hero h1 {
    font-size: 33px !important;
    line-height: 0.97 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 14px !important;
    max-width: 340px !important;
  }

  .cnw-home-hero p {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    max-width: 330px !important;
  }

  .cnw-home-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 20px !important;
    max-width: 310px !important;
  }

  .cnw-home-btn {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
    font-size: 11.5px !important;
  }

  /* =========================
     USP-RAD
     ========================= */

  .cnw-home-usp {
    padding-top: 12px !important;
  }

  .cnw-home-usp__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .cnw-home-usp__item {
    min-height: 92px !important;
    padding: 12px !important;
    border-radius: 8px !important;
    align-items: flex-start !important;
    gap: 9px !important;
  }

  .cnw-home-usp__icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 15px !important;
  }

  .cnw-home-usp__item strong {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  .cnw-home-usp__item span {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  /* =========================
     SECTION HEADINGS
     ========================= */

  .cnw-home-section {
    padding-top: 38px !important;
  }

  .cnw-home-section__head {
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
  }

  .cnw-home-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
  }

  .cnw-home-section h2,
  #produktserier h2,
  #hitta-ratt-jigg h2 {
    font-size: 28px !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
  }

  /* =========================
     PRODUKTSERIER
     ========================= */

  .cnw-home .cnw-home-best-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .cnw-home .cnw-home-product-card {
    min-height: 265px !important;
    border-radius: 8px !important;
  }

  .cnw-home .cnw-home-product-card:hover {
    transform: none !important;
  }

  .cnw-home .cnw-home-product-card__image {
    height: 142px !important;
    min-height: 142px !important;
    flex: 0 0 142px !important;
  }

  .cnw-home .cnw-home-product-card__body {
    height: 123px !important;
    min-height: 123px !important;
    flex: 0 0 123px !important;
    padding: 11px !important;
  }

  .cnw-home .cnw-home-product-card__body h3 {
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    margin-bottom: 7px !important;
  }

  .cnw-home .cnw-home-product-card__body p {
    font-size: 11px !important;
    line-height: 1.35 !important;
    min-height: 30px !important;
  }

  .cnw-home .cnw-home-product-card__body strong {
    padding: 5px 7px !important;
    font-size: 10px !important;
  }

  /* =========================
     VARFÖR CNW
     ========================= */

  .cnw-home-why {
    border-radius: 8px !important;
  }

  .cnw-home-why__text {
    padding: 24px 20px !important;
  }

  .cnw-home-why__text h2 {
    font-size: 26px !important;
    line-height: 1.02 !important;
    margin-bottom: 14px !important;
  }

  .cnw-home-why__text p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .cnw-home-why__features {
    padding: 18px !important;
    gap: 10px !important;
  }

  .cnw-home-feature {
    padding: 13px !important;
    border-radius: 8px !important;
  }

  .cnw-home-feature:hover {
    transform: none !important;
  }

  .cnw-home-feature strong {
    font-size: 11px !important;
  }

  .cnw-home-feature p {
    font-size: 11.5px !important;
  }

  /* =========================
     HITTA RÄTT JIGG
     ========================= */

  .cnw-home .cnw-home-guide-hero.cnw-find-bg {
    min-height: 190px !important;
    padding: 20px !important;
    border-radius: 8px !important;
  }

  .cnw-home .cnw-home-guide-hero h3 {
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  .cnw-home .cnw-home-guide-hero p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .cnw-home-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .cnw-home-guide-card {
    min-height: 150px !important;
    padding: 13px !important;
    border-radius: 8px !important;
  }

  .cnw-home-guide-card:hover {
    transform: none !important;
  }

  .cnw-home-guide-card h3 {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .cnw-home-guide-card span {
    font-size: 8.5px !important;
    padding: 7px 8px !important;
  }

  /* =========================
     FISKEGUIDER / FÅNGSTRAPPORTER
     ========================= */

  .cnw-home-wide-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .cnw-home-wide-card {
    min-height: 205px !important;
    padding: 22px !important;
    border-radius: 8px !important;
  }

  .cnw-home-wide-card:hover {
    transform: none !important;
  }

  .cnw-home-wide-card h3 {
    font-size: 22px !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
  }

  .cnw-home-wide-card p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .cnw-home-wide-card span {
    font-size: 9.5px !important;
    padding: 8px 10px !important;
  }

  /* =========================
     NEWSLETTER
     ========================= */

  .cnw-home-newsletter {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding: 36px 0 40px !important;
  }

  .cnw-home-newsletter__inner {
    padding: 24px 18px !important;
    border-radius: 8px !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .cnw-home-newsletter h2 {
    font-size: 24px !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
  }

  .cnw-home-newsletter p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .cnw-home-newsletter__form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .cnw-home-newsletter__form input,
  .cnw-home-newsletter__form button {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  /* =========================
     FOOTER
     ========================= */

  .cnw-footer,
  footer[data-qb-area="footer"] {
    padding-top: 0 !important;
  }

  .cnw-footer__inner {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding: 30px 0 26px !important;
  }

  .cnw-footer__top,
  .cnw-footer__grid,
  .cnw-footer__trust {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .cnw-footer h4,
  footer[data-qb-area="footer"] h6 {
    font-size: 11px !important;
    margin-bottom: 11px !important;
  }

  .cnw-footer p,
  .cnw-footer li,
  footer[data-qb-area="footer"] p,
  footer[data-qb-area="footer"] li {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  .cnw-footer a,
  footer[data-qb-area="footer"] a {
    font-size: 12px !important;
  }

  .cnw-footer__bottom {
    flex-direction: column !important;
    gap: 6px !important;
    font-size: 11px !important;
  }
}/* =========================================================
   CNW BAITS – MOBILE FINAL POLISH
   Sista finjustering efter mobilvideo
   ========================================================= */

@media (max-width: 768px) {

  /* Headerlogga lite större och tydligare */
  .cnw-brandbar__logo--image img {
    height: 34px !important;
    max-width: 265px !important;
    transform: scale(1.08) !important;
    transform-origin: center center !important;
  }

  .cnw-brandbar__inner {
    min-height: 60px !important;
  }

  /* Hero lite tajtare */
  .cnw-home-hero {
    min-height: 475px !important;
    margin-top: 12px !important;
  }

  .cnw-home-hero__content {
    padding: 70px 18px 28px !important;
  }

  .cnw-home-hero h1 {
    font-size: 31px !important;
    line-height: 0.98 !important;
    max-width: 330px !important;
  }

  .cnw-home-hero p {
    font-size: 13px !important;
    max-width: 320px !important;
  }

  /* USP-korten lite kompaktare */
  .cnw-home-usp__item {
    min-height: 86px !important;
    padding: 11px !important;
  }

  .cnw-home-usp__item span {
    font-size: 10.5px !important;
  }

  /* Produktkorten lite mindre långa */
  .cnw-home .cnw-home-product-card {
    min-height: 248px !important;
  }

  .cnw-home .cnw-home-product-card__image {
    height: 132px !important;
    min-height: 132px !important;
    flex: 0 0 132px !important;
  }

  .cnw-home .cnw-home-product-card__body {
    height: 116px !important;
    min-height: 116px !important;
    flex: 0 0 116px !important;
  }

  .cnw-home .cnw-home-product-card__body h3 {
    font-size: 11px !important;
  }

  .cnw-home .cnw-home-product-card__body p {
    font-size: 10.5px !important;
  }

  /* Guidekort något tajtare */
  .cnw-home-guide-card {
    min-height: 140px !important;
  }

  .cnw-home-wide-card {
    min-height: 190px !important;
  }

  /* Newsletter tajtare */
  .cnw-home-newsletter__inner {
    padding: 22px 18px !important;
  }

  /* Footer mindre långdragen */
  .cnw-footer__inner {
    padding-top: 26px !important;
    padding-bottom: 22px !important;
  }

  .cnw-footer__grid,
  .cnw-footer__trust {
    gap: 14px !important;
  }

  .cnw-footer__trust {
    padding-top: 18px !important;
  }
}.cnw-footer-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px;
}

.cnw-footer-col h3 {
  margin: 0 0 14px;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #d4b46a;
}

.cnw-footer-col a {
  display: block;
  margin: 0 0 9px;
  color: rgba(255,255,255,.76);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.45;
}

.cnw-footer-col a:hover {
  color: #d4b46a;
}

.cnw-footer-col p {
  margin: 0 0 12px;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.6;
  max-width: 320px;
}

@media (max-width: 768px) {
  .cnw-footer-links {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* =========================================================
   CNW BAITS – FINAL PATCH: Page title + header line cleanup
   Lägg längst ner i custom.css.
   ========================================================= */

/* Extra säkerhet: om JS har markerat Quickbutiks automatiska sidtitel */
.cnw-qb-auto-title-hidden,
.cnw-qb-auto-title-hidden *,
.cnw-qb-auto-title-parent-cleaned::before,
.cnw-qb-auto-title-parent-cleaned::after {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* Gör linjerna runt produktmenyn mer premium och mindre dubbla */
nav[data-qb-area="header"] {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.navbar-bg,
.navbar--variation-1,
.navbar--variation-2 {
  box-shadow: none !important;
}

.navbar-bg {
  border-top: 1px solid rgba(154,159,63,0.16) !important;
  border-bottom: 1px solid rgba(154,159,63,0.22) !important;
}

/* Förhindra att vanliga sidmallar bygger extra titelband ovanför våra egna premium-sidor */
body:has(.cnw-home) .page-title,
body:has(.cnw-home) .page-header,
body:has(.cnw-home) .page-heading,
body:has(.cnw-contact2) .page-title,
body:has(.cnw-contact2) .page-header,
body:has(.cnw-contact2) .page-heading,
body:has(.cnw-about-page) .page-title,
body:has(.cnw-about-page) .page-header,
body:has(.cnw-about-page) .page-heading,
body:has(.cnw-legalx) .page-title,
body:has(.cnw-legalx) .page-header,
body:has(.cnw-legalx) .page-heading,
body:has(.cnw-guides-hub) .page-title,
body:has(.cnw-guides-hub) .page-header,
body:has(.cnw-guides-hub) .page-heading,
body:has(.cnw-catch-page) .page-title,
body:has(.cnw-catch-page) .page-header,
body:has(.cnw-catch-page) .page-heading {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Bevara rubrikerna inne i våra egna sidor */
.cnw-home h1,
.cnw-contact2 h1,
.cnw-about-page h1,
.cnw-legalx h1,
.cnw-guides-hub h1,
.cnw-catch-page h1 {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Footer: låt footer-partialen styra, inte gamla rester i custom.css */
.cnw-footer__logo {
  max-height: none !important;
}
/* CNW - gör linjen under navigationen tunnare och mer premium */
.navbar-bg,
.navbar,
nav[data-qb-area="header"],
.header,
.site-header {
  box-shadow: none !important;
}

.navbar-bg {
  border-top: 0 !important;
  border-bottom: 1px solid rgba(154,159,63,0.18) !important;
}

nav[data-qb-area="header"] {
  border-bottom: 0 !important;
}

.cnw-brandbar {
  border-bottom: 1px solid rgba(154,159,63,0.14) !important;
}/* =========================================================
   CNW BAITS – MOBILE PREMIUM PATCH V1
   Klistra längst ner i custom.css
   ========================================================= */

@media (max-width: 768px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .cnw-home {
    overflow-x: clip !important;
  }

  /* HEADER – gör mobilen renare */
  .cnw-brandbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1040 !important;
    background: rgba(5,5,5,0.98) !important;
    border-bottom: 1px solid rgba(154,159,63,0.18) !important;
  }

  .cnw-brandbar__inner {
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 12px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 54px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .cnw-brandbar__menu {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #f5f5ef !important;
    font-size: 28px !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  .cnw-brandbar__logo--image {
    justify-self: center !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .cnw-brandbar__logo--image img {
    height: 32px !important;
    width: auto !important;
    max-width: min(220px, 56vw) !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .cnw-brandbar__search {
    display: none !important;
  }

  .cnw-brandbar__cart {
    justify-self: end !important;
    width: 54px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    letter-spacing: 0.03em !important;
    color: #f5f5ef !important;
  }

  .cnw-brandbar__count {
    position: absolute !important;
    top: 4px !important;
    right: 0 !important;
    min-width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
  }

  /* Dölj Quickbutiks desktop-navigering i mobil */
  nav[data-qb-area="header"] .container.pt-2,
  .navbar-bg,
  .navbar-nav,
  .navbar-nav-v2,
  .main-top-menu {
    display: none !important;
  }

  /* HERO – mer premium på mobil */
  .cnw-home-container {
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .cnw-home-hero {
    position: relative !important;
    width: calc(100% - 28px) !important;
    min-height: 500px !important;
    margin: 12px auto 0 !important;
    align-items: flex-end !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    border: 1px solid rgba(154,159,63,0.24) !important;
    background-image:
      linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.68) 46%, rgba(0,0,0,0.96) 100%),
      url("https://s3.eu-west-1.amazonaws.com/storage.quickbutik.com/stores/47211S/files/Hero-abborrejpg.png") !important;
    background-size: cover !important;
    background-position: 68% center !important;
    background-repeat: no-repeat !important;
  }

  .cnw-home-hero__overlay {
    display: none !important;
  }

  .cnw-home-hero__content {
    position: relative !important;
    z-index: 2 !important;
    max-width: 100% !important;
    padding: 0 18px 28px !important;
  }

  .cnw-home-eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.13em !important;
    margin-bottom: 10px !important;
  }

  .cnw-home-hero h1 {
    max-width: 335px !important;
    font-size: clamp(30px, 9.2vw, 38px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 12px !important;
  }

  .cnw-home-hero p {
    max-width: 335px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    color: #e0e0d6 !important;
  }

  .cnw-home-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .cnw-home-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    font-size: 11px !important;
    border-radius: 6px !important;
  }

  /* USP – kortare och mer mobilvänligt */
  .cnw-home-usp {
    padding: 14px 14px 0 !important;
  }

  .cnw-home-usp__grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .cnw-home-usp__item {
    min-height: 108px !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    border-radius: 8px !important;
  }

  .cnw-home-usp__icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    font-size: 14px !important;
  }

  .cnw-home-usp__item strong {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }

  .cnw-home-usp__item span {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  /* Sektioner */
  .cnw-home-section {
    padding: 34px 0 !important;
  }

  .cnw-home-section__head {
    margin-bottom: 16px !important;
  }

  .cnw-home h2 {
    font-size: 26px !important;
    line-height: 1 !important;
  }

  /* Produktkort – tajtare och mer butikskänsla */
  .cnw-home-best-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .cnw-home-product-card {
    min-height: 232px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }

  .cnw-home-product-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .cnw-home-product-card__image {
    height: 136px !important;
    min-height: 136px !important;
    flex: 0 0 136px !important;
    background-size: cover, cover !important;
  }

  .cnw-home-product-card__body {
    height: 96px !important;
    min-height: 96px !important;
    flex: 0 0 96px !important;
    padding: 11px !important;
  }

  .cnw-home-product-card__body h3 {
    font-size: 12px !important;
    line-height: 1.1 !important;
    margin-bottom: 7px !important;
  }

  .cnw-home-product-card__body p {
    display: none !important;
  }

  .cnw-home-product-card__body strong {
    font-size: 12px !important;
  }

  /* Varför CNW */
  .cnw-home-why {
    border-radius: 9px !important;
  }

  .cnw-home-why__text,
  .cnw-home-why__features {
    padding: 22px !important;
  }

  .cnw-home-why__text h2 {
    font-size: 26px !important;
    line-height: 1.03 !important;
  }

  .cnw-home-why__text p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .cnw-home-feature {
    grid-template-columns: 30px 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    transition: none !important;
  }

  .cnw-home-feature:hover {
    transform: none !important;
  }

  .cnw-home-feature > span {
    width: 30px !important;
    height: 30px !important;
  }

  /* Guider */
  .cnw-home-guide-hero.cnw-find-bg {
    min-height: 190px !important;
    padding: 20px !important;
    margin: 16px 0 !important;
    border-radius: 9px !important;
  }

  .cnw-home-guide-hero h3 {
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  .cnw-home-guide-hero p {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
  }

  .cnw-home-guide-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .cnw-home-guide-card {
    min-height: 148px !important;
    padding: 14px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: none !important;
  }

  .cnw-home-guide-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .cnw-home-guide-card h3 {
    font-size: 13px !important;
  }

  .cnw-home-guide-card span {
    font-size: 9px !important;
    padding: 7px 8px !important;
  }

  /* Breda kort */
  .cnw-home-wide-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .cnw-home-wide-card {
    min-height: 205px !important;
    padding: 22px !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    transition: none !important;
  }

  .cnw-home-wide-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .cnw-home-wide-card h3 {
    font-size: 22px !important;
  }

  .cnw-home-wide-card p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  /* Instagram / kontakt */
  .cnw-home-newsletter {
    margin: 0 14px 28px !important;
    padding: 24px 20px !important;
    border-radius: 9px !important;
  }

  .cnw-home-newsletter__inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .cnw-home-newsletter h2 {
    font-size: 24px !important;
  }

  .cnw-home-newsletter p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .cnw-home-newsletter__form {
    width: 100% !important;
    flex-direction: column !important;
  }

  .cnw-home-newsletter__form .cnw-home-btn {
    width: 100% !important;
  }
}

/* Mindre animationer för bättre mobilkänsla */
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
  .cnw-home-product-card,
  .cnw-home-guide-card,
  .cnw-home-wide-card,
  .cnw-home-feature {
    transition: none !important;
  }
}/* ============================================================
 CNW BAITS – CUSTOM MOBILE HEADER v3
 Lägg detta LÄNGST NED i custom.css.
 Viktigt: ta bort gamla v1/v2-fixar för mobilmeny/varukorg först.
 ============================================================ */

.cnw-mobile-shell,
.cnw-mobile-backdrop,
.cnw-mobile-drawer {
  display: none;
}

@media (max-width: 820px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #050505 !important;
  }

  body.cnw-mobile-menu-open {
    overflow: hidden !important;
    height: 100% !important;
    touch-action: none !important;
  }

  /* ------------------------------------------------------------
     1. Ny mobilheader – lägger sig OVANPÅ Quickbutiks gamla header.
     Den gamla headern finns kvar under, men blir inte längre användarens klickyta.
     ------------------------------------------------------------ */

  .cnw-mobile-shell {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    grid-template-columns: 52px 1fr 52px !important;
    align-items: center !important;
    width: 100vw !important;
    height: 60px !important;
    padding: 7px 10px !important;
    background: rgba(5,5,5,.98) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.46) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  .cnw-mobile-iconbtn {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.035) !important;
    color: #f5f5ef !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .cnw-mobile-menu-trigger {
    justify-self: start !important;
  }

  .cnw-mobile-brand {
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: 190px !important;
    text-decoration: none !important;
  }

  .cnw-mobile-brand img {
    display: block !important;
    width: auto !important;
    max-width: 168px !important;
    height: auto !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }

  .cnw-mobile-cart {
    justify-self: end !important;
    position: relative !important;
    border-color: rgba(179,184,76,.28) !important;
    background: rgba(179,184,76,.08) !important;
  }

  .cnw-mobile-cart svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    color: #f5f5ef !important;
  }

  .cnw-mobile-cart-dot {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #b3b84c !important;
    box-shadow: 0 0 0 2px #050505 !important;
  }

  .cnw-mobile-burger {
    display: grid !important;
    gap: 5px !important;
    width: 21px !important;
  }

  .cnw-mobile-burger span {
    display: block !important;
    width: 21px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #f5f5ef !important;
  }

  /* Dölj uppenbara textlabels i gamla headern som syns bakom: Varukorg/Sök m.m. */
  header a,
  header button,
  .header a,
  .header button,
  .site-header a,
  .site-header button,
  .shop-header a,
  .shop-header button,
  #header a,
  #header button {
    pointer-events: none !important;
  }

  /* ------------------------------------------------------------
     2. Backdrop
     ------------------------------------------------------------ */

  .cnw-mobile-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483001 !important;
    display: block !important;
    background: rgba(0,0,0,.72) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .18s ease, visibility .18s ease !important;
  }

  body.cnw-mobile-menu-open .cnw-mobile-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* ------------------------------------------------------------
     3. Egen mobilmeny
     ------------------------------------------------------------ */

  .cnw-mobile-drawer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2147483002 !important;
    display: block !important;
    width: min(88vw, 380px) !important;
    max-width: 380px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 0 18px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background:
      radial-gradient(circle at 0 0, rgba(179,184,76,.13), transparent 34%),
      linear-gradient(180deg, #090909 0%, #030303 100%) !important;
    color: #f5f5ef !important;
    border-right: 1px solid rgba(179,184,76,.24) !important;
    box-shadow: 30px 0 90px rgba(0,0,0,.78) !important;
    transform: translateX(-104%) !important;
    transition: transform .22s ease !important;
  }

  body.cnw-mobile-menu-open .cnw-mobile-drawer {
    transform: translateX(0) !important;
  }

  .cnw-mobile-drawer__head {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 66px !important;
    padding: 12px 14px 10px 18px !important;
    background: rgba(5,5,5,.98) !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  .cnw-mobile-drawer__head img {
    display: block !important;
    width: auto !important;
    max-width: 158px !important;
    max-height: 32px !important;
    object-fit: contain !important;
  }

  .cnw-mobile-close {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.045) !important;
    color: #f5f5ef !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
    padding: 0 0 4px !important;
    margin: 0 !important;
  }

  .cnw-mobile-drawer__intro {
    margin: 16px 18px 8px !important;
    padding: 14px 15px !important;
    border: 1px solid rgba(179,184,76,.20) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
    color: rgba(245,245,239,.72) !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  .cnw-mobile-drawer__section {
    padding: 8px 0 0 !important;
    margin: 0 !important;
  }

  .cnw-mobile-drawer__label {
    display: block !important;
    padding: 16px 20px 8px !important;
    color: #b3b84c !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
  }

  .cnw-mobile-drawer a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 49px !important;
    padding: 15px 20px !important;
    color: #f5f5ef !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.075) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    background: transparent !important;
  }

  .cnw-mobile-drawer a::after {
    content: "›" !important;
    color: rgba(179,184,76,.78) !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
  }

  .cnw-mobile-drawer a:active {
    background: rgba(179,184,76,.14) !important;
  }

  .cnw-mobile-drawer__cart {
    margin: 18px 18px 0 !important;
    min-height: 50px !important;
    justify-content: center !important;
    border: 1px solid rgba(179,184,76,.35) !important;
    border-radius: 12px !important;
    background: #b3b84c !important;
    color: #050505 !important;
    font-weight: 950 !important;
  }

  .cnw-mobile-drawer__cart::after {
    display: none !important;
  }

  /* ------------------------------------------------------------
     4. Stäng av gamla overlays som tidigare skapade sök-/cart-kaos.
     Den nya varukorgsikonen går direkt till /cart/index.
     ------------------------------------------------------------ */

  body.cnw-mobile-menu-open .search,
  body.cnw-mobile-menu-open .search-wrapper,
  body.cnw-mobile-menu-open .search-overlay,
  body.cnw-mobile-menu-open .search-modal,
  body.cnw-mobile-menu-open .search-container,
  body.cnw-mobile-menu-open [class*="search" i] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Gamla varukorgsdrawer/popups bör inte visas i mobil eftersom den var visuellt trasig. */
  @supports selector(:has(*)) {
    body:has(.cnw-mobile-shell) .cart-drawer,
    body:has(.cnw-mobile-shell) .drawer-cart,
    body:has(.cnw-mobile-shell) .side-cart,
    body:has(.cnw-mobile-shell) .sidecart,
    body:has(.cnw-mobile-shell) .mini-cart,
    body:has(.cnw-mobile-shell) .cart-popup,
    body:has(.cnw-mobile-shell) .cart-modal,
    body:has(.cnw-mobile-shell) [class*="cart"][class*="drawer"],
    body:has(.cnw-mobile-shell) [class*="drawer"][class*="cart"],
    body:has(.cnw-mobile-shell) [class*="cart"][class*="popup"],
    body:has(.cnw-mobile-shell) [class*="cart"][class*="modal"] {
      background: #050505 !important;
      color: #f5f5ef !important;
    }
  }

  /* Startsidans custom-sektioner ska inte skapa sidleds-scroll */
  .cnw-home,
  .cnw-home * {
    max-width: 100% !important;
  }

  .cnw-home {
    overflow-x: hidden !important;
  }
}