@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Barlow+Condensed:wght@400;500;600;700;800;900&display=swap');

/* =====================
   RESET & BASE
   ===================== */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

/* Global Text Selection in Sapphire Blue */
::selection {
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

::-moz-selection {
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

*::selection {
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

*::-moz-selection {
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Prevent duplicate X icon in mini-cart drawer */
.pls-minicart-header .pls-close-btn::before,
.pls-minicart-slide .pls-close-btn::before {
  display: none !important;
  content: "" !important;
}

.pls-minicart-header .pls-close-btn {
  font-size: 16px !important;
}

/* Disable WooCommerce button loading spinners */
.add_to_cart_button.loading::after,
.pls-cart-button a.loading::after,
.pls-cart-button .button.loading::after,
.button.loading::after {
  display: none !important;
}

.btn-in-cart-remove {
  background: #e53935 !important;
  border-color: #e53935 !important;
  color: #ffffff !important;
  transition: all 0.2s ease !important;
}

.btn-in-cart-remove:hover {
  background: #c62828 !important;
  border-color: #c62828 !important;
}

/* ==========================================================================
   Global Strict Navbar Logo Sizing (Identical across ALL pages)
   ========================================================================== */
:root {
  --pls-logo-width: 145px !important;
  --pls-mobile-logo-width: 105px !important;
}

.pls-header-logo a,
.header-logo a,
.site-logo a {
  display: inline-flex !important;
  align-items: center !important;
}

.pls-header-logo img,
.pls-header-logo .pls-logo,
.pls-header-logo .pls-logo-light,
.pls-header-desktop .pls-header-logo img,
.site-header .pls-logo,
.header-sticky .pls-header-logo img,
.pls-site-header .pls-header-logo img,
.header-logo img,
.site-logo img {
  width: 145px !important;
  max-width: 145px !important;
  height: auto !important;
  max-height: 46px !important;
  object-fit: contain !important;
}

@media (max-width: 991px) {

  .pls-header-mobile .pls-header-logo img,
  .pls-header-logo .pls-mobile-logo,
  .pls-mobile-menu-header .pls-header-logo img,
  .pls-header-mobile .pls-logo {
    width: 105px !important;
    max-width: 105px !important;
    height: auto !important;
    max-height: 36px !important;
    object-fit: contain !important;
  }
}

body {
  font-family: 'Instrument Sans', sans-serif;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #ffffff;
  line-height: 1.5;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

html,
.pls-site-wrapper {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
}

button {
  cursor: pointer;
  font-family: inherit;
}

/* =====================
   CSS VARIABLES
   ===================== */
:root {
  --purple: #9b30d0;
  --purple-btn: #9c27d0;
  --purple-light: #b94fe8;
  --purple-dark: #2d0045;
  --purple-nav: #08000e;
  --purple-mid: #6a0dad;
  --dark-bg: #0d0014;
  --dark-card: #1a0030;
  --dark-card-hover: #220040;
  --white: #ffffff;
  --black: #000000;
  --gray-text: #aaa;
  --header-h: 70px;
  --topbar-h: 42px;
  --transition: 0.25s ease;
}

/* =====================
   ANNOUNCEMENT BAR
   ===================== */
.announcement-bar {
  background: #08000e;
  height: var(--topbar-h);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 200;
}

.announcement-bar p {
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
}

/* =====================
   HEADER
   ===================== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 300;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  height: var(--header-h);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.header-inner {
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 32px;
  gap: 48px;
}

/* LOGO */
.logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: 'Instrument Sans', sans-serif;
  font-weight: 900;
  font-size: 1.7rem;
  letter-spacing: -0.01em;
  flex-shrink: 0;
  gap: 0;
}

.logo-frucht {
  color: #111111;
}

.logo-bars {
  color: #9b30d0;
}

.logo-icon {
  font-size: 1.3rem;
  margin-left: 2px;
}

.site-logo-img {
  height: 38px;
  width: auto;
  object-fit: contain;
  display: block;
  filter: none;
}

.footer-brand .site-logo-img {
  height: 44px;
  filter: none;
}

/* NAV */
.main-nav {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
}

.nav-item {
  position: relative;
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 16px;
  height: var(--header-h);
  color: #111;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color var(--transition);
  white-space: nowrap;
}

.nav-link svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: #555;
  transition: transform var(--transition);
}

.nav-item:hover .nav-link {
  color: var(--purple);
}

.nav-item:hover .nav-link svg {
  transform: rotate(180deg);
  color: var(--purple);
}

/* DROPDOWN */
.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-top: 2px solid var(--purple);
  border-radius: 0 0 8px 8px;
  min-width: 200px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 400;
}

.nav-item:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown a {
  display: block;
  padding: 10px 20px;
  color: #333;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all 0.15s ease;
}

.dropdown a:hover {
  background: #f5f0ff;
  color: var(--purple);
  padding-left: 24px;
}

/* HEADER ACTIONS */
.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}

.icon-btn {
  width: 42px;
  height: 42px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #111;
  transition: all var(--transition);
  position: relative;
}

.icon-btn svg {
  width: 22px;
  height: 22px;
}

.icon-btn:hover {
  color: var(--purple);
  background: #f5f0ff;
}

.cart-count {
  position: absolute;
  top: 4px;
  right: 4px;
  background: var(--purple);
  color: white;
  font-size: 0.6rem;
  font-weight: 800;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* MOBILE MENU BTN */
.mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  color: #111;
  padding: 6px;
}

.mobile-menu-btn svg {
  width: 24px;
  height: 24px;
}

/* =====================
   SEARCH OVERLAY & LIVE RESULTS
   ===================== */
.search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 99999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 80px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  backdrop-filter: blur(6px);
}

.search-overlay.open {
  opacity: 1;
  visibility: visible;
}

.search-container-wrap {
  width: 680px;
  max-width: 94vw;
  display: flex;
  flex-direction: column;
  gap: 12px;
  animation: slideDownSearch 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideDownSearch {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.search-box {
  background: #ffffff;
  border: 2px solid #ba39d2;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
  position: relative;
}

.search-box input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 1.1rem;
  color: #111;
}

.search-box input::placeholder {
  color: #888;
}

.search-close-btn {
  background: none;
  border: none;
  font-size: 20px;
  color: #888;
  cursor: pointer;
  padding: 4px 8px;
  transition: color 0.2s;
}

.search-close-btn:hover {
  color: #ba39d2;
}

.search-results-dropdown {
  background: #ffffff;
  border-radius: 14px;
  max-height: 480px;
  overflow-y: auto;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
  border: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
}

.search-results-header {
  padding: 14px 20px 10px;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #888;
  letter-spacing: 0.5px;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fafafa;
}

.search-results-list {
  display: flex;
  flex-direction: column;
}

.search-result-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.15s ease;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.search-result-item:hover {
  background: #fdf6ff;
}

.search-result-item:last-child {
  border-bottom: none;
}

.search-item-img {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: contain;
  background: #f9f9f9;
  border: 1px solid #eee;
  flex-shrink: 0;
}

.search-item-details {
  flex: 1;
  min-width: 0;
}

.search-item-brand {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #ba39d2;
  margin-bottom: 2px;
}

.search-item-name {
  font-size: 0.95rem;
  font-weight: 600;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-item-name mark {
  background: #ffec99;
  color: #111;
  padding: 0 2px;
  border-radius: 2px;
}

.search-item-price {
  font-size: 0.95rem;
  font-weight: 700;
  color: #111;
  flex-shrink: 0;
  margin-left: 12px;
}

.search-item-add-btn {
  background: #111;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  margin-left: 12px;
  transition: background 0.2s, transform 0.1s;
  flex-shrink: 0;
}

.search-item-add-btn:hover {
  background: #ba39d2;
  transform: scale(1.04);
}

.search-empty-state {
  padding: 36px 20px;
  text-align: center;
  color: #888;
  font-size: 0.95rem;
}

/* =====================
   MOBILE MENU
   ===================== */
.mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 350;
}

.mobile-overlay.open {
  display: block;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: -300px;
  width: 280px;
  height: 100%;
  background: #fff;
  z-index: 400;
  transition: left 0.3s ease;
  display: flex;
  flex-direction: column;
}

.mobile-menu.open {
  left: 0;
}

.mobile-menu-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px;
  border-bottom: 1px solid #eee;
}

.mobile-nav-links {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}

.mobile-nav-links a {
  padding: 14px 24px;
  color: #222;
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: none;
  transition: all 0.15s;
}

.mobile-nav-links a:hover {
  color: var(--purple);
  background: #f5f0ff;
}

/* =====================
   HERO SECTION
   ===================== */
.hero {
  position: relative;
  height: calc(100vh - var(--header-h) - var(--topbar-h));
  min-height: 520px;
  max-height: 780px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
      rgba(10, 0, 20, 0.35) 0%,
      rgba(10, 0, 20, 0.5) 50%,
      rgba(10, 0, 20, 0.7) 100%);
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 20px;
  max-width: 900px;
}

.hero-tagline {
  color: #c4a0ff;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 12px;
}

.hero-title-top {
  display: block;
  font-size: clamp(3rem, 7vw, 6.5rem);
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.02em;
  font-style: italic;
}

.hero-title-bottom {
  display: block;
  font-size: clamp(3rem, 7vw, 6.5rem);
  font-weight: 900;
  color: #c8a228;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.02em;
  font-style: italic;
  margin-bottom: 18px;
}

.hero-subtitle {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.05rem;
  font-weight: 400;
  margin-bottom: 32px;
}

.hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(80, 20, 120, 0.9);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 16px 40px;
  border-radius: 4px;
  text-decoration: none;
  transition: all var(--transition);
  border: 1px solid rgba(160, 80, 220, 0.5);
}

.hero-cta:hover {
  background: var(--purple);
  transform: translateY(-2px);
}

.hero-cta svg {
  width: 16px;
  height: 16px;
}

/* =====================
   FEATURES STRIP
   ===================== */
.features-strip {
  background: #120020;
  border-top: 1px solid #2a0040;
  border-bottom: 1px solid #2a0040;
  padding: 32px 20px;
}

.features-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.feature-icon {
  font-size: 2rem;
  color: var(--purple);
  opacity: 0.9;
  line-height: 1;
}

.feature-icon svg {
  width: 32px;
  height: 32px;
  stroke: #9b30d0;
}

.feature-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.feature-text strong {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.03em;
}

.feature-text span {
  font-size: 0.8rem;
  color: #999;
  font-weight: 400;
}

/* =====================
   POPULAR PRODUCTS
   ===================== */
.section-popular {
  background: linear-gradient(180deg, #0d0014 0%, #160025 100%);
  padding: 60px 20px 80px;
}

.section-header {
  text-align: center;
  margin-bottom: 40px;
}

.section-title {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--purple);
  margin-bottom: 8px;
}

.section-subtitle {
  font-size: 0.95rem;
  color: #aaa;
  font-weight: 400;
}

/* Brand sections */
.brand-section {
  background: linear-gradient(180deg, #100018 0%, #1a0030 50%, #100018 100%);
  padding: 50px 20px 70px;
}

.brand-section-title {
  text-align: center;
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  font-weight: 700;
  color: var(--purple);
  margin-bottom: 36px;
  letter-spacing: 0.02em;
}

/* Product Grid */
.products-grid {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* Product Card */
.product-card {
  background: linear-gradient(135deg, #2a0050 0%, #1a0035 50%, #280060 100%);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(155, 48, 208, 0.25);
}

.product-card-img {
  position: relative;
  aspect-ratio: 1 / 1.1;
  background: linear-gradient(135deg, #3d0070 0%, #1a0035 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card-img img {
  width: 80%;
  height: 85%;
  object-fit: contain;
  object-position: center;
  transition: transform 0.3s ease;
  mix-blend-mode: multiply;
}

.product-card:hover .product-card-img img {
  transform: scale(1.05);
}

.badge-new-arrival {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--purple-btn);
  color: white;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
  z-index: 10;
}

.product-card-info {
  padding: 14px 16px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-card-name {
  font-size: 0.88rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.35;
}

.product-card-price {
  font-size: 0.92rem;
  font-weight: 700;
  color: #ffffff;
}

.btn-add-cart {
  width: 100%;
  background: var(--purple-btn);
  color: white;
  border: none;
  border-radius: 50px;
  padding: 12px 20px;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: all var(--transition);
  margin-top: auto;
}

.btn-add-cart:hover {
  background: var(--purple-light);
  transform: none;
  box-shadow: 0 4px 20px rgba(155, 48, 208, 0.4);
}



.section-brands-popular {
  background: linear-gradient(180deg, #0d0014 0%, #160025 100%);
  padding: 60px 20px 80px;
}

.brands-grid {
  max-width: 1260px;
  /* 10% reduction from 1400px */
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.brand-card {
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 1 / 0.85;
  background: linear-gradient(135deg, #6a0dad 0%, #3d0070 100%);
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  transition: transform 0.25s ease;
}

.brand-card:hover {
  transform: translateY(-4px);
}

.brand-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand-card-label {
  position: relative;
  z-index: 2;
  padding: 16px 20px;
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  width: 100%;
}

/* =====================
   NEW ARRIVALS
   ===================== */
.section-new-arrivals {
  background: linear-gradient(180deg, #160025 0%, #0d0014 100%);
  padding: 60px 20px 80px;
}

/* =====================
   BRAND MARQUEE
   ===================== */
.brand-marquee-wrap {
  background: #08000e;
  padding: 14px 0;
  overflow: hidden;
  border-top: 1px solid #1a0030;
  border-bottom: 1px solid #1a0030;
}

.brand-marquee-track {
  display: flex;
  gap: 0;
  width: max-content;
  animation: marquee 30s linear infinite;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.bm-item {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9b30d0;
  white-space: nowrap;
  padding: 0 20px;
}

.bm-sep {
  color: #4a1070;
  font-size: 0.75rem;
  padding: 0 4px;
}

/* =====================
   FOOTER
   ===================== */
.site-footer {
  background: #06000e;
  border-top: 1px solid #1a0030;
  padding: 60px 20px 32px;
}

.footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr 1fr 1.8fr;
  gap: 48px;
}

.footer-brand .logo {
  font-size: 1.6rem;
  margin-bottom: 14px;
  display: inline-flex;
}

.footer-desc {
  font-size: 0.85rem;
  color: #888;
  line-height: 1.6;
  max-width: 280px;
}

.footer-col-title {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}

.footer-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-links a {
  font-size: 0.88rem;
  color: #888;
  text-decoration: none;
  transition: color 0.2s;
}

.footer-links a:hover {
  color: var(--purple-light);
}

.footer-newsletter-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.3;
}

.footer-newsletter-sub {
  font-size: 0.82rem;
  color: #888;
  margin-bottom: 16px;
}

.newsletter-form {
  display: flex;
  gap: 0;
  background: #1a0030;
  border: 1px solid #3a0060;
  border-radius: 50px;
  overflow: hidden;
  align-items: center;
  padding: 6px 6px 6px 16px;
}

.newsletter-form input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 0.85rem;
  color: #ccc;
}

.newsletter-form input::placeholder {
  color: #666;
}

.newsletter-form button {
  background: var(--purple-btn);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s;
}

.newsletter-form button:hover {
  background: var(--purple-light);
}

.newsletter-form button svg {
  width: 16px;
  height: 16px;
}

.newsletter-consent {
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.75rem;
  color: #777;
  line-height: 1.4;
}

.newsletter-consent input[type="checkbox"] {
  margin-top: 2px;
  accent-color: var(--purple);
  flex-shrink: 0;
}

.footer-bottom {
  max-width: 1400px;
  margin: 40px auto 0;
  padding-top: 24px;
  border-top: 1px solid #1a0030;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-copy {
  font-size: 0.82rem;
  color: #666;
}

.payment-methods {
  display: flex;
  gap: 8px;
  align-items: center;
}

.payment-tag {
  background: #fff;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 0.7rem;
  font-weight: 800;
  color: #111;
  letter-spacing: 0.04em;
}

/* =====================
   CART DRAWER & FLY ANIMATIONS
   ===================== */
.cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9999999 !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.cart-overlay.open {
  opacity: 1 !important;
  visibility: visible !important;
}

.cart-drawer {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 440px;
  max-width: 92vw;
  background: #120224;
  border-left: 1px solid rgba(155, 48, 208, 0.3);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 10000000 !important;
  box-shadow: -15px 0 50px rgba(0, 0, 0, 0.8), -2px 0 15px rgba(155, 48, 208, 0.2);
}

.cart-overlay.open .cart-drawer {
  transform: translateX(0) !important;
}

.cart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.cart-head h3 {
  font-size: 1.2rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  gap: 10px;
}

.close-btn {
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: #ddd;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.close-btn:hover {
  background: #e63946;
  border-color: #e63946;
  color: white;
  transform: scale(1.08);
}

.cart-shipping-bar {
  background: linear-gradient(90deg, rgba(155, 48, 208, 0.2), rgba(197, 163, 78, 0.15));
  color: #f1e4c3;
  font-size: 0.82rem;
  font-weight: 500;
  text-align: center;
  padding: 12px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.cart-items {
  flex: 1;
  overflow-y: auto;
  padding: 18px 24px;
  scrollbar-width: thin;
  scrollbar-color: rgba(155, 48, 208, 0.4) transparent;
}

.cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 70px 0;
  color: #888;
  text-align: center;
}

.cart-item {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  align-items: center;
  animation: fadeInCartItem 0.3s ease;
}

@keyframes fadeInCartItem {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cart-item-img {
  width: 72px;
  height: 82px;
  border-radius: 12px;
  object-fit: contain;
  background: #1f0538;
  border: 1px solid rgba(155, 48, 208, 0.25);
  padding: 6px;
  flex-shrink: 0;
}

.cart-item-info {
  flex: 1;
  min-width: 0;
}

.cart-item-brand {
  font-size: 0.72rem;
  font-weight: 700;
  color: #a78bfa;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.cart-item-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
  margin: 2px 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-item-price {
  font-size: 0.9rem;
  font-weight: 800;
  color: #f3b23e;
  margin-bottom: 8px;
}

.cart-qty-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.qty-btn {
  width: 28px;
  height: 28px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.qty-btn:hover {
  background: #9b30d0;
  border-color: #9b30d0;
  transform: scale(1.1);
}

.qty-val {
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  min-width: 24px;
  text-align: center;
}

.cart-item-del {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.2rem;
  cursor: pointer;
  padding: 6px;
  margin-left: auto;
  line-height: 1;
  transition: all 0.2s;
}

.cart-item-del:hover {
  color: #ff5555;
  transform: scale(1.2);
}

.cart-foot {
  padding: 22px 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.25);
}

.cart-total {
  display: flex;
  justify-content: space-between;
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
}

.btn-checkout {
  width: 100%;
  background: linear-gradient(135deg, #9b30d0 0%, #6d1b96 100%);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  padding: 16px;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 25px rgba(155, 48, 208, 0.4);
  transition: all 0.25s ease;
}

.btn-checkout:hover {
  background: linear-gradient(135deg, #ad3ae5 0%, #8222b0 100%);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(155, 48, 208, 0.6);
}

/* =====================
   FLY TO CART & BOUNCE
   ===================== */
.fly-to-cart-particle {
  position: fixed;
  z-index: 999999999 !important;
  pointer-events: none;
  will-change: transform, opacity;
}

.cart-bounce-active {
  animation: cartLogoBounce 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

@keyframes cartLogoBounce {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.4) rotate(-12deg);
  }

  50% {
    transform: scale(0.9) rotate(8deg);
  }

  75% {
    transform: scale(1.15) rotate(-4deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
  }
}

.pls-header-cart-count,
#cartCount,
.cart-count {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s ease;
}

.cart-bounce-active .pls-header-cart-count,
.cart-bounce-active #cartCount,
.cart-bounce-active .cart-count {
  transform: scale(1.4);
  background: #f3b23e !important;
  color: #111 !important;
}

/* =====================
   SCROLL TO TOP
   ===================== */
.scroll-top-btn {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 44px;
  height: 44px;
  background: var(--purple-btn);
  color: white;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 200;
  box-shadow: 0 4px 16px rgba(155, 48, 208, 0.4);
}

.scroll-top-btn.visible {
  opacity: 1;
  visibility: visible;
}

.scroll-top-btn:hover {
  background: var(--purple-light);
  transform: translateY(-2px);
}

/* =====================
   TOAST
   ===================== */
.toast-wrap {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  pointer-events: none;
}

.toast {
  background: #0f172a !important;
  border: 1.5px solid #2563eb !important;
  color: #ffffff !important;
  padding: 12px 24px;
  border-radius: 50px;
  font-size: 0.88rem;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 16px rgba(37, 99, 235, 0.25) !important;
  animation: toastIn 0.35s ease forwards;
  pointer-events: none;
}

.toast.out {
  animation: toastOut 0.35s ease forwards;
}

@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes toastOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-12px);
  }
}

/* =====================
   PRODUCTS PAGE (products.html)
   ===================== */
.products-page {
  min-height: 100vh;
}

.products-hero {
  background: #f8f8f8;
  padding: 40px 20px 32px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
}

.products-hero h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--purple);
  margin-bottom: 8px;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.85rem;
  color: #888;
}

.breadcrumb a {
  color: #555;
}

.breadcrumb span {
  color: #333;
}

.products-layout {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 40px;
  padding: 40px 20px 60px;
  background: #ffffff;
}

/* Sidebar */
.sidebar {
  color: #111;
}

.sidebar-section {
  margin-bottom: 28px;
}

.sidebar-title {
  font-size: 1rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar-title svg {
  width: 18px;
  height: 18px;
  color: #666;
  cursor: pointer;
}

.sidebar-filter-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sidebar-filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-filter-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 6px;
  font-size: 0.88rem;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: none;
  position: relative;
}

.sidebar-filter-list li:hover {
  color: var(--purple);
  background-color: #fafafa;
}

.sidebar-filter-list li.active {
  color: var(--purple);
  font-weight: 700;
}

.filter-item-left {
  display: flex;
  align-items: center;
  flex: 1;
}

.filter-item-right {
  display: flex;
  align-items: center;
  gap: 6px;
}

.filter-count {
  font-size: 0.82rem;
  color: #888;
  display: inline-block;
}


.filter-expand-btn {
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  color: #444;
  font-size: 0.85rem;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: all 0.25s ease;
  line-height: 1;
  font-weight: bold;
}

.filter-expand-btn:hover {
  background: var(--purple);
  color: #fff;
  border-color: var(--purple);
}

.filter-expand-btn.open {
  transform: rotate(180deg);
  background: #333;
  color: #fff;
  border-color: #333;
}




.sub-filter-list {
  list-style: none;
  padding: 4px 0 6px 16px;
  margin: 0;
  display: none;
  background: #fafafa;
  border-left: 2px solid var(--purple, #7c3aed);
}

.sub-filter-list.show {
  display: block;
}

.sub-filter-list li {
  padding: 6px 8px;
  font-size: 0.82rem;
  color: #666;
  border-bottom: 1px dashed #eee;
  cursor: pointer;
}

.sub-filter-list li:last-child {
  border-bottom: none;
}

.sub-filter-list li:hover {
  color: var(--purple, #7c3aed);
  font-weight: 600;
}

/* Products Main */
.products-main {
  background: #fff;
}

.products-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 16px;
}

.view-toggle {
  display: flex;
  gap: 4px;
  background: #f0f0f0;
  border-radius: 8px;
  padding: 4px;
}

.view-btn {
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  transition: all 0.2s;
}

.view-btn.active {
  background: #111;
  color: #fff;
}

.products-count {
  font-size: 0.85rem;
  color: #666;
  flex: 1;
  padding: 0 12px;
}

.sort-select {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: #555;
}

.sort-select select {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 14px;
  font-family: inherit;
  font-size: 0.85rem;
  color: #333;
  background: #fff;
  cursor: pointer;
  outline: none;
}

.products-grid-page {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.product-card-page {
  background: linear-gradient(135deg, #2a0050 0%, #1a0035 50%, #280060 100%);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.25s ease;
  cursor: pointer;
  position: relative;
}

.product-card-page:hover {
  transform: translateY(-4px);
}

.product-card-page .product-card-img {
  aspect-ratio: 1 / 1.1;
}

.product-card-page .product-card-info {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* =====================
   RESPONSIVE
   ===================== */
@media (max-width: 1100px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .brands-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .products-grid-page {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .brands-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .main-nav {
    display: none;
  }

  .mobile-menu-btn {
    display: flex;
  }

  .footer-inner {
    grid-template-columns: 1fr;
  }

  .hero-title-top,
  .hero-title-bottom {
    font-size: clamp(2.2rem, 10vw, 4rem);
  }

  .features-inner {
    gap: 30px;
  }

  .products-layout {
    grid-template-columns: 1fr;
  }

  .sidebar {
    display: none;
  }

  .header-inner {
    padding: 0 16px;
    gap: 16px;
  }

  .products-grid-page {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .products-grid {
    grid-template-columns: 1fr;
  }

  .products-grid-page {
    grid-template-columns: 1fr;
  }
}

/* Force Brand Carousel Logos to Show Instantly without Spinner */
.swiper-slide-image {
  opacity: 1 !important;
  visibility: visible !important;
}

.swiper-lazy-preloader {
  display: none !important;
}

.elementor-image-carousel .swiper-slide-inner img {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 80px;
  object-fit: contain;
}

/* ==========================================================
   Continuous Fullscreen Sliding Animation for 3 Brand Logos
   ========================================================== */
.elementor-element-9f6a8b6,
.bars-logo-slider {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

.bars-logo-slider .elementor-image-carousel-wrapper {
  overflow: hidden !important;
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 22px 0 !important;
  box-sizing: border-box !important;
}

.bars-logo-slider .elementor-image-carousel.swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 200vw !important;
  animation: smoothLogoMarquee 7s linear infinite !important;
  animation-play-state: running !important;
  will-change: transform !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bars-logo-slider:hover .elementor-image-carousel.swiper-wrapper,
.bars-logo-slider .elementor-image-carousel.swiper-wrapper:hover,
.bars-logo-slider .swiper-slide:hover,
.bars-logo-slider .bars-logo-link:hover {
  animation-play-state: running !important;
}

@keyframes smoothLogoMarquee {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.bars-logo-slider .swiper-slide {
  width: 33.333333vw !important;
  min-width: 33.333333vw !important;
  max-width: 33.333333vw !important;
  flex: 0 0 33.333333vw !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 40px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.bars-logo-slider .swiper-slide-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.bars-logo-slider .swiper-slide img {
  max-height: 60px !important;
  width: auto !important;
  max-width: 240px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.06));
  transition: transform 0.25s ease;
}

.bars-logo-slider .swiper-slide img:hover {
  transform: scale(1.08);
}

@media (max-width: 768px) {
  .bars-logo-slider .elementor-image-carousel.swiper-wrapper {
    width: 300vw !important;
    animation-duration: 5.5s !important;
  }

  .bars-logo-slider .swiper-slide {
    width: 50vw !important;
    min-width: 50vw !important;
    max-width: 50vw !important;
    flex: 0 0 50vw !important;
    padding: 0 20px !important;
  }

  .bars-logo-slider .swiper-slide img {
    max-height: 46px !important;
    max-width: 160px !important;
  }
}


/* Fix Mest populære mærker 2-line stacked heading layout */
#brands-sec .pls-heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 24px !important;
}

#brands-sec .heading-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}

#brands-sec .heading-title {
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
}

#brands-sec .heading-tagline {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 8px !important;
  color: #696c70 !important;
  font-size: 15px !important;
}



/* ==========================================================
   Elementor Page 105 - About DampAmok Clean Alignment & Layout
   ========================================================== */
.elementor-105 {
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 20px 15px 60px 15px !important;
  box-sizing: border-box !important;
}

.elementor-105 .elementor-element-6b02a320 {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto 40px auto !important;
}

.elementor-105 .elementor-widget-text-editor {
  font-family: var(--pls-primary-font, 'Instrument Sans', sans-serif) !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: #4a4a4a !important;
}

.elementor-105 .elementor-widget-text-editor h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1f1f1f !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.2px !important;
}

.elementor-105 .elementor-widget-text-editor h2:first-child {
  margin-top: 0 !important;
}

.elementor-105 .elementor-widget-text-editor ul {
  margin: 12px 0 20px 24px !important;
  padding: 0 !important;
}

.elementor-105 .elementor-widget-text-editor ul li {
  margin-bottom: 8px !important;
  line-height: 1.7 !important;
}

/* 3-Image Showcase Container */
.elementor-105 .elementor-element-53de1e56 {
  width: 100% !important;
  margin: 40px 0 60px 0 !important;
}

.elementor-105 .elementor-element-53de1e56 .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 24px !important;
  width: 100% !important;
}

.elementor-105 .elementor-element-4de997a3,
.elementor-105 .elementor-element-6bb449ef,
.elementor-105 .elementor-element-216bb57b {
  flex: 1 1 0 !important;
  width: calc(33.333% - 16px) !important;
  max-width: calc(33.333% - 16px) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fdfdfd !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementor-105 .elementor-element-4de997a3:hover,
.elementor-105 .elementor-element-6bb449ef:hover,
.elementor-105 .elementor-element-216bb57b:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1) !important;
}

.elementor-105 .elementor-element-53de1e56 img {
  width: 100% !important;
  height: 340px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 16px !important;
}

/* Page Title & Breadcrumb Header */
.pls-page-title {
  background: #f8f6f2 !important;
  padding: 35px 0 30px 0 !important;
  text-align: center !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #ebe7df !important;
}

.pls-page-title .title {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #1f1f1f !important;
  margin: 0 0 10px 0 !important;
}

.pls-breadcrumb {
  font-size: 14px !important;
  color: #777 !important;
}

.pls-breadcrumb a {
  color: #1f1f1f !important;
  text-decoration: none !important;
}

.pls-breadcrumb a:hover {
  color: #2563eb !important;
}

.pls-delimiter-sep {
  margin: 0 8px !important;
  color: #aaa !important;
}

@media (max-width: 768px) {
  .elementor-105 .elementor-element-53de1e56 .e-con-inner {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .elementor-105 .elementor-element-4de997a3,
  .elementor-105 .elementor-element-6bb449ef,
  .elementor-105 .elementor-element-216bb57b {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-105 .elementor-element-53de1e56 img {
    height: 260px !important;
  }
}


/* Hide any lower duplicate logo slider or hidden duplicate containers */
.elementor-element-5be78c78,
.elementor-element-57193cf,
.elementor-element-675507f4 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}


/* ==========================================================
   ENLARGED PAGE TITLE & BREADCRUMB HERO BANNERS (All Pages)
   ========================================================== */
.products-hero,
#page-title,
.pls-page-title,
.page-title {
  background: #f8f6f2 !important;
  padding: 70px 20px 60px !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  border-bottom: 1px solid #ebe7df !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.products-hero h1,
#page-title .title,
.pls-page-title .title,
.pls-page-title h1,
#page-title h1,
.entry-header .title {
  font-size: 46px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #1f1f1f !important;
  margin: 0 0 14px 0 !important;
  letter-spacing: -0.5px !important;
  text-transform: capitalize !important;
}

.breadcrumb,
.pls-breadcrumb,
#page-title .entry-breadcrumb,
.entry-breadcrumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 16px !important;
  color: #696c70 !important;
  margin-top: 10px !important;
}

.breadcrumb a,
.pls-breadcrumb a,
.entry-breadcrumb a {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #2c2b2c !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.breadcrumb a:hover,
.pls-breadcrumb a:hover,
.entry-breadcrumb a:hover {
  color: #2563eb !important;
}

.breadcrumb span,
.pls-breadcrumb span,
.entry-breadcrumb span.last {
  font-size: 16px !important;
  color: #888888 !important;
  font-weight: 400 !important;
}

.pls-delimiter-sep,
.breadcrumb svg {
  margin: 0 8px !important;
  color: #aaa !important;
  font-size: 14px !important;
}

@media (max-width: 768px) {

  .products-hero,
  #page-title,
  .pls-page-title,
  .page-title {
    padding: 50px 15px 42px !important;
    margin-bottom: 25px !important;
  }

  .products-hero h1,
  #page-title .title,
  .pls-page-title .title,
  .pls-page-title h1,
  #page-title h1,
  .entry-header .title {
    font-size: 34px !important;
  }

  .breadcrumb,
  .pls-breadcrumb,
  #page-title .entry-breadcrumb,
  .entry-breadcrumb {
    font-size: 14px !important;
  }

  .breadcrumb a,
  .pls-breadcrumb a,
  .entry-breadcrumb a,
  .breadcrumb span,
  .pls-breadcrumb span,
  .entry-breadcrumb span.last {
    font-size: 14px !important;
  }
}


/* ==========================================================
   COMPACT CART DRAWER (Tightened Item & Coupon Spacing)
   ========================================================== */
.pls-minicart-slide .woocommerce-mini-cart {
  margin-top: 0 !important;
  padding-top: 4px !important;
}

.pls-minicart-slide .woocommerce-mini-cart-item {
  padding: 8px 0 !important;
  margin: 0 !important;
}

.pls-minicart-action-block.pls-minicart-coupon,
.pls-minicart-slide .coupon-bar {
  margin: 8px 0 10px !important;
  padding: 8px 24px !important;
}

.pls-minicart-slide .woocommerce-mini-cart__total,
.pls-minicart-slide .pls-minicart-bottom {
  padding-top: 8px !important;
  margin-top: 0 !important;
}


/* ==========================================================
   STRICT NO-GAP CART DRAWER (Cover all empty dead spaces)
   ========================================================== */
.pls-minicart-slide .widget_shopping_cart_content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pls-minicart-slide .widget_shopping_cart {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pls-minicart-slide .pls-minicart-items {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 100% !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pls-minicart-slide .woocommerce-mini-cart {
  flex: 0 0 auto !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 0 24px !important;
}

.pls-minicart-slide .woocommerce-mini-cart-item,
.pls-minicart-slide .mini_cart_item {
  padding: 8px 0 !important;
  margin: 0 !important;
  border: none !important;
}

.pls-minicart-slide .pls-minicart-action-block,
.pls-minicart-slide .pls-minicart-cross-sells {
  display: none !important;
}


/* ==========================================================
   PERFECT CENTERING & ALIGNMENT FOR MOST POPULAR BRANDS BOXES
   ========================================================== */
#brands-sec {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 40px 0 !important;
}

#brands-sec .e-con-inner {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#brands-sec .products.swiper-wrapper,
.bars-cat .products.swiper-wrapper {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: stretch !important;
  transform: none !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  gap: 28px !important;
}

#brands-sec .product-category,
#brands-sec .product-category.swiper-slide,
.bars-cat .product-category {
  width: calc(33.333% - 19px) !important;
  max-width: 410px !important;
  min-width: 290px !important;
  flex: 0 0 calc(33.333% - 19px) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#brands-sec .pls-category-inner,
.bars-cat .product-category .pls-category-inner {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  display: block !important;
}

#brands-sec .pls-category-inner a,
.bars-cat .product-category .pls-category-inner a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

#brands-sec .pls-category-inner:hover,
.bars-cat .product-category .pls-category-inner:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14) !important;
}

#brands-sec .pls-category-image,
.bars-cat .pls-category-image {
  width: 100% !important;
  height: 480px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

#brands-sec .pls-category-image img,
.bars-cat .pls-category-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  transition: transform 0.4s ease !important;
}

#brands-sec .pls-category-inner:hover .pls-category-image img,
.bars-cat .pls-category-inner:hover .pls-category-image img {
  transform: scale(1.05) !important;
}

/* Centered Floating Pill Badge Inside Box */
#brands-sec .pls-category-content,
.bars-cat .pls-category-content {
  position: absolute !important;
  bottom: 24px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: none !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#brands-sec .woocommerce-loop-category__title,
.bars-cat .woocommerce-loop-category__title {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: #ffffff !important;
  color: #111111 !important;
  padding: 12px 28px !important;
  min-width: 160px !important;
  max-width: 85% !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  margin: 0 auto !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
  pointer-events: auto !important;
}

#brands-sec .pls-category-inner:hover .woocommerce-loop-category__title,
.bars-cat .pls-category-inner:hover .woocommerce-loop-category__title {
  background: #111111 !important;
  color: #ffffff !important;
}

#brands-sec .product-count,
.bars-cat .product-count {
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #696c70 !important;
  margin-bottom: 2px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: color 0.3s ease !important;
}

#brands-sec .pls-category-inner:hover .product-count,
.bars-cat .pls-category-inner:hover .product-count {
  color: #cccccc !important;
}

@media (max-width: 991px) {
  #brands-sec .products.swiper-wrapper {
    gap: 16px !important;
  }

  #brands-sec .product-category,
  #brands-sec .product-category.swiper-slide,
  .bars-cat .product-category {
    width: calc(33.333% - 11px) !important;
    min-width: 200px !important;
  }

  #brands-sec .pls-category-image,
  .bars-cat .pls-category-image {
    height: 380px !important;
  }
}

@media (max-width: 768px) {
  #brands-sec .products.swiper-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }

  #brands-sec .product-category,
  #brands-sec .product-category.swiper-slide,
  .bars-cat .product-category {
    width: 100% !important;
    max-width: 360px !important;
    min-width: unset !important;
    flex: 0 0 auto !important;
  }

  #brands-sec .pls-category-image,
  .bars-cat .pls-category-image {
    height: 420px !important;
  }
}


/* Strictly hide product counts in Mest populære mærker */
#brands-sec .product-count,
.bars-cat .product-count,
.product-category .product-count {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
}

#brands-sec .woocommerce-loop-category__title,
.bars-cat .woocommerce-loop-category__title {
  display: inline-block !important;
  padding: 12px 32px !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  line-height: 1 !important;
}


/* ==========================================================
   ULTRA-CLEAN PREMIUM FOOTER ALIGNMENT & POLISH
   ========================================================== */
.pls-site-footer,
footer#footer,
.site-footer {
  background: #0d0818 !important;
  color: #a1a1aa !important;
  width: 100% !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-sizing: border-box !important;
}

.pls-site-footer .elementor-element-75a896e4 {
  padding: 65px 0 45px !important;
  width: 100% !important;
}

.pls-site-footer .elementor-element-75a896e4 .e-con-inner {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 40px !important;
  box-sizing: border-box !important;
}

/* Col 1: Brand */
.pls-site-footer .elementor-element-4ea8d7c {
  flex: 1.4 1 0% !important;
  max-width: 310px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.pls-site-footer .elementor-element-7cb3d782 img {
  max-width: 175px !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 4px !important;
}

.pls-site-footer .elementor-element-3f85eaf9 p {
  color: #94949e !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* Col 2, 3, 4: Navigation columns */
.pls-site-footer .elementor-element-756ebd01,
.pls-site-footer .elementor-element-16aff36e,
.pls-site-footer .elementor-element-1d30ebfb {
  flex: 1 1 0% !important;
  min-width: 130px !important;
  display: flex !important;
  flex-direction: column !important;
}

.pls-site-footer .elementor-heading-title {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

.pls-site-footer .elementor-icon-list-items {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.pls-site-footer .elementor-icon-list-item a,
.pls-site-footer .elementor-icon-list-text {
  color: #94949e !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  line-height: 1.4 !important;
}

.pls-site-footer .elementor-icon-list-item a:hover,
.pls-site-footer .elementor-icon-list-item a:hover .elementor-icon-list-text,
.footer-links a:hover {
  color: #2563eb !important;
}

/* Col 5: Newsletter */
.pls-site-footer .elementor-element-3841f9ec {
  flex: 1.6 1 0% !important;
  max-width: 360px !important;
  min-width: 280px !important;
  display: flex !important;
  flex-direction: column !important;
}

.pls-site-footer .elementor-element-6d8f96e7 p {
  color: #94949e !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
}

.pls-site-footer .ne-field {
  display: flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  padding: 4px 6px 4px 18px !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

.pls-site-footer .ne-field:focus-within {
  border-color: #ba39d2 !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.pls-site-footer .ne-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-top: 12px !important;
  font-size: 13px !important;
  color: #94949e !important;
}

.pls-site-footer .ne-consent span {
  color: #94949e !important;
}

/* Bottom Bar */
.pls-site-footer .elementor-element-858bdbd {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 22px 0 !important;
  width: 100% !important;
}

.pls-site-footer .elementor-element-858bdbd .e-con-inner {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

.pls-site-footer .elementor-element-1ec34caf p {
  color: #71717a !important;
  font-size: 13px !important;
  margin: 0 !important;
}

.pls-site-footer .elementor-element-79ecf7e8 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}

.pls-site-footer .elementor-element-79ecf7e8 img {
  height: 24px !important;
  width: auto !important;
  opacity: 0.85 !important;
  transition: opacity 0.2s ease !important;
}

.pls-site-footer .elementor-element-79ecf7e8 img:hover {
  opacity: 1 !important;
}

/* Standalone Modern Footer (products.html, cart.html) */
.site-footer .footer-inner {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 40px !important;
}

.site-footer .footer-brand {
  max-width: 310px !important;
}

.site-footer .footer-bottom {
  max-width: 1320px !important;
  margin: 40px auto 0 !important;
  padding: 22px 24px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Responsive Footer */
@media (max-width: 1024px) {

  .pls-site-footer .elementor-element-75a896e4 .e-con-inner,
  .site-footer .footer-inner {
    flex-wrap: wrap !important;
    gap: 32px !important;
  }

  .pls-site-footer .elementor-element-4ea8d7c,
  .pls-site-footer .elementor-element-3841f9ec,
  .site-footer .footer-brand,
  .site-footer .footer-col:last-child {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {

  .pls-site-footer .elementor-element-75a896e4 .e-con-inner,
  .site-footer .footer-inner {
    flex-direction: column !important;
    gap: 28px !important;
  }

  .pls-site-footer .elementor-element-858bdbd .e-con-inner,
  .site-footer .footer-bottom {
    flex-direction: column !important;
    gap: 16px !important;
    text-align: center !important;
  }
}






























/* products.html: When subcategory open, remove total count */
#brandFilter li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 4px;
}

#brandFilter li .filter-item-left {
  font-size: 0.95rem;
  color: #222;
  margin-right: 6px;
  flex: none;
}

#brandFilter li .filter-count {
  font-size: 0.92rem;
  color: #666;
  margin-right: auto;
  margin-left: 0;
  display: inline-block;
  transition: all 0.2s ease;
}

.filter-expand-btn {
  background: transparent;
  border: none;
  color: #444;
  font-size: 1.05rem;
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transition: transform 0.25s ease, color 0.2s ease;
  line-height: 1;
  margin-left: auto;
}

.filter-expand-btn:hover {
  color: #7c3aed;
}

.filter-expand-btn.open {
  transform: rotate(180deg);
  color: #7c3aed;
}

/* WHEN SUBCATEGORY IS OPEN: REMOVE TOTAL COUNT */
#brandFilter li.open .filter-count,
#brandFilter li.sub-opened .filter-count {
  display: none !important;
}

.sub-filter-list {
  list-style: none;
  padding: 4px 0 6px 20px;
  margin: 0;
  display: none;
  background: transparent;
  border: none;
}

.sub-filter-list.show {
  display: block !important;
}

.sub-filter-list li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 8px;
  font-size: 0.92rem;
  color: #555;
  gap: 6px;
}

.sub-filter-list li:hover {
  color: #7c3aed;
}

.sub-filter-list li .filter-count {
  font-size: 0.88rem;
  color: #888;
}


/* ENFORCE 2-LINE FULL NAME DISPLAY FOR ALL PRODUCTS */
.pls-product-info .product-title,
.pls-product-info .product-title a,
.products.grid-view .product-title,
.products.grid-view .product-title a,
.woocommerce ul.products li.product .product-title,
.woocommerce ul.products li.product .product-title a,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product h3 a,
.product-card-name {
  white-space: normal !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
  height: 2.7em !important;
  min-height: 2.7em !important;
  max-height: 2.7em !important;
  word-break: break-word !important;
  margin-bottom: 6px !important;
}


/* ANIMATED INFOBOX ICONS & SLIDER MOVEMENT */
.pls-info-box-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  animation: floatInfoIcon 2.8s ease-in-out infinite alternate !important;
}

.pls-info-box:nth-child(2n) .pls-info-box-icon {
  animation-delay: 0.6s !important;
}

.pls-info-box:nth-child(3n) .pls-info-box-icon {
  animation-delay: 1.2s !important;
}

.pls-info-box:nth-child(4n) .pls-info-box-icon {
  animation-delay: 1.8s !important;
}

@keyframes floatInfoIcon {
  0% {
    transform: translateY(0px) scale(1);
  }

  50% {
    transform: translateY(-8px) scale(1.08);
  }

  100% {
    transform: translateY(0px) scale(1);
  }
}

.pls-info-box:hover .pls-info-box-icon {
  transform: scale(1.25) rotate(6deg) !important;
  color: #1d4ed8 !important;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.pls-info-box-icon svg,
.pls-info-box-icon i {
  transition: transform 0.3s ease, color 0.3s ease;
}


/* CENTERED CONTACT BOXES */
.contact-side-by-side-grid {
  max-width: 1140px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.contact-side-by-side-grid>div {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* SALE Section Styles */
#section-71715 {
  position: relative !important;
  overflow: visible !important;
}

.sale-slider-arrow {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 25;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  outline: none;
  padding: 0;
  font-size: 14px;
}

.sale-slider-arrow:hover {
  background: #ba39d2;
  color: #ffffff;
  border-color: #ba39d2;
  box-shadow: 0 6px 18px rgba(186, 57, 210, 0.35);
}

.sale-slider-prev {
  left: -15px;
}

.sale-slider-next {
  right: -15px;
}

@media (max-width: 768px) {
  .sale-slider-prev {
    left: 2px;
  }

  .sale-slider-next {
    right: 2px;
  }
}

.pls-product-price del,
.price del {
  color: #888888 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  margin-right: 6px !important;
  opacity: 0.75;
}

.pls-product-price ins,
.price ins {
  text-decoration: none !important;
  font-weight: 700 !important;
  color: #ba39d2 !important;
}

.pls-product-labels .onsale,
.pls-product-labels span.onsale,
.pls-product-image .onsale {
  background: #e63946 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 10.5px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  letter-spacing: 0.2px !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 6px rgba(230, 57, 70, 0.35) !important;
  line-height: 1.25 !important;
}


/* ==========================================================
   HOMEPAGE PURPLE FADE BACKGROUND & TYPOGRAPHY RESTORE
   ========================================================== */
/* Hero Headline: DANMARKS BEDSTE OG BILLIGSTE BARS - Professional & Attractive Typography */
.elementor-67 .elementor-element.elementor-element-3a4e4d20 {
  margin: 12px auto 20px auto !important;
  text-align: center !important;
}

.elementor-67 .elementor-element.elementor-element-3a4e4d20 p {
  font-family: "Instrument Sans", sans-serif !important;
  font-size: clamp(42px, 5.8vw, 72px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  margin: 0 0 6px 0 !important;
  text-transform: uppercase !important;
  display: block !important;
  color: #ffffff !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
}

.elementor-67 .elementor-element.elementor-element-3a4e4d20 p span,
.elementor-67 .elementor-element.elementor-element-3a4e4d20 .gold-gradient-text {
  background: linear-gradient(135deg, #FFF0C7 0%, #FFD466 35%, #E5A413 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #ffd466 !important;
  filter: drop-shadow(0 3px 12px rgba(0, 0, 0, 0.5)) !important;
  display: inline-block !important;
}

.elementor-67 .elementor-element.elementor-element-3a4e4d20 p span.white-text,
.elementor-67 .elementor-element.elementor-element-3a4e4d20 span.white-text {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
  filter: none !important;
}

/* ==========================================================
   HOMEPAGE SUBTLE BLUE AND BLACK FADE FLOW (HOMEPAGE ONLY)
   Neat, professional deep black with soft sapphire/midnight glow
   ========================================================== */
body.home .elementor-67 {
  --e-global-color-697902a: #071638 !important;
  --e-global-color-4d00032: #040b1a !important;
  background: linear-gradient(180deg, #000000 0%, #040b1a 12%, #071638 30%, #040b1a 50%, #071638 72%, #040b1a 88%, #000000 100%) !important;
}

body.home #main-content,
body.home .pls-site-content,
body.home .entry-content {
  background: #000000 !important;
}

/* Container 2: HOMEPAGE HERO FIRST PAGE (6272ce62) */
.elementor-67 .elementor-element.elementor-element-6272ce62,
.elementor-67 .elementor-element.elementor-element-6272ce62:not(.elementor-motion-effects-element-type-background),
.elementor-67 .elementor-element.elementor-element-6272ce62>.elementor-motion-effects-container>.elementor-motion-effects-layer,
body.home .elementor-67 .elementor-element.elementor-element-6272ce62 {
  background: #000000 url("../uploads/2026/08/homepage-bg.png") center center / cover no-repeat !important;
  background-image: url("../uploads/2026/08/homepage-bg.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Container 3: 3 Brand Logos Slider below Homepage Hero Background (Subtle Blue & Black Fade) */
.elementor-element-9f6a8b6,
.bars-logo-slider,
body.home .elementor-67 .elementor-element-9f6a8b6,
body.home .elementor-67 .elementor-element.elementor-element-9f6a8b6:not(.elementor-motion-effects-element-type-background) {
  background: linear-gradient(90deg, #000000 0%, #030918 15%, #07193f 32%, #0d2865 50%, #07193f 68%, #030918 85%, #000000 100%) !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(59, 130, 246, 0.12) !important;
  border-bottom: 1px solid rgba(59, 130, 246, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 0 12px rgba(13, 40, 101, 0.15) !important;
}

/* Container 4: SALE – SPAR TO 10% (6dc86d4a / #most_poupolar_sec) (Subtle Blue & Black Fade) */
.elementor-element-6dc86d4a,
#most_poupolar_sec,
body.home .elementor-67 .elementor-element-6dc86d4a,
body.home .elementor-67 .elementor-element.elementor-element-6dc86d4a:not(.elementor-motion-effects-element-type-background) {
  background: linear-gradient(90deg, #000000 0%, #030918 15%, #07193f 32%, #0d2865 50%, #07193f 68%, #030918 85%, #000000 100%) !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(59, 130, 246, 0.12) !important;
  border-bottom: 1px solid rgba(59, 130, 246, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 0 12px rgba(13, 40, 101, 0.15) !important;
}

/* Make all other homepage sub-containers (from Why Us Container 5 down to FAQ Container 13) blend seamlessly */
body.home .elementor-67 .elementor-element-e6c69e1,
body.home .elementor-67 .elementor-element-3e6f356b,
body.home .elementor-67 .elementor-element-4e5facf5,
body.home #nyheder_section,
body.home div[data-id="nyheder-sec"],
body.home div[data-id="37a7a0cf"],
body.home .elementor-element-37a7a0cf,
body.home .elementor-element-3f6c550,
body.home .elementor-element-362cb3c,
body.home .elementor-element-799905a6,
body.home .elementor-element-e9f0bca,
body.home .elementor-element-53cf384e {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Container 14 & Entire Footer Section (75a896e4, pls-site-footer, pls-block-6009) */
body.home .elementor-67 .elementor-element.elementor-element-75a896e4:not(.elementor-motion-effects-element-type-background),
body.home .elementor-6009,
body.home .pls-block-6009,
body.home .pls-site-footer,
body.home .pls-site-footer .pls-footer-main,
body.home .pls-site-footer .pls-footer-categories,
body.home footer#footer {
  background: #000000 !important;
  background-color: #000000 !important;
  border: none !important;
}

body.home .pls-site-footer .pls-footer-copyright {
  background: #000000 !important;
  background-color: #000000 !important;
  border-top: none !important;
}

/* FAQ homepage sentence-case text only */
body.home #faq_section .pls-accordion .card-header .card-link,
body.home #faq_section .pls-accordion .card-body,
body.home #faq_section .pls-accordion .card-body p {
  text-transform: none !important;
}

/* FAQ Accordion Item Styling on Homepage (Subtle Blue & Dark Navy) */
body.home .pls-accordion .pls-accordion-item {
  background: rgba(4, 11, 28, 0.75) !important;
  border: 1.5px solid rgba(59, 130, 246, 0.38) !important;
  border-radius: 12px !important;
  margin-bottom: 12px !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 10px rgba(37, 99, 235, 0.1) !important;
}

body.home .pls-accordion .card-header .card-link {
  color: #ffffff !important;
}

body.home .pls-accordion .card-body p {
  color: #dbeafe !important;
}

/* ==========================================================
   ALL OTHER PAGES (BRANDS, ABOUT DAMPAKOM, CONTACT US, SHOP)
   PURE WHITE BACKGROUND
   ========================================================== */
body:not(.home),
body:not(.home) #page,
body:not(.home) #main-content,
body:not(.home) .pls-site-content,
body:not(.home) .pls-site-container,
body:not(.home) .entry-content,
body:not(.home) #primary,
body:not(.home) .pls-content-area,
body:not(.home) .site-main,
body:not(.home) .page,
body:not(.home) .hentry,
body:not(.home) .woocommerce,
body:not(.home) .pls-catalog-page,
body:not(.home) .shop-page-wrapper {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111111 !important;
}

body:not(.home) .pls-catalog-page .pls-page-title {
  background-color: #f9f9f9 !important;
}

body:not(.home) .woocommerce-Price-amount {
  color: #111111 !important;
}

/* Center Navigation Menu (Brands, About DampAmok, Contact Us) */
.pls-header-desktop {
  display: none !important;
}

@media (min-width: 992px) {
  .pls-header-desktop {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .pls-header-desktop .pls-header-col-left {
    flex: 1 1 0% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-left: 55px !important;
  }

  .pls-header-desktop .pls-header-col-center {
    flex: 2 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .pls-header-desktop .pls-header-col-center .pls-main-navigation,
  .pls-header-desktop .pls-header-col-center .pls-navigation {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .pls-header-desktop .pls-header-col-center .pls-main-navigation ul#menu-primary-menu,
  .pls-header-desktop .pls-header-col-center .pls-main-navigation ul.menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 28px !important;
  }

  .pls-header-desktop .pls-header-col-right {
    flex: 1 1 0% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
  }
}

/* ==========================================================
   NAVBAR LINKS: SOLID BLACK (Default, Hover, Active, Current)
   ========================================================== */
.pls-main-navigation ul.menu>li>a,
.pls-main-navigation ul.menu>li>a:visited,
.pls-main-navigation ul.menu>li>a:hover,
.pls-main-navigation ul.menu>li>a:focus,
.pls-main-navigation ul.menu>li>a:active,
.pls-main-navigation ul.menu>li.current-menu-item>a,
.pls-main-navigation ul.menu>li.current-menu-ancestor>a,
.pls-main-navigation ul.menu>li.current_page_item>a,
.pls-main-navigation .pls-menu-text,
.pls-main-navigation a .pls-menu-text,
.pls-main-navigation a:hover .pls-menu-text,
.pls-header-desktop .pls-main-navigation a,
.pls-header-desktop .pls-main-navigation a:hover,
.pls-header-desktop .pls-main-navigation a:focus,
.pls-header-desktop .pls-main-navigation a:active,
.pls-header-desktop .pls-main-navigation a .pls-menu-text,
.pls-header-desktop .pls-main-navigation a:hover .pls-menu-text,
.pls-header-desktop .pls-main-navigation .current-menu-item>a,
.pls-header-desktop .pls-main-navigation .current-menu-item>a .pls-menu-text,
.pls-navigation ul.menu>li>a,
.pls-navigation ul.menu>li>a:hover,
.pls-navigation ul.menu>li.current-menu-item>a,
.pls-navigation ul.menu>li.current-menu-item>a .pls-menu-text,
.pls-header-main .pls-main-navigation ul.menu>li>a,
.pls-header-main .pls-main-navigation ul.menu>li:hover>a,
.pls-header-main .pls-main-navigation ul.menu>li.current-menu-item>a,
.pls-header-main .pls-main-navigation ul.menu>li.current-menu-item>a .pls-menu-text,
.pls-header-navigation .pls-main-navigation ul.menu>li>a,
.pls-header-navigation .pls-main-navigation ul.menu>li:hover>a,
.pls-header-navigation .pls-main-navigation ul.menu>li.current-menu-item>a,
.pls-site-header .nav-link,
.pls-site-header .nav-link:hover,
.pls-site-header .nav-link:visited,
.pls-site-header .nav-link:active,
.pls-site-header .nav-link:focus,
.pls-site-header .pls-menu-text,
.mobile-main-menu li .nav-link,
.mobile-main-menu li .nav-link:hover,
.mobile-main-menu li .nav-link:visited,
.mobile-main-menu li.current-menu-item .nav-link,
.pls-site-header ul.sub-menu>li>a,
.pls-site-header ul.sub-menu>li>a:hover {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

.pls-main-navigation ul.menu>li>a .pls-menu-text:after,
.pls-header-desktop .pls-main-navigation ul.menu>li>a .pls-menu-text:after {
  border-bottom-color: #000000 !important;
}

/* ==========================================================
   NESTED MULTI-LEVEL NAVBAR SUB-MENUS & BRAND HOVER FLYOUTS
   ========================================================== */
.pls-navigation ul.menu ul.sub-menu,
.pls-main-navigation ul.menu ul.sub-menu,
.pls-header-desktop ul.menu ul.sub-menu,
#menu-primary-menu ul.sub-menu {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #e5e7eb !important;
  padding: 8px 0 !important;
  min-width: 220px !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pls-navigation ul.menu ul.sub-menu li,
.pls-main-navigation ul.menu ul.sub-menu li,
#menu-primary-menu ul.sub-menu li {
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
}

.pls-navigation ul.menu ul.sub-menu li a,
.pls-main-navigation ul.menu ul.sub-menu li a,
#menu-primary-menu ul.sub-menu li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 18px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.pls-navigation ul.menu ul.sub-menu li:hover>a,
.pls-main-navigation ul.menu ul.sub-menu li:hover>a,
#menu-primary-menu ul.sub-menu li:hover>a {
  background-color: #f9fafb !important;
  color: #ba39d2 !important;
  -webkit-text-fill-color: #ba39d2 !important;
  padding-left: 22px !important;
}

/* Arrow indicator on parent items inside dropdown */
.pls-navigation ul.menu ul.sub-menu li.menu-item-has-children>a:after,
.pls-main-navigation ul.menu ul.sub-menu li.menu-item-has-children>a:after,
#menu-primary-menu ul.sub-menu li.menu-item-has-children>a:after {
  content: '›' !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-left: 12px !important;
  color: #888888 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.pls-navigation ul.menu ul.sub-menu li.menu-item-has-children:hover>a:after,
.pls-main-navigation ul.menu ul.sub-menu li.menu-item-has-children:hover>a:after,
#menu-primary-menu ul.sub-menu li.menu-item-has-children:hover>a:after {
  color: #ba39d2 !important;
  transform: translateX(3px) !important;
}

/* Nested 2nd-level sub-menu (Flyout on brand hover) */
.pls-navigation ul.menu ul.sub-menu li>ul.sub-menu,
.pls-main-navigation ul.menu ul.sub-menu li>ul.sub-menu,
#menu-primary-menu ul.sub-menu li>ul.sub-menu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  margin-left: 2px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(6px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
  z-index: 1000 !important;
}

/* Invisible hover bridge to eliminate gap flicker */
.pls-navigation ul.menu ul.sub-menu li>ul.sub-menu::before,
.pls-main-navigation ul.menu ul.sub-menu li>ul.sub-menu::before,
#menu-primary-menu ul.sub-menu li>ul.sub-menu::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -20px !important;
  width: 25px !important;
  height: 100% !important;
  background: transparent !important;
  pointer-events: auto !important;
}

.pls-navigation ul.menu ul.sub-menu li:hover>ul.sub-menu,
.pls-main-navigation ul.menu ul.sub-menu li:hover>ul.sub-menu,
#menu-primary-menu ul.sub-menu li:hover>ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

/* ==========================================================
   TOP-LEVEL DROPDOWN MENUS (Razz Bar, Waspe, OKSO)
   ========================================================== */
.pls-navigation ul.menu > li.menu-item-has-children,
.pls-main-navigation ul.menu > li.menu-item-has-children,
#menu-primary-menu > li.menu-item-has-children {
  position: relative !important;
}

.pls-navigation ul.menu > li.menu-item-has-children > ul.sub-menu,
.pls-main-navigation ul.menu > li.menu-item-has-children > ul.sub-menu,
#menu-primary-menu > li.menu-item-has-children > ul.sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s !important;
  z-index: 9999 !important;
}

.pls-navigation ul.menu > li.menu-item-has-children:hover > ul.sub-menu,
.pls-main-navigation ul.menu > li.menu-item-has-children:hover > ul.sub-menu,
#menu-primary-menu > li.menu-item-has-children:hover > ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  z-index: 9999 !important;
}

/* Invisible hover bridge for top-level dropdowns */
.pls-navigation ul.menu > li.menu-item-has-children > ul.sub-menu::before,
.pls-main-navigation ul.menu > li.menu-item-has-children > ul.sub-menu::before,
#menu-primary-menu > li.menu-item-has-children > ul.sub-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -15px !important;
  left: 0 !important;
  width: 100% !important;
  height: 15px !important;
  background: transparent !important;
  pointer-events: auto !important;
}





/* ==========================================================
   GLOBAL SLIDING TICKER
   ========================================================== */
.global-sliding-ticker,
.pls-promo-bar.global-sliding-ticker,
.announcement-bar.global-sliding-ticker {
  background: linear-gradient(90deg, #000000 0%, #030918 15%, #07193f 32%, #0d2865 50%, #07193f 68%, #030918 85%, #000000 100%) !important;
  height: 38px !important;
  position: relative !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

.global-sliding-ticker .container,
.announcement-bar .container,
.pls-promo-bar .container,
.promo-bar-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

.sliding-ticker-track-wrapper {
  display: flex !important;
  width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  position: relative !important;
  mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);
}

.sliding-ticker-track {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  animation: slidingTickerLoop 38s linear infinite !important;
  animation-play-state: running !important;
  will-change: transform !important;
}

.sliding-ticker-track-wrapper:hover .sliding-ticker-track,
.global-sliding-ticker:hover .sliding-ticker-track,
.announcement-bar:hover .sliding-ticker-track,
.pls-promo-bar:hover .sliding-ticker-track,
.sliding-ticker-track:hover {
  animation-play-state: running !important;
}

@keyframes slidingTickerLoop {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.ticker-item {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 45px !important;
  font-family: 'Barlow', 'Instrument Sans', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  gap: 12px !important;
}

.ticker-item .ticker-highlight {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 0 10px rgba(168, 85, 247, 0.6) !important;
}

@media (max-width: 768px) {
  .ticker-item {
    padding: 0 25px !important;
    font-size: 11.5px !important;
  }
}


/* ==========================================================
   SHINY CTA BUTTON
   ========================================================== */
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-angle-offset {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-percent {
  syntax: "<percentage>";
  initial-value: 5%;
  inherits: false;
}

@property --gradient-shine {
  syntax: "<color>";
  initial-value: white;
  inherits: false;
}

.shiny-cta {
  --shiny-cta-bg: #000000;
  --shiny-cta-bg-subtle: rgba(59, 130, 246, 0.25);
  --shiny-cta-fg: #ffffff;
  --shiny-cta-highlight: #2563eb;
  --shiny-cta-highlight-subtle: #60a5fa;
  --animation: gradient-angle linear infinite;
  --duration: 3s;
  --shadow-size: 2px;
  --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);

  isolation: isolate;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  outline-offset: 4px;
  padding: 1.15rem 2.8rem;
  font-family: "Instrument Sans", "Inter", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: 360px;
  color: var(--shiny-cta-fg) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
    conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
      transparent,
      var(--shiny-cta-highlight) var(--gradient-percent),
      var(--gradient-shine) calc(var(--gradient-percent) * 2),
      var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
      transparent calc(var(--gradient-percent) * 4)) border-box;
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle), 0 8px 24px rgba(37, 99, 235, 0.35);
  transition: var(--transition);
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine, transform, box-shadow;
}

.shiny-cta::before,
.shiny-cta::after,
.shiny-cta span::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  translate: -50% -50%;
  z-index: -1;
}

.shiny-cta:active {
  translate: 0 1px;
}

/* Dots pattern */
.shiny-cta::before {
  --size: calc(100% - var(--shadow-size) * 3);
  --position: 2px;
  --space: calc(var(--position) * 2);
  width: var(--size);
  height: var(--size);
  background: radial-gradient(circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0) padding-box;
  background-size: var(--space) var(--space);
  background-repeat: space;
  mask-image: conic-gradient(from calc(var(--gradient-angle) + 45deg),
      black,
      transparent 10% 90%,
      black);
  border-radius: inherit;
  opacity: 0.4;
  z-index: -1;
}

/* Inner shimmer */
.shiny-cta::after {
  --animation: shimmer linear infinite;
  width: 100%;
  aspect-ratio: 1;
  background: linear-gradient(-50deg,
      transparent,
      var(--shiny-cta-highlight),
      transparent);
  mask-image: radial-gradient(circle at bottom, transparent 40%, black);
  opacity: 0.6;
}

.shiny-cta span {
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.shiny-cta span::before {
  --size: calc(100% + 1rem);
  width: var(--size);
  height: var(--size);
  box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
  opacity: 0;
  transition: opacity var(--transition);
  animation: calc(var(--duration) * 1.5) breathe linear infinite;
}

/* Animate */
.shiny-cta,
.shiny-cta::before,
.shiny-cta::after {
  animation: var(--animation) var(--duration),
    var(--animation) calc(var(--duration) / 0.4) reverse paused;
  animation-composition: add;
}

.shiny-cta:is(:hover, :focus-visible) {
  --gradient-percent: 20%;
  --gradient-angle-offset: 95deg;
  --gradient-shine: var(--shiny-cta-highlight-subtle);
  transform: translateY(-2px);
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle), 0 12px 30px rgba(37, 99, 235, 0.55);
}

.shiny-cta:is(:hover, :focus-visible),
.shiny-cta:is(:hover, :focus-visible)::before,
.shiny-cta:is(:hover, :focus-visible)::after {
  animation-play-state: running;
}

.shiny-cta:is(:hover, :focus-visible) span::before {
  opacity: 1;
}

@keyframes gradient-angle {
  to {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  to {
    rotate: 360deg;
  }
}

@keyframes breathe {

  from,
  to {
    scale: 1;
  }

  50% {
    scale: 1.2;
  }
}


/* ==========================================================
   HOMEPAGE HERO SECTION BACKGROUND OVERRIDE
   ========================================================== */
.elementor-67 .elementor-element.elementor-element-6272ce62,
.elementor-67 .elementor-element.elementor-element-6272ce62:not(.elementor-motion-effects-element-type-background),
.elementor-67 .elementor-element.elementor-element-6272ce62>.elementor-motion-effects-container>.elementor-motion-effects-layer,
body.home .elementor-67 .elementor-element.elementor-element-6272ce62 {
  background: #000000 url("../uploads/2026/08/homepage-bg.png") center center / cover no-repeat !important;
  background-image: url("../uploads/2026/08/homepage-bg.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}


/* =====================
   TRUSTPILOT HERO BADGE
   ===================== */
.hero-trustpilot-wrap {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.trustpilot-hero-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 30px;
  padding: 8px 20px;
  text-decoration: none !important;
  transition: all 0.25s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.trustpilot-hero-link:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(0, 182, 122, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 182, 122, 0.25);
}

.tp-stars {
  display: flex;
  gap: 3px;
  align-items: center;
}

.tp-star-box {
  background: #00b67a;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.tp-star-box svg {
  width: 14px;
  height: 14px;
  fill: #ffffff;
}

.tp-brand-logo {
  display: flex;
  align-items: center;
  gap: 5px;
}

.tp-brand-logo svg {
  width: 18px;
  height: 18px;
  fill: #00b67a;
}

.tp-brand-logo span {
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.2px;
}


/* Hide header topbar and icon text */
.pls-header-topbar {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

.pls-header-icon-text {
  display: none !important;
}


/* ==========================================================
   NAVBAR MENU TYPOGRAPHY (Synced with index.html)
   ========================================================== */
.pls-main-navigation,
.pls-navigation,
.pls-navigation ul.menu>li>a,
.pls-navigation .nav-link,
.pls-menu-text,
.pls-navigation ul.menu ul.sub-menu>li>a {
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: #ffffff !important;
  text-transform: capitalize !important;
}

.pls-navigation ul.menu>li>a:hover,
.pls-navigation .nav-link:hover,
.pls-menu-text:hover {
  color: #ba39d2 !important;
}

.pls-navigation ul.menu ul.sub-menu>li>a {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
}


/* ==========================================================
   ADD TO CART BUTTON (All views: Grid, List, Sliders, Single Product)
   Background: #1e40af (Blue), Text: #ffffff, Hover: #172554 (Dark Blue)
   ========================================================== */
.products.grid-view .pls-product-actions a,
.products.grid-view .pls-cart-button a,
.products.list-view .pls-cart-button a,
.products.list-view .pls-product-actions a,
.products.list-view .add_to_cart_button,
.products .pls-cart-button a,
.products .add_to_cart_button,
.pls-cart-button a,
.pls-cart-button .button,
.pls-product-actions a,
.pls-product-actions .button,
.add_to_cart_button,
.ajax_add_to_cart,
.single_add_to_cart_button,
button.single_add_to_cart_button,
button.add_to_cart_button,
a.add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart,
.tax-product_cat .button,
.tax-product_cat .add_to_cart_button,
.tax-product_cat .ajax_add_to_cart,
.archive .button,
.archive .add_to_cart_button,
.archive .ajax_add_to_cart,
.bars-cat .button,
.product-category .button,
.btn-add-cart,
.btn-add,
button[name="add-to-cart"],
a[href*="add-to-cart"],
.pdp-add-btn.active,
#pdpCartBtn {
  border-radius: var(--pls-border-radius, 8px) !important;
  background: #1e40af !important;
  background-color: #1e40af !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.25s ease !important;
}

.products.grid-view .pls-product-actions a:hover,
.products.grid-view .pls-cart-button a:hover,
.products.list-view .pls-cart-button a:hover,
.products.list-view .pls-product-actions a:hover,
.products.list-view .add_to_cart_button:hover,
.products .pls-cart-button a:hover,
.products .add_to_cart_button:hover,
.pls-cart-button a:hover,
.pls-cart-button .button:hover,
.pls-product-actions a:hover,
.pls-product-actions .button:hover,
.add_to_cart_button:hover,
.ajax_add_to_cart:hover,
.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
button.add_to_cart_button:hover,
a.add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .ajax_add_to_cart:hover,
.tax-product_cat .button:hover,
.tax-product_cat .add_to_cart_button:hover,
.tax-product_cat .ajax_add_to_cart:hover,
.archive .button:hover,
.archive .add_to_cart_button:hover,
.archive .ajax_add_to_cart:hover,
.bars-cat .button:hover,
.product-category .button:hover,
.btn-add-cart:hover,
.btn-add:hover,
button[name="add-to-cart"]:hover,
a[href*="add-to-cart"]:hover,
.pdp-add-btn.active:hover,
#pdpCartBtn:hover {
  background: #172554 !important;
  background-color: #172554 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18) !important;
}

/* ==========================================================
   PRODUCT CARD IN-CART QUANTITY CONTROL BOX (- 1 +)
   Replaces red "Fjern" button with sleek stepper in sapphire blue
   ========================================================== */
.card-qty-control-box {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  background: #1e40af !important;
  border-radius: var(--pls-border-radius, 8px) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 14px rgba(30, 64, 175, 0.25) !important;
  padding: 0 !important;
  margin: 4px auto 0 auto !important;
  border: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.card-qty-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 100% !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.15s ease, transform 0.1s ease !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.card-qty-btn:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

.card-qty-btn:active {
  background: rgba(255, 255, 255, 0.35) !important;
  transform: scale(0.9) !important;
}

.card-qty-num {
  flex: 1 1 auto !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  font-family: inherit !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: 0.5px !important;
  padding: 0 4px !important;
}

@media (max-width: 480px) {
  .card-qty-control-box {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }
  .card-qty-btn {
    width: 38px !important;
    min-width: 38px !important;
    font-size: 18px !important;
  }
  .card-qty-num {
    font-size: 14px !important;
  }
}


/* ==========================================================
   PRODUCT DETAIL PAGE: SOLID BLACK HEADINGS & PRODUCT TITLES
   ========================================================== */
.pdp-title,
.pdp-info .pdp-title,
.pdp-wrapper h1,
.pdp-wrapper h1.pdp-title,
.pdp-info h1,
#pdp-content h1,
.pdp-features-title,
.pdp-flavor-notes h4,
.pdp-related-title,
.pdp-related-section h3,
.pdp-feature-val,
.pdp-flavor-item strong,
.pdp-related-grid h4,
.pdp-related-grid h4 a,
.pdp-acc-header {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

.pdp-wrapper {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 40px 20px 60px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.pdp-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 40px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.pdp-image-section {
  position: relative !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  min-height: 360px !important;
}

.pdp-image-wrap {
  position: relative !important;
  display: inline-block !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.pdp-sale-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: #e63946 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 0.2px !important;
  text-transform: uppercase !important;
  z-index: 10 !important;
  box-shadow: 0 2px 6px rgba(230, 57, 70, 0.35) !important;
  display: inline-block !important;
  pointer-events: none !important;
  line-height: 1.2 !important;
}

.pdp-oos-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: #111827 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 0.2px !important;
  text-transform: uppercase !important;
  z-index: 10 !important;
  display: inline-block !important;
  pointer-events: none !important;
  line-height: 1.2 !important;
}

.pdp-image-section img {
  max-width: 100% !important;
  max-height: 480px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.pdp-image-section:hover img {
  transform: scale(1.05) !important;
}

.pdp-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

@media (max-width: 900px) {
  .pdp-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }
}

.pdp-trust-bar {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 12px 14px 10px !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.pdp-trust-bar .pdp-tp-row,
.pdp-trust-bar .pdp-trust-top-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  flex-wrap: wrap !important;
}

.pdp-trust-bar .pdp-tp-side a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  color: #111827 !important;
  font-family: "Instrument Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.pdp-trust-bar .pdp-payments-side {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.pdp-trust-bar .pdp-payments-side img {
  height: 22px !important;
  width: auto !important;
  display: block !important;
}

.pdp-trust-bar .pdp-sliding-ticker-wrapper,
.pdp-trust-bar .pdp-trust-sliding-row {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  margin-top: 4px !important;
  padding-top: 8px !important;
  border-top: 1px solid #e5e7eb !important;
  mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent) !important;
  -webkit-mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent) !important;
}

.pdp-trust-bar .pdp-sliding-ticker-track,
.pdp-trust-bar .pdp-sliding-track {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  animation: pdpTickerSlide 22s linear infinite !important;
  animation-play-state: running !important;
  will-change: transform !important;
}

.pdp-trust-bar:hover .pdp-sliding-ticker-track,
.pdp-trust-bar:hover .pdp-sliding-track,
.pdp-trust-bar .pdp-sliding-ticker-wrapper:hover .pdp-sliding-ticker-track,
.pdp-trust-bar .pdp-sliding-ticker-track:hover,
.pdp-trust-bar .pdp-sliding-track:hover {
  animation-play-state: running !important;
}

@keyframes pdpTickerSlide {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.pdp-trust-bar .pdp-ticker-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 10px !important;
  font-family: "Instrument Sans", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #4b5563 !important;
  white-space: nowrap !important;
}

.pdp-trust-bar .pdp-ticker-item i {
  color: #1e40af !important;
  font-size: 11px !important;
}

.pdp-trust-bar .pdp-ticker-dot {
  display: inline-block !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: #d1d5db !important;
  margin-left: 10px !important;
}



/* ==========================================================
   LIST VIEW: Price placed directly BELOW Product Name
   ========================================================== */
.products.list-view .pls-product-inner,
.products.grid-list-active .pls-product-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 24px !important;
}

.products.list-view .pls-product-info,
.products.grid-list-active .pls-product-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  gap: 6px !important;
}

.products.list-view .product-title,
.products.list-view .pls-product-info .product-title,
.products.grid-list-active .product-title,
.products.grid-list-active .pls-product-info .product-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 4px 0 !important;
  text-align: left !important;
}

.products.list-view .pls-product-price,
.products.list-view .price,
.products.list-view .pls-product-info .pls-product-price,
.products.list-view .pls-product-info .price,
.products.grid-list-active .pls-product-price,
.products.grid-list-active .price,
.products.grid-list-active .pls-product-info .pls-product-price,
.products.grid-list-active .pls-product-info .price {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin: 2px 0 10px 0 !important;
}

.products.list-view .pls-product-actions,
.products.grid-list-active .pls-product-actions {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}


/* ==========================================================
   FOOTER NEWSLETTER: Moved up directly below 'Stay updated...'
   ========================================================== */
.elementor-6009 .elementor-element.elementor-element-6d8f96e7 {
  margin-top: 8px !important;
  margin-bottom: 0px !important;
}

.elementor-6009 .elementor-element.elementor-element-6d8f96e7 p {
  margin-bottom: 0px !important;
}

.elementor-6009 .elementor-element.elementor-element-30ec87e {
  padding-top: 0px !important;
  margin-top: -18px !important;
}

.elementor-6009 .wpcf7,
.elementor-6009 .wpcf7-form,
.elementor-6009 .ne-newsletter {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.elementor-6009 .ne-field {
  margin-top: 0px !important;
  margin-bottom: 8px !important;
}

.elementor-6009 .ne-consent {
  margin-top: 4px !important;
}

/* ==========================================================
   FOOTER NEWSLETTER: Spacing across all footers
   ========================================================== */
.elementor-6009 .elementor-element.elementor-element-6d8f96e7 {
  margin-top: 14px !important;
  margin-bottom: 16px !important;
}

.elementor-6009 .elementor-element.elementor-element-6d8f96e7 p {
  margin-bottom: 0 !important;
}

.elementor-6009 .elementor-element.elementor-element-30ec87e {
  padding-top: 0 !important;
  margin-top: 8px !important;
}

.elementor-6009 .wpcf7,
.elementor-6009 .wpcf7-form,
.elementor-6009 .ne-newsletter {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.elementor-6009 .ne-field,
.ne-field {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.elementor-6009 .ne-consent,
.ne-consent {
  margin-top: 12px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

/* ==========================================================
   SUBTLE BLUE & BLACK FADE SLIDING TICKER
   ========================================================== */
.global-sliding-ticker,
.pls-promo-bar.global-sliding-ticker,
.announcement-bar.global-sliding-ticker {
  background: linear-gradient(90deg, #000000 0%, #030918 15%, #07193f 32%, #0d2865 50%, #07193f 68%, #030918 85%, #000000 100%) !important;
}

.ticker-item .ticker-highlight {
  color: #ffffff !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}


/* SALE – SPAR TO 10% Bold Professional White Heading */
#pls-header-42504 .heading-title,
.elementor-element-6d03d6a3 .heading-title,
#most_poupopular_sec .heading-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {

  #pls-header-42504 .heading-title,
  .elementor-element-6d03d6a3 .heading-title,
  #most_poupopular_sec .heading-title {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
  }
}


/* Hvorfor 7,000+ kunder handler hos os Bold Professional White Heading */
#pls-header-73479 .heading-title,
.elementor-element-4654d493 .heading-title,
.elementor-element-e6c69e1 .heading-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: 0.8px !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 0 !important;
}

#pls-header-73479 .heading-tagline,
.elementor-element-4654d493 .heading-tagline,
.elementor-element-e6c69e1 .heading-tagline {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-top: 8px !important;
}

@media (max-width: 768px) {

  #pls-header-73479 .heading-title,
  .elementor-element-4654d493 .heading-title,
  .elementor-element-e6c69e1 .heading-title {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
  }
}


/* ==========================================================
   INFO BOX ICONS BLUE COLOR (#2563eb / #1d4ed8)
   "Gratis fragt over 499.00 kr.", "Garanteret levering",
   "Diskret emballage", "Afsendes inden for 24 timer", "7.000+ tilfredse kunder"
   ========================================================== */
.elementor-element-3e6f356b .info-box-icon,
.elementor-element-3e6f356b .info-box-icon i,
.elementor-element-3e6f356b .info-box-icon .picon,
.elementor-element-3e6f356b .info-box-icon svg,
.elementor-element-3e6f356b .info-box-icon svg path,
#pls-info-box-81082 .info-box-icon,
#pls-info-box-81082 .info-box-icon i,
#pls-info-box-81082 .info-box-icon .picon,
#pls-info-box-81082 .info-box-icon svg,
#pls-info-box-81082 .info-box-icon svg path,
.elementor-repeater-item-7aeacb5 .info-box-icon,
.elementor-repeater-item-7aeacb5 .info-box-icon svg,
.elementor-repeater-item-7aeacb5 .info-box-icon svg path,
.elementor-repeater-item-7bf0a8e .info-box-icon,
.elementor-repeater-item-7bf0a8e .info-box-icon svg,
.elementor-repeater-item-7bf0a8e .info-box-icon svg path,
.elementor-repeater-item-cb1e607 .info-box-icon,
.elementor-repeater-item-cb1e607 .info-box-icon svg,
.elementor-repeater-item-cb1e607 .info-box-icon svg path,
.elementor-repeater-item-3ad6cc2 .info-box-icon,
.elementor-repeater-item-3ad6cc2 .info-box-icon svg,
.elementor-repeater-item-3ad6cc2 .info-box-icon svg path,
.elementor-repeater-item-2bc519d .info-box-icon,
.elementor-repeater-item-2bc519d .info-box-icon svg,
.elementor-repeater-item-2bc519d .info-box-icon svg path,
.pls-info-box .info-box-icon,
.pls-info-box .info-box-icon i,
.pls-info-box .info-box-icon .picon,
.pls-info-box .info-box-icon svg,
.pls-info-box .info-box-icon svg path,
.pls-info-box-icon,
.pls-info-box-icon i,
.pls-info-box-icon svg,
.pls-info-box-icon svg path {
  color: #2563eb !important;
  fill: #2563eb !important;
  stroke: #2563eb !important;
}

.elementor-element-3e6f356b .info-box-title h4,
#pls-info-box-81082 .info-box-title h4,
.pls-info-box .info-box-title h4 {
  color: #ffffff !important;
}


/* Mest populære mærker Bold Professional White Heading */
#pls-header-49916 .heading-title,
.elementor-element-5e0fff3b .heading-title,
#brands-sec .heading-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: 0.8px !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 0 !important;
}

#pls-header-49916 .heading-tagline,
.elementor-element-5e0fff3b .heading-tagline,
#brands-sec .heading-tagline {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-top: 8px !important;
}

@media (max-width: 768px) {

  #pls-header-49916 .heading-title,
  .elementor-element-5e0fff3b .heading-title,
  #brands-sec .heading-title {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
  }
}


/* KUNDERNES FAVORITTER Bold Professional White Heading */
#pls-header-94195 .heading-title,
.elementor-element-28feb405 .heading-title,
.elementor-element-37a7a0cf .heading-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {

  #pls-header-94195 .heading-title,
  .elementor-element-28feb405 .heading-title,
  .elementor-element-37a7a0cf .heading-title {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
  }
}


/* Newest Products, Best Selling & FAQ Bold Professional White Headings */
#pls-header-66070 .heading-title,
#pls-header-92665 .heading-title,
#pls-header-29117 .heading-title,
.elementor-element-799905a6 .heading-title,
.elementor-element-e9f0bca .heading-title,
.elementor-element-53cf384e .heading-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: 0.8px !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {

  #pls-header-66070 .heading-title,
  #pls-header-92665 .heading-title,
  #pls-header-29117 .heading-title,
  .elementor-element-799905a6 .heading-title,
  .elementor-element-e9f0bca .heading-title,
  .elementor-element-53cf384e .heading-title {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
  }
}


/* NYHEDER Center Alignment & Bold White Typography */
.elementor-element-nyheder-heading,
.elementor-element-nyheder-heading .elementor-widget-container,
#pls-header-nyheder,
#pls-header-nyheder .heading-wrap {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

#pls-header-nyheder .heading-title,
.elementor-element-nyheder-heading .heading-title,
#nyheder_section .heading-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
  margin: 0 auto 15px auto !important;
  text-align: center !important;
  display: block !important;
}

@media (max-width: 768px) {

  #pls-header-nyheder .heading-title,
  .elementor-element-nyheder-heading .heading-title,
  #nyheder_section .heading-title {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
  }
}

/* NYHEDER Inner Elements Clean Transparent Background & No Outlines / Lines */
body.home #nyheder_section .e-con-inner,
body.home #nyheder_section .elementor-widget-container,
body.home #nyheder_section .pls-element,
body.home #nyheder_section .pls-slider,
body.home #nyheder_section .woocommerce {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Complete removal of any line, divider, separator, border or pseudo-element below NYHEDER heading and section */
#pls-header-nyheder .separator-left,
#pls-header-nyheder .separator-right,
#pls-header-nyheder::before,
#pls-header-nyheder::after,
#pls-header-nyheder .heading-wrap::before,
#pls-header-nyheder .heading-wrap::after,
#pls-header-nyheder .heading-title::before,
#pls-header-nyheder .heading-title::after,
.elementor-element-nyheder-heading .separator-left,
.elementor-element-nyheder-heading .separator-right {
  display: none !important;
  border: none !important;
  border-bottom: none !important;
  height: 0 !important;
  width: 0 !important;
  content: none !important;
}

#nyheder_section,
#nyheder_section::before,
#nyheder_section::after,
#nyheder_section .e-con-inner,
#nyheder_section .e-con-inner::before,
#nyheder_section .e-con-inner::after,
#nyheder_section .elementor-widget-container,
#nyheder_section .pls-element,
#nyheder_section .pls-slider,
#nyheder_section .pls-slider-wrapper,
#nyheder_section .woocommerce,
#section-nyheder,
#section-nyheder::before,
#section-nyheder::after,
div[data-id="nyheder-sec"],
div[data-id="nyheder-sec"]::before,
div[data-id="nyheder-sec"]::after {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ensure container directly below NYHEDER has zero top border or separator line */
div[data-id="37a7a0cf"],
div[data-id="37a7a0cf"]::before,
div[data-id="37a7a0cf"]::after,
div[data-id="37a7a0cf"] .e-con-inner,
div[data-id="37a7a0cf"] .e-con-inner::before,
div[data-id="37a7a0cf"] .e-con-inner::after,
#pls-header-94195 .separator-left,
#pls-header-94195 .separator-right {
  border-top: none !important;
  border-bottom: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Product Names in NYHEDER - Normal Weight (Non-Bold) & No Underline on Hover */
#nyheder_section a,
#nyheder_section a:hover,
#nyheder_section .product-title,
#nyheder_section .product-title a,
#nyheder_section .product-title a:hover,
#nyheder_section h3.product-title,
#nyheder_section h3.product-title a,
#nyheder_section h3.product-title a:hover,
#nyheder_section .woocommerce-loop-product__title,
#nyheder_section .pls-product-info h3,
#nyheder_section .pls-product-info h3 a,
#section-nyheder a,
#section-nyheder a:hover,
#section-nyheder .product-title,
#section-nyheder .product-title a,
#section-nyheder .product-title a:hover,
#section-nyheder h3,
#section-nyheder h3 a,
#section-nyheder h3 a:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  text-decoration: none !important;
}


body.home #nyheder_section .price,
body.home #nyheder_section .woocommerce-Price-amount {
  color: #ffffff !important;
}

body.home #nyheder_section .price del,
body.home #nyheder_section .price del .woocommerce-Price-amount {
  color: rgba(255, 255, 255, 0.55) !important;
  text-decoration: line-through !important;
}

body.home #nyheder_section .price ins,
body.home #nyheder_section .price ins .woocommerce-Price-amount {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}




#nyheder_section .pls-slider-wrapper,
#nyheder_section .woocommerce {
  position: relative !important;
}

#nyheder_section .pls-slider-navigation {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  pointer-events: none !important;
  z-index: 25 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 4px !important;
}

#nyheder_section .pls-slider-prev,
#nyheder_section .pls-slider-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: rgba(22, 14, 34, 0.9) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(186, 57, 210, 0.6) !important;
  border-radius: 50% !important;
  width: 46px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(186, 57, 210, 0.35) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  z-index: 30 !important;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

#nyheder_section .pls-slider-prev {
  left: 10px !important;
}

#nyheder_section .pls-slider-next {
  right: 10px !important;
}

#nyheder_section .pls-slider-prev:hover,
#nyheder_section .pls-slider-next:hover {
  background: #ba39d2 !important;
  border-color: #e066ff !important;
  color: #ffffff !important;
  box-shadow: 0 0 25px rgba(186, 57, 210, 0.8), 0 4px 15px rgba(0, 0, 0, 0.6) !important;
  transform: translateY(-50%) scale(1.12) !important;
}

#nyheder_section .pls-slider-prev svg,
#nyheder_section .pls-slider-next svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #ffffff !important;
  stroke-width: 2.8 !important;
  display: block !important;
  transition: transform 0.2s ease !important;
}

#nyheder_section .pls-slider-prev:after,
#nyheder_section .pls-slider-next:after {
  display: none !important;
}

#nyheder_section .pls-product-price del,
#nyheder_section .pls-product-price del .woocommerce-Price-amount {
  color: rgba(255, 255, 255, 0.55) !important;
  text-decoration: line-through !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  margin-right: 6px !important;
}

#nyheder_section .pls-product-price ins {
  text-decoration: none !important;
}

#nyheder_section .pls-product-price ins .woocommerce-Price-amount {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

@media (max-width: 768px) {
  #nyheder_section .pls-slider-prev {
    left: 10px !important;
    width: 38px !important;
    height: 38px !important;
  }

  #nyheder_section .pls-slider-next {
    right: 10px !important;
    width: 38px !important;
    height: 38px !important;
  }

  #nyheder_section .pls-slider-prev svg,
  #nyheder_section .pls-slider-next svg {
    width: 18px !important;
    height: 18px !important;
  }
}



/* OFTE STILLEDE SPØRGSMÅL (FAQ) Compact Styling */
body.home #faq_section,
body.home .elementor-element.elementor-element-faq-sec {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 24px 20px 45px 20px !important;
  margin: 0 !important;
}

#faq_section .e-con-inner {
  max-width: 740px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

#pls-header-faq,
.elementor-element-faq-heading,
.elementor-element-faq-heading .elementor-widget-container {
  width: 100% !important;
  text-align: center !important;
}

#pls-header-faq .heading-title,
.elementor-element-faq-heading .heading-title,
#faq_section .heading-title {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  letter-spacing: 0.6px !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
  margin: 0 auto 22px auto !important;
  text-align: center !important;
  display: block !important;
}

#faq_section .pls-accordion .pls-accordion-item {
  background: rgba(4, 11, 28, 0.75) !important;
  border: 1.5px solid rgba(59, 130, 246, 0.38) !important;
  border-radius: 10px !important;
  margin-bottom: 10px !important;
  backdrop-filter: blur(8px) !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 10px rgba(37, 99, 235, 0.1) !important;
}

#faq_section .pls-accordion .pls-accordion-item:hover {
  border-color: rgba(59, 130, 246, 0.75) !important;
  background: rgba(8, 22, 58, 0.85) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5), 0 0 18px rgba(37, 99, 235, 0.25) !important;
}

#faq_section .pls-accordion .card-header {
  background: transparent !important;
  padding: 13px 18px !important;
  cursor: pointer !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#faq_section .pls-accordion .card-header .card-title {
  margin: 0 !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  width: 100% !important;
}

#faq_section .pls-accordion .card-header .card-link {
  color: #ffffff !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  font-family: 'Instrument Sans', sans-serif !important;
  font-size: 14.5px !important;
  position: relative !important;
}

#faq_section .pls-accordion .card-header .card-link::after {
  content: '\f078' !important;
  font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
  font-weight: 900 !important;
  font-size: 11.5px !important;
  color: #3b82f6 !important;
  transition: transform 0.3s ease !important;
}

#faq_section .pls-accordion .card-header .card-link.open::after {
  transform: rotate(180deg) !important;
  color: #60a5fa !important;
}

#faq_section .pls-accordion .accordion-tab-content {
  display: none;
}

#faq_section .pls-accordion .accordion-tab-content.show {
  display: block !important;
}

#faq_section .pls-accordion .card-body {
  padding: 0 18px 14px 18px !important;
  color: #dbeafe !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  border: none !important;
}

#faq_section .pls-accordion .card-body p {
  margin: 0 !important;
  color: #dbeafe !important;
}

@media (max-width: 768px) {

  #pls-header-faq .heading-title,
  .elementor-element-faq-heading .heading-title,
  #faq_section .heading-title {
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
  }

  #faq_section .pls-accordion .card-header {
    padding: 11px 14px !important;
  }

  #faq_section .pls-accordion .card-header .card-link {
    font-size: 13.5px !important;
  }

  #faq_section .pls-accordion .card-body {
    padding: 0 14px 12px 14px !important;
    font-size: 12.5px !important;
  }
}

}



/* ==========================================================
   MOBILE PERFECTION OPTIMIZATIONS (<= 768px & <= 480px)
   ========================================================== */
html,
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
}

@media (max-width: 768px) {

  /* Container Paddings & Layout */
  .elementor-con,
  .e-con-boxed,
  .e-con-inner,
  .elementor-section {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  /* Section Headings Uniform Clean Scale */
  .heading-title,
  #pls-header-42504 .heading-title,
  #pls-header-73479 .heading-title,
  #pls-header-49916 .heading-title,
  #pls-header-94195 .heading-title,
  #pls-header-nyheder .heading-title,
  #pls-header-faq .heading-title,
  .elementor-element-6d03d6a3 .heading-title,
  .elementor-element-4654d493 .heading-title,
  .elementor-element-5e0fff3b .heading-title,
  .elementor-element-28feb405 .heading-title,
  .elementor-element-nyheder-heading .heading-title,
  .elementor-element-faq-heading .heading-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.4px !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
  }

  .heading-tagline,
  #pls-header-73479 .heading-tagline,
  #pls-header-49916 .heading-tagline {
    font-size: 13px !important;
    line-height: 1.5 !important;
    padding: 0 10px !important;
    text-align: center !important;
    margin-top: 6px !important;
  }

  /* Slider Arrows - Compact & Non-Intrusive on Mobile */
  .pls-slider-prev,
  #most_poupopular_sec .pls-slider-prev,
  #section-16457 .pls-slider-prev,
  #nyheder_section .pls-slider-prev {
    left: 2px !important;
    width: 34px !important;
    height: 34px !important;
    background: rgba(30, 8, 51, 0.85) !important;
    border: 1px solid rgba(186, 57, 210, 0.4) !important;
    border-radius: 50% !important;
    z-index: 30 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
  }

  .pls-slider-next,
  #most_poupopular_sec .pls-slider-next,
  #section-16457 .pls-slider-next,
  #nyheder_section .pls-slider-next {
    right: 2px !important;
    width: 34px !important;
    height: 34px !important;
    background: rgba(30, 8, 51, 0.85) !important;
    border: 1px solid rgba(186, 57, 210, 0.4) !important;
    border-radius: 50% !important;
    z-index: 30 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
  }

  .pls-slider-prev svg,
  .pls-slider-next svg,
  #nyheder_section .pls-slider-prev svg,
  #nyheder_section .pls-slider-next svg {
    width: 15px !important;
    height: 15px !important;
  }

  /* Product Cards Mobile Alignment */
  .woocommerce ul.products li.product,
  .products.grid-view .product,
  .swiper-slide.product,
  .pls-product-inner {
    padding: 8px 6px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  .pls-product-info .product-title,
  .pls-product-info .product-title a,
  .products.grid-view .product-title,
  .products.grid-view .product-title a,
  .woocommerce ul.products li.product .product-title,
  .woocommerce ul.products li.product .product-title a,
  .product-card-name {
    font-size: 13px !important;
    line-height: 1.3 !important;
    height: 2.6em !important;
    min-height: 2.6em !important;
    max-height: 2.6em !important;
    margin-bottom: 4px !important;
    text-align: center !important;
  }

  .pls-product-price,
  .price,
  .woocommerce-Price-amount {
    font-size: 14px !important;
    text-align: center !important;
  }

  .pls-cart-button .button,
  .ajax_add_to_cart {
    padding: 8px 12px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
  }

  /* Category Cards (Brands) */
  .bars-cat .product-category .pls-category-inner {
    padding: 6px !important;
  }

  .bars-cat .woocommerce-loop-category__title {
    font-size: 14px !important;
    text-align: center !important;
  }

  /* Info Boxes on Mobile */
  .elementor-element-3e6f356b .info-box-wrap,
  #pls-info-box-81082 .info-box-wrap {
    padding: 12px 8px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .elementor-element-3e6f356b .info-box-title h4,
  #pls-info-box-81082 .info-box-title h4 {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    margin-top: 6px !important;
    text-align: center !important;
  }

  /* FAQ Section Mobile Perfect Alignment */
  #faq_section,
  .elementor-element.elementor-element-faq-sec {
    padding: 20px 10px 40px 10px !important;
    width: 100% !important;
  }

  #faq_section .e-con-inner {
    padding: 0 4px !important;
    width: 100% !important;
  }

  #faq_section .pls-accordion .pls-accordion-item {
    border-radius: 10px !important;
    margin-bottom: 8px !important;
  }

  #faq_section .pls-accordion .card-header {
    padding: 12px 14px !important;
  }

  #faq_section .pls-accordion .card-header .card-link {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
  }

  #faq_section .pls-accordion .card-body {
    padding: 0 14px 12px 14px !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 480px) {

  .heading-title,
  #pls-header-42504 .heading-title,
  #pls-header-73479 .heading-title,
  #pls-header-49916 .heading-title,
  #pls-header-94195 .heading-title,
  #pls-header-nyheder .heading-title,
  #pls-header-faq .heading-title {
    font-size: 20px !important;
    letter-spacing: 0.3px !important;
  }

  .pls-product-info .product-title,
  .pls-product-info .product-title a {
    font-size: 12px !important;
    height: 2.6em !important;
  }

  .pls-product-price {
    font-size: 13px !important;
  }

  .pls-cart-button .button,
  .ajax_add_to_cart,
  .add_to_cart_button {
    font-size: 11.5px !important;
    padding: 7px 16px !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* HIDE ALL THEME DUPLICATE PSEUDO-ELEMENT ARROW ICONS */
.pls-slider-prev:after,
.pls-slider-next:after,
.pls-slider-prev::after,
.pls-slider-next::after,
.pls-slider-prev:before,
.pls-slider-next:before,
.pls-slider-prev::before,
.pls-slider-next::before,
#section-16457 .pls-slider-prev:after,
#section-16457 .pls-slider-next:after,
#section-16457 .pls-slider-prev::after,
#section-16457 .pls-slider-next::after,
.elementor-element-37a7a0cf .pls-slider-prev:after,
.elementor-element-37a7a0cf .pls-slider-next:after,
.elementor-element-37a7a0cf .pls-slider-prev::after,
.elementor-element-37a7a0cf .pls-slider-next::after,
#section-71715 .pls-slider-prev:after,
#section-71715 .pls-slider-next:after,
#section-nyheder .pls-slider-prev:after,
#section-nyheder .pls-slider-next:after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
}











/* ==========================================================
   BRANDS SECTION BUTTONS - WIDER ON MOBILE (<= 768px & <= 480px)
   ========================================================== */
@media (max-width: 768px) {

  .bars-cat .pls-category-content,
  #brands-sec .pls-category-content,
  .product-category .pls-category-content {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  .bars-cat .woocommerce-loop-category__title,
  #brands-sec .woocommerce-loop-category__title,
  .product-category .woocommerce-loop-category__title,
  .product-category .pls-category-inner a .woocommerce-loop-category__title {
    width: 90% !important;
    max-width: 320px !important;
    min-width: 220px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-align: center !important;
    border-radius: 12px !important;
    margin: 0 auto !important;
    display: block !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  }
}

@media (max-width: 480px) {

  .bars-cat .woocommerce-loop-category__title,
  #brands-sec .woocommerce-loop-category__title,
  .product-category .woocommerce-loop-category__title,
  .product-category .pls-category-inner a .woocommerce-loop-category__title {
    width: 94% !important;
    max-width: 100% !important;
    min-width: 200px !important;
    padding: 11px 20px !important;
    font-size: 14.5px !important;
  }
}



/* ==========================================================
   BRANDS SECTIONS [Tilføj til kurv] WIDE BUTTONS (MOBILE ONLY)
   ========================================================== */
@media (max-width: 768px) {

  .tax-product_cat .pls-product-actions,
  .tax-product_cat .pls-cart-button,
  .archive .pls-product-actions,
  .archive .pls-cart-button,
  .bars-cat .pls-product-actions,
  .bars-cat .pls-cart-button,
  .product-category .pls-product-actions,
  .product-category .pls-cart-button,
  .woocommerce ul.products li.product .pls-product-actions,
  .woocommerce ul.products li.product .pls-cart-button,
  .pls-product-actions,
  .pls-cart-button {
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  .tax-product_cat .button,
  .tax-product_cat .add_to_cart_button,
  .tax-product_cat .ajax_add_to_cart,
  .archive .button,
  .archive .add_to_cart_button,
  .archive .ajax_add_to_cart,
  .bars-cat .button,
  .product-category .button,
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .add_to_cart_button,
  .woocommerce ul.products li.product .ajax_add_to_cart,
  .pls-cart-button .button,
  .pls-cart-button a,
  .ajax_add_to_cart,
  .add_to_cart_button {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 4px auto 0 auto !important;
    letter-spacing: 0.3px !important;
  }
}

@media (max-width: 480px) {

  .tax-product_cat .button,
  .tax-product_cat .add_to_cart_button,
  .tax-product_cat .ajax_add_to_cart,
  .archive .button,
  .archive .add_to_cart_button,
  .archive .ajax_add_to_cart,
  .bars-cat .button,
  .product-category .button,
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .add_to_cart_button,
  .woocommerce ul.products li.product .ajax_add_to_cart,
  .pls-cart-button .button,
  .pls-cart-button a,
  .ajax_add_to_cart,
  .add_to_cart_button {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}



/* ==========================================================
   GAPLESS & FAST INFO BOX SLIDER (Shipped Within 24h, 7,000+ Customers, Free Shipping)
   ========================================================== */
#pls-info-box-81082,
.pls-info-box-slider {
  overflow: hidden !important;
  width: 100% !important;
  padding: 6px 0 !important;
  margin: 0 auto !important;
}

#pls-info-box-81082 .swiper-wrapper {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

#pls-info-box-81082 .swiper-slide {
  flex-shrink: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

#pls-info-box-81082 .info-box-wrap {
  width: 100% !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

#pls-info-box-81082 .info-box-title h4 {
  white-space: nowrap !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}


/* ==========================================================
   MOBILE HOMEPAGE CONTENT MOVED A BIT UP
   ========================================================== */
@media (max-width: 768px) {

  .elementor-67>.elementor-element-6272ce62,
  .elementor-67 .elementor-element.elementor-element-6272ce62 {
    margin-top: -28px !important;
    padding-top: 10px !important;
  }

  .elementor-67 .elementor-element.elementor-element-3a4e4d20 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width: 480px) {

  .elementor-67>.elementor-element-6272ce62,
  .elementor-67 .elementor-element.elementor-element-6272ce62 {
    margin-top: -36px !important;
    padding-top: 6px !important;
  }
}


/* ==========================================================
   DESKTOP HERO SUBTITLE & [SHOP NOW] BUTTON MOVED A BIT UP
   ========================================================== */
@media (min-width: 992px) {
  .elementor-67 .elementor-element.elementor-element-3dae7688 {
    margin-top: -18px !important;
    margin-bottom: 12px !important;
    padding-top: 0 !important;
  }

  .elementor-67 .elementor-element.elementor-element-5230804a {
    margin-top: -8px !important;
    margin-bottom: 14px !important;
  }

  .hero-trustpilot-wrap {
    margin-top: -8px !important;
    margin-bottom: 4px !important;
  }
}



/* ==========================================================
   CHECKOUT MOBILE: YOUR ORDER & TRUSTPILOT ON TOP, CONTACT INFO BELOW
   ========================================================== */
@media (max-width: 960px) {
  .checkout-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .checkout-sidebar-column {
    order: 1 !important;
    width: 100% !important;
    position: static !important;
  }

  .checkout-main-column {
    order: 2 !important;
    width: 100% !important;
  }
}


/* ==========================================================
   PERFECT SHOP BY BRAND & AVAILABILITY SIDEBAR ARROWS & COUNTS
   ========================================================== */
.widget_product_categories ul.product-categories,
#secondary .widget ul.product-categories,
.sidebar-filter-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget_product_categories .product-categories>li,
#secondary .widget .product-categories>li,
.sidebar-filter-list>li {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 10px 4px !important;
  width: 100% !important;
  border-bottom: none !important;
  position: relative !important;
  transition: background 0.2s ease !important;
}

.widget_product_categories .product-categories>li:hover,
.widget_product_categories .product-categories>li.open,
.widget_product_categories .product-categories>li.cat-opened,
#secondary .widget .product-categories>li:hover,
#secondary .widget .product-categories>li.open,
#secondary .widget .product-categories>li.cat-opened {
  background: rgba(37, 99, 235, 0.05) !important;
  border-radius: 8px !important;
}

.widget_product_categories .product-categories>li>a,
#secondary .widget .product-categories>li>a {
  display: inline-block !important;
  margin-right: 6px !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  flex: none !important;
  transition: color 0.2s ease !important;
}

.widget_product_categories .product-categories>li>a:hover,
#secondary .widget .product-categories>li>a:hover {
  color: #1d4ed8 !important;
}

.widget_product_categories .product-categories>li span.count,
#secondary .widget .product-categories>li span.count,
.sidebar-filter-list>li .filter-count {
  font-size: 13px !important;
  color: #888888 !important;
  font-weight: 500 !important;
  margin-right: auto !important;
  margin-left: 2px !important;
  display: inline-block !important;
  flex: none !important;
}

.cat-expand-btn,
.filter-expand-btn {
  background: transparent !important;
  border: none !important;
  color: #555555 !important;
  font-size: 14px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  border-radius: 50% !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s ease, color 0.2s ease !important;
  line-height: 1 !important;
  margin-left: auto !important;
}

.cat-expand-btn:hover,
.filter-expand-btn:hover {
  background: rgba(37, 99, 235, 0.16) !important;
  color: #1d4ed8 !important;
}

.cat-expand-btn.open,
li.open>.cat-expand-btn,
li.cat-opened>.cat-expand-btn,
.filter-expand-btn.open {
  transform: rotate(180deg) !important;
  color: #1d4ed8 !important;
  background: rgba(37, 99, 235, 0.12) !important;
}

/* Hide count when open */
.widget_product_categories .product-categories>li.open>span.count,
.widget_product_categories .product-categories>li.cat-opened>span.count,
#secondary .widget .product-categories>li.open>span.count,
#secondary .widget .product-categories>li.cat-opened>span.count {
  display: none !important;
}

/* Subcategories children */
.widget_product_categories ul.children,
#secondary .widget ul.children,
.sub-filter-list {
  width: 100% !important;
  flex-basis: 100% !important;
  list-style: none !important;
  padding: 6px 0 6px 18px !important;
  margin: 4px 0 !important;
  border-left: 2.5px solid #2563eb !important;
  display: none;
}

.widget_product_categories li.open>ul.children,
.widget_product_categories li.cat-opened>ul.children,
#secondary .widget li.open>ul.children,
#secondary .widget li.cat-opened>ul.children,
.sub-filter-list.show {
  display: block !important;
}

.widget_product_categories ul.children li,
#secondary .widget ul.children li,
.sub-filter-list li {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 6px 4px !important;
  width: 100% !important;
  border-bottom: none !important;
}

.widget_product_categories ul.children li a,
#secondary .widget ul.children li a,
.sub-filter-list li a {
  font-size: 13.5px !important;
  color: #555555 !important;
  margin-right: 6px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.widget_product_categories ul.children li a:hover,
#secondary .widget ul.children li a:hover,
.sub-filter-list li a:hover {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}

.widget_product_categories ul.children li span.count,
#secondary .widget ul.children li span.count {
  font-size: 12px !important;
  color: #999999 !important;
  margin-right: auto !important;
}



/* Stock Status Filter - Clean Left-Aligned with Count Beside Label */
.widget_stock_status ul.pls-stock-status-filter {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget_stock_status ul.pls-stock-status-filter li {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 8px 0 !important;
  width: 100% !important;
  border-bottom: none !important;
}

.widget_stock_status ul.pls-stock-status-filter li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  color: #222 !important;
  text-decoration: none !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  width: 100% !important;
  transition: color 0.2s ease !important;
}

.widget_stock_status ul.pls-stock-status-filter li a:hover,
.widget_stock_status ul.pls-stock-status-filter li.active-stock-filter a {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}

.widget_stock_status ul.pls-stock-status-filter li span.count {
  font-size: 0.92rem !important;
  color: #666 !important;
  font-weight: 400 !important;
  margin-left: 0 !important;
  display: inline-block !important;
}


/* HIDE DUPLICATE THEME CHILD INDICATOR ARROW */
.child-indicator,
.widget li .child-indicator,
.widget li.cat-parent>.child-indicator,
.widget_product_categories .child-indicator,
#secondary .child-indicator {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}


/* ==========================================================
   INTERACTIVE SHOP VIEW SWITCHER (2 Columns / 3 Columns / List)
   Instant real-time switching on click without page refresh
   ========================================================== */
.pls-products-view a {
  cursor: pointer !important;
  user-select: none !important;
  transition: all 0.2s ease !important;
}

.pls-products-view a.active {
  color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}

/* ==========================================================
   GLOBAL: 3 COLUMNS ONLY ACROSS ALL CATEGORIES & SUBCATEGORIES
   Remove 2 Col and List Icons Everywhere
   ========================================================== */
.pls-products-view .grid-two-col,
.pls-products-view .grid-list,
.pls-products-view a.grid-four-col,
.pls-products-view a.grid-five-col,
.pls-products-view [data-shopview="grid-two-col"],
.pls-products-view [data-shopview="grid-list"] {
  display: none !important;
  pointer-events: none !important;
}

.pls-products-view a.grid-three-col,
.pls-products-view [data-shopview="grid-three-col"] {
  display: inline-flex !important;
  pointer-events: auto !important;
}

/* ENFORCE 3 COLUMNS GLOBALLY ON ALL PRODUCT LISTS */
.products-wrap .product,
.products .product,
.products-wrap.grid-two-col-active .product,
.products.grid-two-col-active .product,
.products-wrap.grid-list-active .product,
.products.grid-list-active .product,
.products-wrap.list-view .product,
.products.list-view .product,
.products-wrap.grid-three-col-active .product,
.products.grid-three-col-active .product,
#allProductsGrid .product,
#allProductsGrid.grid-three-col-active .product,
#allProductsGrid.grid-two-col-active .product,
#allProductsGrid.grid-list-active .product,
#razzCategoryGrid .product,
#razzCategoryGrid.grid-three-col-active .product,
#razzCategoryGrid.grid-two-col-active .product,
#razzCategoryGrid.grid-list-active .product {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  width: 33.333333% !important;
  display: block !important;
}

.products-wrap.grid-list-active .pls-product-inner,
.products.grid-list-active .pls-product-inner,
.products.list-view .pls-product-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 16px 20px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #f0f0f0 !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.products-wrap.grid-list-active .pls-product-image,
.products.grid-list-active .pls-product-image,
.products.list-view .pls-product-image {
  flex: 0 0 160px !important;
  max-width: 160px !important;
  margin-bottom: 0 !important;
}

.products-wrap.grid-list-active .pls-product-info,
.products.grid-list-active .pls-product-info,
.products.list-view .pls-product-info {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: left !important;
}

.products-wrap.grid-list-active .pls-product-actions,
.products.grid-list-active .pls-product-actions,
.products.list-view .pls-product-actions {
  margin-top: 12px !important;
  width: auto !important;
  max-width: 200px !important;
}


/* ==========================================================
   CLEAN BORDERLESS SIDEBAR - REMOVE ALL DIVIDER LINES & UNDERLINES
   ========================================================== */
#secondary .widget li,
#secondary .widget ul li,
#secondary .widget_product_categories li,
#secondary .product-categories>li,
#secondary .sidebar-filter-list>li,
#secondary .sidebar-filter-list li,
#secondary .widget_stock_status li,
#secondary .pls-stock-status-filter li,
.widget_product_categories .product-categories>li,
.widget_product_categories ul li,
.widget_stock_status ul.pls-stock-status-filter li,
.sidebar-filter-list>li,
.sidebar-filter-list li,
.pls-stock-status-item {
  border-bottom: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

#secondary .widget li a,
#secondary .widget a,
.widget_product_categories a,
.sidebar-filter-list a,
.pls-stock-status-filter a {
  text-decoration: none !important;
  border-bottom: none !important;
}

.widget_categories li a:after,
.widget_product_categories li a:after,
.widget_pages li a:after,
.widget_nav_menu li a:after {
  display: none !important;
  border-bottom: none !important;
  content: none !important;
}


/* ==========================================================
   100% UNIFIED DIMENSIONS, WIDTHS & SIZES (SALE, NYHEDER & KUNDERNES FAVORITTER)
   ========================================================== */
#nyheder_section,
.elementor-element-37a7a0cf {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
  padding: 50px 20px !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

#nyheder_section .e-con-inner,
.elementor-element-37a7a0cf .e-con-inner {
  max-width: 1320px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
  position: relative !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

#nyheder_section .woocommerce,
#nyheder_section .pls-element,
#nyheder_section .pls-products-grid-slider,
#nyheder_section .pls-slider,
#section-nyheder,
.elementor-element-37a7a0cf .woocommerce,
.elementor-element-37a7a0cf .pls-element,
.elementor-element-37a7a0cf .pls-products-grid-slider,
.elementor-element-37a7a0cf .pls-slider,
#section-16457 {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: none !important;
}

#section-nyheder .products.swiper-wrapper,
#section-16457 .products.swiper-wrapper,
#section-71715 .products.swiper-wrapper,
.products-slider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  border: none !important;
}

#section-nyheder .swiper-slide,
#section-16457 .swiper-slide,
#section-71715 .swiper-slide,
.products-slider .swiper-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
}

#section-nyheder .pls-product-inner,
#section-16457 .pls-product-inner,
#section-71715 .pls-product-inner,
.products-slider .pls-product-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  border-radius: 12px !important;
}

#section-nyheder .pls-product-info,
#section-16457 .pls-product-info,
#section-71715 .pls-product-info,
.products-slider .pls-product-info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
}

#section-nyheder .product-title,
#section-16457 .product-title,
#section-71715 .product-title,
.products-slider .product-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.6em !important;
  max-height: 2.6em !important;
  line-height: 1.3em !important;
  margin-bottom: 6px !important;
}

#section-nyheder .pls-product-actions,
#section-16457 .pls-product-actions,
#section-71715 .pls-product-actions,
.products-slider .pls-product-actions {
  margin-top: auto !important;
  width: 100% !important;
}

#section-nyheder .pls-product-image,
#section-16457 .pls-product-image,
#section-71715 .pls-product-image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
  border: none !important;
}

#section-nyheder .pls-product-image img,
#section-16457 .pls-product-image img,
#section-71715 .pls-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  border: none !important;
  transform: none !important;
  transition: transform 0.25s ease !important;
}

#section-nyheder .pls-product-inner:hover .pls-product-image img,
#section-16457 .pls-product-inner:hover .pls-product-image img,
#section-71715 .pls-product-inner:hover .pls-product-image img {
  transform: scale(1.06) !important;
}

/* ALL HOMEPAGE SLIDERS NAVIGATION (SALE 10%, NYHEDER, KUNDERNES FAVORITTER) */
#most_poupolar_sec .pls-slider-navigation,
#nyheder_section .pls-slider-navigation,
.elementor-element-37a7a0cf .pls-slider-navigation {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  pointer-events: none !important;
  z-index: 25 !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

#most_poupolar_sec .pls-slider-prev,
#most_poupolar_sec .pls-slider-next,
#section-71715 .pls-slider-prev,
#section-71715 .pls-slider-next,
#nyheder_section .pls-slider-prev,
#nyheder_section .pls-slider-next,
#section-nyheder .pls-slider-prev,
#section-nyheder .pls-slider-next,
.elementor-element-37a7a0cf .pls-slider-prev,
.elementor-element-37a7a0cf .pls-slider-next,
#section-16457 .pls-slider-prev,
#section-16457 .pls-slider-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: rgba(8, 24, 68, 0.9) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(29, 78, 216, 0.6) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(29, 78, 216, 0.35) !important;
  z-index: 30 !important;
  cursor: pointer !important;
}

#most_poupolar_sec .pls-slider-prev,
#section-71715 .pls-slider-prev,
#nyheder_section .pls-slider-prev,
#section-nyheder .pls-slider-prev,
.elementor-element-37a7a0cf .pls-slider-prev,
#section-16457 .pls-slider-prev {
  left: 10px !important;
  right: auto !important;
}

#most_poupolar_sec .pls-slider-next,
#section-71715 .pls-slider-next,
#nyheder_section .pls-slider-next,
#section-nyheder .pls-slider-next,
.elementor-element-37a7a0cf .pls-slider-next,
#section-16457 .pls-slider-next {
  right: 10px !important;
  left: auto !important;
}

#most_poupolar_sec .pls-slider-prev svg,
#most_poupolar_sec .pls-slider-next svg,
#section-71715 .pls-slider-prev svg,
#section-71715 .pls-slider-next svg,
#nyheder_section .pls-slider-prev svg,
#nyheder_section .pls-slider-next svg,
#section-nyheder .pls-slider-prev svg,
#section-nyheder .pls-slider-next svg,
.elementor-element-37a7a0cf .pls-slider-prev svg,
.elementor-element-37a7a0cf .pls-slider-next svg,
#section-16457 .pls-slider-prev svg,
#section-16457 .pls-slider-next svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #ffffff !important;
  display: block !important;
}

/* ==========================================================
   FREE SHIPPING CELEBRATION & CART PROGRESS BAR ANIMATIONS
   ========================================================== */
.shipping-progress-container {
  padding: 8px 24px 0 !important;
  background: #ffffff;
  position: relative;
  margin: 0 !important;
}

.shipping-progress-header {
  font-size: 14px !important;
  color: #111827 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  display: block !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
}

.shipping-progress-header strong {
  color: #111827;
  font-weight: 700;
}

.shipping-progress-header strong.shipping-highlight {
  color: #10b981 !important;
}

.shipping-progress-track {
  position: relative;
  width: 100%;
  height: 8px;
  background: #e5e7eb;
  border-radius: 999px;
  margin: 8px 0 6px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
}

.shipping-progress-fill {
  height: 100%;
  border-radius: 999px;
  position: relative;
  transition: width 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
}

.shipping-progress-fill.is-complete {
  background: linear-gradient(90deg, #10b981 0%, #059669 50%, #34d399 100%);
  background-size: 200% 100%;
  animation: shippingShimmer 2s linear infinite;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}

@keyframes shippingShimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.shipping-cart-pin {
  position: absolute;
  right: -14px;
  top: -11px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #10b981;
  box-shadow: 0 3px 8px rgba(16, 185, 129, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: transform 0.3s ease, border-color 0.3s ease;
  cursor: default;
}

.shipping-cart-pin.is-complete {
  border-color: #059669;
  background: #ecfdf5;
  animation: pinCelebrateBounce 0.8s ease infinite alternate;
}

@keyframes pinCelebrateBounce {
  0% {
    transform: translateY(0) scale(1);
  }

  100% {
    transform: translateY(-4px) scale(1.1);
    box-shadow: 0 6px 14px rgba(16, 185, 129, 0.5);
  }
}

.shipping-goal-milestone {
  position: absolute;
  right: -6px;
  top: -8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f3f4f6;
  border: 2px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  z-index: 2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.shipping-goal-milestone.is-complete {
  background: #10b981;
  color: #ffffff;
  transform: scale(1.15);
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.6);
}

#freeShippingConfettiCanvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 30 !important;
}
.shipping-celebration-zone {
  position: relative !important;
  overflow: hidden !important;
}

.free-shipping-celebration-card {
  position: relative !important;
  z-index: 20 !important;
  margin-top: 10px;
  padding: 10px 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 1.5px solid #a7f3d0;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: none !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.1);
}

.free-shipping-celebration-card.free-shipping-just-unlocked {
  animation: celebrationCardPop 0.55s cubic-bezier(0.22, 1.2, 0.36, 1) both !important;
  transform-origin: center top !important;
  box-shadow: 0 6px 22px rgba(16, 185, 129, 0.22);
}

@keyframes celebrationCardPop {
  0% {
    opacity: 0;
    transform: scale(0.85) translateY(8px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes iconDance {
  0% {
    transform: rotate(-10deg) scale(1);
  }

  100% {
    transform: rotate(10deg) scale(1.2);
  }
}

@keyframes iconSparkle {
  0% {
    transform: scale(0.9) rotate(0deg);
    opacity: 0.7;
  }

  100% {
    transform: scale(1.2) rotate(15deg);
    opacity: 1;
  }
}

/* ==========================================================
   UNIVERSAL ADD TO CART BUTTON COLORS (Normal: #1e40af | Hover: #172554)
   ========================================================== */
.products.grid-view .pls-product-actions a,
.products.grid-view .pls-cart-button a,
.products.list-view .pls-cart-button a,
.products.list-view .pls-product-actions a,
.products.list-view .add_to_cart_button,
.products .pls-cart-button a,
.products .add_to_cart_button,
.pls-cart-button a,
.pls-cart-button .button,
.pls-product-actions a,
.pls-product-actions .button,
.add_to_cart_button,
.ajax_add_to_cart,
.single_add_to_cart_button,
button.single_add_to_cart_button,
button.add_to_cart_button,
a.add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart,
.tax-product_cat .button,
.tax-product_cat .add_to_cart_button,
.tax-product_cat .ajax_add_to_cart,
.archive .button,
.archive .add_to_cart_button,
.archive .ajax_add_to_cart,
.bars-cat .button,
.product-category .button,
.btn-add-cart,
.btn-add,
button[name="add-to-cart"],
a[href*="add-to-cart"],
.pdp-add-btn.active,
#pdpCartBtn,
.pls-button .button,
.pls-single-product-page button.single_add_to_cart_ajax_button,
.pls-sticky-add-to-cart a {
  border-radius: var(--pls-border-radius, 8px) !important;
  background: #1e40af !important;
  background-color: #1e40af !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.25s ease !important;
}

.products.grid-view .pls-product-actions a:hover,
.products.grid-view .pls-cart-button a:hover,
.products.list-view .pls-cart-button a:hover,
.products.list-view .pls-product-actions a:hover,
.products.list-view .add_to_cart_button:hover,
.products .pls-cart-button a:hover,
.products .add_to_cart_button:hover,
.pls-cart-button a:hover,
.pls-cart-button .button:hover,
.pls-product-actions a:hover,
.pls-product-actions .button:hover,
.add_to_cart_button:hover,
.ajax_add_to_cart:hover,
.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
button.add_to_cart_button:hover,
a.add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .ajax_add_to_cart:hover,
.tax-product_cat .button:hover,
.tax-product_cat .add_to_cart_button:hover,
.tax-product_cat .ajax_add_to_cart:hover,
.archive .button:hover,
.archive .add_to_cart_button:hover,
.archive .ajax_add_to_cart:hover,
.bars-cat .button:hover,
.product-category .button:hover,
.btn-add-cart:hover,
.btn-add:hover,
button[name="add-to-cart"]:hover,
a[href*="add-to-cart"]:hover,
.pdp-add-btn.active:hover,
#pdpCartBtn:hover,
.pls-button .button:hover,
.pls-single-product-page button.single_add_to_cart_ajax_button:hover,
.pls-sticky-add-to-cart a:hover {
  background: #172554 !important;
  background-color: #172554 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18) !important;
}

/* ==========================================================
   BRANDING / CATEGORY PAGES — BLUE GRADIENT HEADINGS
   Applies to: all-products, brand category pages (Razz Bar, OKSO, Waspe, etc.)
   ========================================================== */

/* H1 Page Title — Faded Blue Gradient */
.pls-catalog-page .pls-page-title .title,
.pls-catalog-page #page-title .title,
.pls-catalog-page .pls-page-title h1,
.pls-catalog-page #page-title h1,
.pls-catalog-page .entry-header .title,
.tax-product_cat .pls-page-title .title,
.tax-product_cat #page-title .title,
.tax-product_cat .pls-page-title h1,
.tax-product_cat #page-title h1,
.tax-product_cat .entry-header .title,
.products-hero h1,
.pls-page-title .title,
.pls-page-title h1,
#page-title .title,
#page-title h1,
.entry-header .title {
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 40%, #1e40af 70%, #1e3a8a 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
}

/* Sidebar Widget Titles — Faded Blue Gradient */
.widget-title,
h3.widget-title,
.sidebar .widget-title,
#secondary .widget-title,
.sidebar-filter h3,
.sidebar h3 {
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 50%, #1e3a8a 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  margin-bottom: 14px !important;
}

/* Footer headings on these pages — keep them white (don't apply gradient in footer) */
.pls-site-footer .widget-title,
footer .widget-title,
.footer-widget .widget-title,
.elementor-6009 .widget-title,
.pls-footer-main .widget-title,
.site-footer .widget-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #ffffff !important;
  background-clip: initial !important;
  color: #ffffff !important;
}

/* ==========================================================
   MOBILE VIEW SWITCHER — Icons only, tight group LEFT | Sort RIGHT
   Overrides theme's display:none at max-width:1024px
   ========================================================== */
@media (max-width: 1024px) {

  /* ---- Outer filter bar: single row, left + right ---- */
  .pls-products-header-filters {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* ---- LEFT: view buttons container ---- */
  .pls-products-header-filters-left {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex-shrink: 0 !important;
  }

  /* Force the view switcher visible, no gap between icons */
  .pls-products-header-filters .pls-products-view {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex-shrink: 0 !important;
  }

  /* ---- Icon-only buttons: connected strip ---- */
  .pls-products-view a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 34px !important;
    padding: 0 !important;
    font-size: 0 !important;               /* hide text */
    -webkit-text-fill-color: transparent !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 0 !important;           /* no rounding — strip style */
    background: #f9fafb !important;
    cursor: pointer !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
    margin-left: -1.5px !important;        /* overlap borders for connected look */
    position: relative !important;
    z-index: 1 !important;
  }

  /* First button: round left corners */
  .pls-products-view a:first-child {
    border-radius: 8px 0 0 8px !important;
    margin-left: 0 !important;
  }

  /* Last button: round right corners */
  .pls-products-view a:last-child {
    border-radius: 0 8px 8px 0 !important;
  }

  /* Single button: rounded on all corners */
  .pls-products-view a:only-child {
    border-radius: 8px !important;
  }

  /* Active button */
  .pls-products-view a.active {
    background: #1e40af !important;
    border-color: #1e40af !important;
    z-index: 2 !important;
  }

  .pls-products-view a:hover:not(.active) {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    z-index: 2 !important;
  }

  /* ---- SVG icons via ::before (override theme icon font) ---- */
  .pls-products-view a::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: none !important;
    font-size: 0 !important;
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: normal !important;
  }

  /* 2-column icon: two vertical bars */
  .pls-products-view .grid-two-col::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='8' height='18' rx='1.5' fill='%23374151'/%3E%3Crect x='11' y='1' width='8' height='18' rx='1.5' fill='%23374151'/%3E%3C/svg%3E") !important;
  }

  /* 3-column icon: three vertical bars */
  .pls-products-view .grid-three-col::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='5' height='18' rx='1.5' fill='%23374151'/%3E%3Crect x='7.5' y='1' width='5' height='18' rx='1.5' fill='%23374151'/%3E%3Crect x='14' y='1' width='5' height='18' rx='1.5' fill='%23374151'/%3E%3C/svg%3E") !important;
  }

  /* List icon: three horizontal lines */
  .pls-products-view .grid-list::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='2' width='18' height='4' rx='1.5' fill='%23374151'/%3E%3Crect x='1' y='8' width='18' height='4' rx='1.5' fill='%23374151'/%3E%3Crect x='1' y='14' width='18' height='4' rx='1.5' fill='%23374151'/%3E%3C/svg%3E") !important;
  }

  /* White icons when active */
  .pls-products-view .grid-two-col.active::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='8' height='18' rx='1.5' fill='%23ffffff'/%3E%3Crect x='11' y='1' width='8' height='18' rx='1.5' fill='%23ffffff'/%3E%3C/svg%3E") !important;
  }

  .pls-products-view .grid-three-col.active::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='5' height='18' rx='1.5' fill='%23ffffff'/%3E%3Crect x='7.5' y='1' width='5' height='18' rx='1.5' fill='%23ffffff'/%3E%3Crect x='14' y='1' width='5' height='18' rx='1.5' fill='%23ffffff'/%3E%3C/svg%3E") !important;
  }

  .pls-products-view .grid-list.active::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='2' width='18' height='4' rx='1.5' fill='%23ffffff'/%3E%3Crect x='1' y='8' width='18' height='4' rx='1.5' fill='%23ffffff'/%3E%3Crect x='1' y='14' width='18' height='4' rx='1.5' fill='%23ffffff'/%3E%3C/svg%3E") !important;
  }

  /* ---- RIGHT: sort dropdown ---- */
  .pls-products-header-filters-right {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }

  .pls-products-header-filters-right .woocommerce-ordering {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .pls-products-header-filters-right .pls-ordering-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    white-space: nowrap !important;
  }

  .pls-products-header-filters-right select.orderby {
    font-size: 12px !important;
    padding: 7px 10px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #f9fafb !important;
    color: #374151 !important;
    cursor: pointer !important;
    height: 34px !important;
    appearance: auto !important;
  }

  /* 3-COLUMN EVERYWHERE ON MOBILE */
  .products-wrap .product,
  .products .product,
  .products-wrap.grid-two-col-active .product,
  .products.grid-two-col-active .product,
  .products-wrap.grid-three-col-active .product,
  .products.grid-three-col-active .product,
  .products-wrap.grid-list-active .product,
  .products.grid-list-active .product,
  #allProductsGrid .product,
  #allProductsGrid.grid-three-col-active .product,
  #allProductsGrid.grid-two-col-active .product,
  #allProductsGrid.grid-list-active .product,
  #razzCategoryGrid .product,
  #razzCategoryGrid.grid-three-col-active .product,
  #razzCategoryGrid.grid-two-col-active .product,
  #razzCategoryGrid.grid-list-active .product {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    width: 33.333% !important;
  }

  .products .product-title a,
  .products-wrap .product-title a,
  #allProductsGrid .product-title a,
  #razzCategoryGrid .product-title a {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .products .pls-product-price,
  .products-wrap .pls-product-price,
  .products .price,
  .products-wrap .price,
  #allProductsGrid .pls-product-price,
  #allProductsGrid .price,
  #razzCategoryGrid .pls-product-price,
  #razzCategoryGrid .price {
    font-size: 11px !important;
  }
}

/* Very small phones (< 480px) */
@media (max-width: 480px) {
  .pls-products-header-filters-right .pls-ordering-label {
    display: none !important;
  }

  .pls-products-header-filters-right select.orderby {
    font-size: 11px !important;
    max-width: 130px !important;
  }

  .products.grid-list-active .pls-product-image,
  .products-wrap.grid-list-active .pls-product-image {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
}

/* ==========================================================
   CONTACT PAGE — "Send besked" button matches Add to Cart
   ========================================================== */
#themeContactSubmit,
#themeContactForm button[type="submit"],
.contact-form-wrap button[type="submit"] {
  background: #1e40af !important;
  background-color: #1e40af !important;
  color: #ffffff !important;
  border: none !important;
  transition: background 0.2s ease !important;
}

#themeContactSubmit:hover,
#themeContactForm button[type="submit"]:hover,
.contact-form-wrap button[type="submit"]:hover {
  background: #172554 !important;
  background-color: #172554 !important;
  color: #ffffff !important;
}

/* ==========================================================
   GLOBAL FOOTER — Newsletter circular send icon: purple → blue
   Applies to all pages (index, about, product pages, etc.)
   ========================================================== */
.ne-send i {
  background: #1e40af !important;
  background-color: #1e40af !important;
}

.ne-send:hover i,
.ne-send i:hover {
  background: #172554 !important;
  background-color: #172554 !important;
}

/* Also catch checkbox (newsletter consent) purple → blue */
.ne-consent input[type="checkbox"]:checked {
  background: #1e40af !important;
  background-color: #1e40af !important;
  border-color: #1e40af !important;
}

/* ==========================================================
   MOBILE HEADER NAVBAR: BALANCED INSET PADDING (ALL PAGES)
   Hamburger moved right a bit | Search & Cart moved left a bit
   ========================================================== */
@media (max-width: 1024px) {
  .pls-header-main .container,
  .pls-header-main .row {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .pls-header-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }
  .pls-header-mobile .pls-header-col-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    flex: 0 0 auto !important;
  }
  .pls-header-mobile .pls-header-col-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
  }
  .pls-header-mobile .pls-header-col-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    gap: 16px !important;
    flex: 0 0 auto !important;
  }
  .pls-header-mobile .pls-header-col-right .pls-header-mini-search,
  .pls-header-mobile .pls-header-col-right .pls-header-cart {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}

/* ==========================================================
   MOBILE MENU DRAWER: HIGH Z-INDEX & WHITE BACKGROUND OVERLAY FIX
   ========================================================== */
.pls-mobile-menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 320px !important;
  max-width: 85% !important;
  height: 100vh !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  z-index: 9999999999 !important;
  box-shadow: 10px 0 35px rgba(0, 0, 0, 0.25) !important;
  overflow-y: auto !important;
  transform: translateX(-100%) !important;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.pls-mobile-menu.opened,
.pls-mobile-menu.open {
  transform: translateX(0) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.pls-mobile-menu .pls-mobile-menu-wrap,
.pls-mobile-menu .pls-mobile-menu-header,
.pls-mobile-menu .mobile-primary-menu,
.pls-mobile-menu .mobile-main-menu,
.pls-mobile-menu .pls-mobile-submenu {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

.pls-mobile-menu .pls-close-btn,
.pls-mobile-menu-header .pls-close-btn,
.pls-mobile-categories-menu .pls-close-btn {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f3f4f6 !important;
  border-radius: 50% !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important;
  z-index: 999999 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
  overflow: hidden !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  border: none !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.pls-mobile-menu .pls-close-btn::before,
.pls-mobile-menu-header .pls-close-btn::before,
.pls-mobile-categories-menu .pls-close-btn::before {
  content: '✕' !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #1f2937 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.pls-mobile-menu .pls-close-btn:hover,
.pls-mobile-menu-header .pls-close-btn:hover,
.pls-mobile-categories-menu .pls-close-btn:hover {
  background: #e5e7eb !important;
  color: transparent !important;
  transform: scale(1.05) !important;
}

.pls-mobile-menu .pls-close-btn:hover::before,
.pls-mobile-menu-header .pls-close-btn:hover::before,
.pls-mobile-categories-menu .pls-close-btn:hover::before {
  color: #000000 !important;
}

/* ==========================================================
   MOBILE MENU MULTI-LEVEL SLIDING SUB-PANELS ("NEW PAGE OF HAMBURGER")
   ========================================================== */
@media (max-width: 1024px) {
  /* Inner container positioning for sliding sub-panels */
  .pls-mobile-menu .pls-mobile-menu-wrap,
  .pls-mobile-menu .mobile-primary-menu,
  .mobile-primary-menu,
  .pls-mobile-menu-content {
    position: relative !important;
    overflow-x: hidden !important;
    min-height: 100% !important;
  }

  /* Sub-panels formatted as sliding screens inside hamburger menu ("new page of hamburger") */
  .pls-mobile-menu .pls-mobile-submenu,
  .mobile-main-menu .pls-mobile-submenu {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    background: #ffffff !important;
    z-index: 200 !important;
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateX(100%) !important;
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease, visibility 0.28s ease !important;
    padding: 16px 20px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }

  /* Slide in active sub-panel when parent li has .open class */
  .pls-mobile-menu li.open > .pls-mobile-submenu,
  .mobile-main-menu li.open > .pls-mobile-submenu {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  /* Back button ("Tilbage") at top of each sub-panel */
  .pls-mobile-menu .pls-menu-back,
  .mobile-main-menu .pls-menu-back {
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1e40af !important;
    background: #eff6ff !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    border-radius: 8px !important;
    border: 1px solid #dbeafe !important;
    cursor: pointer !important;
    user-select: none !important;
  }

  .pls-mobile-menu .pls-menu-back::before,
  .mobile-main-menu .pls-menu-back::before {
    content: '←' !important;
    margin-right: 8px !important;
    font-size: 18px !important;
    font-weight: bold !important;
  }

  /* Completely hide any arrow elements or arrow pseudo-elements in mobile menu */
  .pls-submenu-toggle-btn,
  .pls-mobile-menu .menu-item-has-children > a::after,
  .mobile-main-menu .menu-item-has-children > a::after,
  .pls-mobile-menu .menu-item-has-children > a::before,
  .mobile-main-menu .menu-item-has-children > a::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
  }

  /* Clean list item formatting inside sub-panels */
  .pls-mobile-menu ul.sub-menu,
  .mobile-main-menu ul.sub-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .pls-mobile-menu ul.sub-menu li a,
  .mobile-main-menu ul.sub-menu li a {
    display: block !important;
    padding: 12px 8px !important;
    font-size: 15px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    text-decoration: none !important;
  }

  /* Highlight "Se alle..." links */
  .pls-mobile-menu a.pls-see-all-link,
  .mobile-main-menu a.pls-see-all-link {
    font-weight: 600 !important;
    color: #1d4ed8 !important;
    background: #f0fdf4 !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
    padding: 10px 12px !important;
    border-bottom: none !important;
  }

  /* Ensure links are fully clickable */
  .pls-mobile-menu a,
  .mobile-main-menu a {
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  /* Prevent desktop hover dropdowns from interfering */
  .pls-navigation ul.menu > li:hover > ul.sub-menu,
  .pls-navigation ul.menu li li:hover > ul.sub-menu {
    display: none !important;
  }
}

/* ==========================================================
   MOBILE DEVICE SPACING: NEWS / NYHEDER (1cm Gap)
   ========================================================== */
@media (max-width: 768px) {
  .elementor-6009 .elementor-element.elementor-element-6d8f96e7,
  .elementor-6009 .elementor-element.elementor-element-5084bbee,
  .footer-newsletter-sub,
  .ne-field,
  .elementor-6009 .ne-field {
    margin-top: 1cm !important;
    margin-bottom: 1cm !important;
  }

  #section-16457 {
    margin-top: 1cm !important;
    margin-bottom: 1cm !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* ==========================================================
     NYHEDER SECTION: 100% SEAMLESS BACKGROUND (NO PATCHES/BOXES)
     ========================================================== */
  #nyheder_section,
  #nyheder_section::before,
  #nyheder_section::after,
  #nyheder_section:not(.elementor-motion-effects-element-type-background),
  #nyheder_section .e-con-inner,
  #nyheder_section .e-con-inner::before,
  #nyheder_section .e-con-inner::after,
  #nyheder_section .elementor-motion-effects-container,
  #nyheder_section .elementor-motion-effects-layer,
  #nyheder_section .elementor-background-overlay,
  .elementor-element.elementor-element-37a7a0cf,
  .elementor-element-37a7a0cf::before,
  .elementor-element-37a7a0cf::after,
  .elementor-67 .elementor-element.elementor-element-37a7a0cf,
  .elementor-67 .elementor-element.elementor-element-37a7a0cf:not(.elementor-motion-effects-element-type-background),
  div[data-id="nyheder-sec"],
  div[data-id="nyheder-sec"]::before,
  div[data-id="nyheder-sec"]::after,
  #pls-products-grid-slider-nyheder,
  #section-nyheder {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
  }

  #nyheder_section {
    padding: 10px 0 20px 0 !important;
    margin-top: 0.5cm !important;
    margin-bottom: 0.5cm !important;
  }

  #nyheder_section .e-con-inner {
    padding: 0 10px !important;
  }

  /* ==========================================================
     NYHEDER & KUNDERNES FAVORITTER: 1 CARD PER SLIDE IN BIGGER SIZE (MOBILE ONLY)
     ========================================================== */
  #section-nyheder,
  #section-16457 {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  #section-nyheder .products.swiper-wrapper,
  #section-16457 .products.swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  #section-nyheder .swiper-slide,
  #section-16457 .swiper-slide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 0 16px !important;
    height: auto !important;
  }

  /* Bigger Product Card Container */
  #section-nyheder .pls-product-inner,
  #section-16457 .pls-product-inner {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    padding: 16px 14px 20px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border-radius: 16px !important;
    border: none !important;
    height: 100% !important;
  }

  /* Bigger Product Image */
  #section-nyheder .pls-product-image,
  #section-16457 .pls-product-image {
    width: 100% !important;
    max-width: 250px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto 12px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: transparent !important;
    border: none !important;
  }

  #section-nyheder .pls-product-image a,
  #section-16457 .pls-product-image a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #section-nyheder .pls-product-image img,
  #section-16457 .pls-product-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 250px !important;
    max-height: 250px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    border-radius: 16px !important;
    border: none !important;
    display: block !important;
    margin: 0 auto !important;
    transform: none !important;
    transition: transform 0.25s ease !important;
  }

  #section-nyheder .pls-product-inner:hover .pls-product-image img,
  #section-16457 .pls-product-inner:hover .pls-product-image img {
    transform: scale(1.04) !important;
  }

  /* Bigger Product Info */
  #section-nyheder .pls-product-info,
  #section-16457 .pls-product-info {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
  }

  /* Bigger Product Title */
  #section-nyheder .product-title,
  #section-nyheder .product-title a,
  #section-nyheder h3.product-title,
  #section-nyheder h3.product-title a,
  #section-nyheder .woocommerce-loop-product__title,
  #section-16457 .product-title,
  #section-16457 .product-title a,
  #section-16457 h3.product-title,
  #section-16457 h3.product-title a,
  #section-16457 .woocommerce-loop-product__title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    min-height: 2.7em !important;
    height: auto !important;
    max-height: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-align: center !important;
    margin: 0 auto 8px auto !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    width: 100% !important;
  }

  /* Bigger Price */
  #section-nyheder .pls-product-price,
  #section-nyheder .price,
  #section-nyheder .woocommerce-Price-amount,
  #section-nyheder bdi,
  #section-16457 .pls-product-price,
  #section-16457 .price,
  #section-16457 .woocommerce-Price-amount,
  #section-16457 bdi {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #ffffff !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
    display: block !important;
  }

  #section-nyheder .price del,
  #section-nyheder .pls-product-price del,
  #section-16457 .price del,
  #section-16457 .pls-product-price del {
    font-size: 14px !important;
    color: #888888 !important;
    margin-right: 8px !important;
    text-decoration: line-through !important;
    display: inline-block !important;
  }

  #section-nyheder .price ins,
  #section-nyheder .pls-product-price ins,
  #section-16457 .price ins,
  #section-16457 .pls-product-price ins {
    text-decoration: none !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: inline-block !important;
  }

  /* Bigger Add to Cart Button */
  #section-nyheder .pls-product-actions,
  #section-16457 .pls-product-actions {
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
  }

  #section-nyheder .pls-cart-button,
  #section-nyheder .pls-cart-button .button,
  #section-nyheder .ajax_add_to_cart,
  #section-16457 .pls-cart-button,
  #section-16457 .pls-cart-button .button,
  #section-16457 .ajax_add_to_cart {
    width: 100% !important;
    max-width: 280px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 20px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    background: #1d4ed8 !important;
    color: #ffffff !important;
    display: block !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    cursor: pointer !important;
    border: none !important;
  }

  /* Navigation Arrows for NYHEDER & KUNDERNES FAVORITTER Mobile */
  #nyheder_section .pls-slider-navigation,
  .elementor-element-37a7a0cf .pls-slider-navigation,
  #section-16457 .pls-slider-navigation {
    position: absolute !important;
    top: 36% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    pointer-events: none !important;
    z-index: 35 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
  }

  #nyheder_section .pls-slider-prev,
  #section-nyheder .pls-slider-prev,
  #section-16457 .pls-slider-prev {
    position: absolute !important;
    left: 4px !important;
    right: auto !important;
    top: 36% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(30, 8, 51, 0.85) !important;
    border: 1.5px solid rgba(186, 57, 210, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    z-index: 35 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
  }

  #nyheder_section .pls-slider-next,
  #section-nyheder .pls-slider-next,
  #section-16457 .pls-slider-next {
    position: absolute !important;
    right: 4px !important;
    left: auto !important;
    top: 36% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(30, 8, 51, 0.85) !important;
    border: 1.5px solid rgba(186, 57, 210, 0.5) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
    z-index: 35 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
  }

  #nyheder_section .pls-slider-prev svg,
  #nyheder_section .pls-slider-next svg,
  #section-nyheder .pls-slider-prev svg,
  #section-nyheder .pls-slider-next svg,
  #section-16457 .pls-slider-prev svg,
  #section-16457 .pls-slider-next svg {
    width: 20px !important;
    height: 20px !important;
    stroke: #ffffff !important;
  }
}

/* ==========================================================
   BACK-IN-STOCK NOTIFICATION BUTTON & POPUP MODAL
   ========================================================== */

/* Notify button on product cards (grid view / catalog) */
.notify-stock-btn,
button.notify-stock-btn,
a.notify-stock-btn,
.pls-cart-button .notify-stock-btn,
.pls-cart-button button.notify-stock-btn,
.pls-cart-button a.notify-stock-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #1e40af 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(96, 165, 250, 0.45) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.22s ease-in-out !important;
  text-decoration: none !important;
  text-align: center !important;
  user-select: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}

.notify-stock-btn span,
button.notify-stock-btn span,
a.notify-stock-btn span,
.pls-cart-button .notify-stock-btn span {
  white-space: nowrap !important;
  word-break: keep-all !important;
  display: inline !important;
  line-height: 1.2 !important;
}

.notify-stock-btn:hover,
button.notify-stock-btn:hover,
a.notify-stock-btn:hover,
.pls-cart-button .notify-stock-btn:hover {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #1d4ed8 100%) !important;
  border-color: rgba(147, 197, 253, 0.75) !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-1.5px) !important;
  color: #ffffff !important;
}

.notify-stock-btn:active,
button.notify-stock-btn:active,
.pls-cart-button .notify-stock-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3) !important;
}

.notify-stock-btn svg,
.pls-cart-button .notify-stock-btn svg {
  width: 15px !important;
  height: 15px !important;
  stroke: #ffffff !important;
  fill: none !important;
  transition: transform 0.2s ease !important;
  flex-shrink: 0 !important;
}

.notify-stock-btn:hover svg {
  transform: scale(1.15) rotate(8deg) !important;
}

/* Subscribed / Active state on product cards */
.notify-stock-btn.is-subscribed,
button.notify-stock-btn.is-subscribed,
.pls-cart-button .notify-stock-btn.is-subscribed {
  background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;
  border-color: rgba(52, 211, 153, 0.5) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
  color: #ffffff !important;
}

/* PDP Main Button for Out of Stock */
.pdp-add-btn.notify-active,
#pdpNotifyBtn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex: 1 !important;
  padding: 15px 20px !important;
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #1e40af 100%) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(96, 165, 250, 0.5) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35) !important;
  transition: all 0.22s ease-in-out !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}

.pdp-add-btn.notify-active span,
#pdpNotifyBtn span {
  white-space: nowrap !important;
  word-break: keep-all !important;
  display: inline !important;
  line-height: 1.2 !important;
}

.pdp-notify-text-short {
  display: none !important;
}

.pdp-add-btn.notify-active:hover {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #1d4ed8 100%) !important;
  box-shadow: 0 8px 25px rgba(37, 99, 235, 0.5) !important;
  transform: translateY(-2px) !important;
}

.pdp-add-btn.notify-active svg,
#pdpNotifyBtn svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #ffffff !important;
  fill: none !important;
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
}

.pdp-add-btn.notify-active:hover svg {
  transform: scale(1.15) rotate(10deg) !important;
}

/* Modal submit button single-line */
.stock-notify-submit-btn {
  white-space: nowrap !important;
  word-break: keep-all !important;
}
.stock-notify-submit-btn span {
  white-space: nowrap !important;
  word-break: keep-all !important;
}

/* ==========================================================
   MOBILE DEVICE SINGLE-LINE ENFORCEMENT FOR NOTIFY BUTTONS
   ========================================================== */
@media screen and (max-width: 768px) {
  .notify-stock-btn,
  button.notify-stock-btn,
  a.notify-stock-btn,
  .pls-cart-button .notify-stock-btn,
  .pls-cart-button button.notify-stock-btn,
  .pls-cart-button a.notify-stock-btn {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 12px !important;
    gap: 5px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
  }
  .notify-stock-btn svg,
  .pls-cart-button .notify-stock-btn svg {
    width: 13px !important;
    height: 13px !important;
    flex-shrink: 0 !important;
  }
  .notify-stock-btn span,
  .pls-cart-button .notify-stock-btn span {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  .pdp-add-btn.notify-active,
  #pdpNotifyBtn {
    font-size: 12.5px !important;
    padding: 12px 14px !important;
    gap: 6px !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px !important;
    line-height: 1.2 !important;
  }
  .pdp-add-btn.notify-active svg,
  #pdpNotifyBtn svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
  }
  .pdp-add-btn.notify-active span,
  #pdpNotifyBtn span {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
}

@media screen and (max-width: 480px) {
  .notify-stock-btn,
  button.notify-stock-btn,
  a.notify-stock-btn,
  .pls-cart-button .notify-stock-btn,
  .pls-cart-button button.notify-stock-btn,
  .pls-cart-button a.notify-stock-btn {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 11px !important;
    gap: 4px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
  }
  .notify-stock-btn svg,
  .pls-cart-button .notify-stock-btn svg {
    width: 12px !important;
    height: 12px !important;
    flex-shrink: 0 !important;
  }
  .notify-stock-btn span,
  .pls-cart-button .notify-stock-btn span {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  .pdp-notify-text-full {
    display: none !important;
  }
  .pdp-notify-text-short {
    display: inline !important;
  }

  .pdp-add-btn.notify-active,
  #pdpNotifyBtn {
    font-size: 11.5px !important;
    padding: 10px 8px !important;
    gap: 5px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
  }
  .pdp-add-btn.notify-active svg,
  #pdpNotifyBtn svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
  }
  .pdp-add-btn.notify-active span,
  #pdpNotifyBtn span {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
}

@media screen and (max-width: 360px) {
  .notify-stock-btn,
  button.notify-stock-btn,
  a.notify-stock-btn,
  .pls-cart-button .notify-stock-btn,
  .pls-cart-button button.notify-stock-btn,
  .pls-cart-button a.notify-stock-btn {
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 10px !important;
    gap: 3px !important;
    white-space: nowrap !important;
  }
  .notify-stock-btn svg,
  .pls-cart-button .notify-stock-btn svg {
    width: 11px !important;
    height: 11px !important;
    flex-shrink: 0 !important;
  }
  .notify-stock-btn span,
  .pls-cart-button .notify-stock-btn span {
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  .pdp-add-btn.notify-active,
  #pdpNotifyBtn {
    font-size: 10px !important;
    padding: 8px 6px !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }
  .pdp-add-btn.notify-active svg,
  #pdpNotifyBtn svg {
    width: 13px !important;
    height: 13px !important;
  }
}

/* ==========================================================
   POPUP MODAL (Backdrop & Container)
   ========================================================== */
.stock-notify-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

.stock-notify-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.stock-notify-backdrop {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(2, 6, 23, 0.82) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.stock-notify-dialog {
  position: relative !important;
  width: 100% !important;
  max-width: 440px !important;
  background: #09132b !important;
  border: 1.5px solid rgba(59, 130, 246, 0.4) !important;
  border-radius: 18px !important;
  padding: 28px 24px 24px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(37, 99, 235, 0.25) !important;
  z-index: 10 !important;
  color: #ffffff !important;
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  transform: scale(0.92) translateY(10px) !important;
  opacity: 0 !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
}

.stock-notify-overlay.is-open .stock-notify-dialog {
  transform: scale(1) translateY(0) !important;
  opacity: 1 !important;
}

.stock-notify-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #cbd5e1 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  padding: 0 !important;
}

.stock-notify-close:hover {
  background: rgba(239, 68, 68, 0.2) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #f87171 !important;
  transform: rotate(90deg) !important;
}

.stock-notify-header {
  text-align: center !important;
  margin-bottom: 20px !important;
}

.stock-notify-bell-wrap {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 14px auto !important;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.35) 0%, rgba(37, 99, 235, 0.08) 70%) !important;
  border: 1.5px solid rgba(59, 130, 246, 0.5) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 20px rgba(37, 99, 235, 0.4) !important;
}

.stock-notify-bell-wrap svg {
  width: 26px !important;
  height: 26px !important;
  stroke: #60a5fa !important;
}

.stock-notify-title {
  margin: 0 0 6px 0 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.2px !important;
}

.stock-notify-desc {
  margin: 0 !important;
  font-size: 13.5px !important;
  color: #94a3b8 !important;
  line-height: 1.45 !important;
}

/* Product Preview Row */
.stock-notify-product {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  background: rgba(15, 23, 42, 0.6) !important;
  border: 1px solid rgba(59, 130, 246, 0.25) !important;
  border-radius: 12px !important;
  margin-bottom: 20px !important;
}

.stock-notify-product-img {
  width: 50px !important;
  height: 50px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 3px !important;
  flex-shrink: 0 !important;
}

.stock-notify-product-details {
  flex: 1 !important;
  min-width: 0 !important;
}

.stock-notify-product-badge {
  display: inline-block !important;
  background: rgba(239, 68, 68, 0.18) !important;
  color: #f87171 !important;
  border: 1px solid rgba(239, 68, 68, 0.35) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  margin-bottom: 4px !important;
}

.stock-notify-product-name {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #f1f5f9 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Form Styles */
.stock-notify-field {
  margin-bottom: 18px !important;
}

.stock-notify-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
  margin-bottom: 6px !important;
}

.stock-notify-input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.stock-notify-input-icon {
  position: absolute !important;
  left: 14px !important;
  width: 18px !important;
  height: 18px !important;
  stroke: #64748b !important;
  pointer-events: none !important;
}

.stock-notify-input {
  width: 100% !important;
  padding: 12px 14px 12px 42px !important;
  background: rgba(4, 11, 28, 0.8) !important;
  border: 1.5px solid rgba(59, 130, 246, 0.35) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.stock-notify-input:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important;
  background: rgba(6, 17, 43, 0.95) !important;
}

.stock-notify-input::placeholder {
  color: #64748b !important;
}

.stock-notify-error {
  margin-top: 6px !important;
  font-size: 12px !important;
  color: #f87171 !important;
  font-weight: 600 !important;
}

.stock-notify-submit-btn {
  width: 100% !important;
  padding: 13px 20px !important;
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #1e40af 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(96, 165, 250, 0.5) !important;
  border-radius: 10px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4) !important;
  transition: all 0.22s ease !important;
}

.stock-notify-submit-btn:hover {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #1d4ed8 100%) !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.6) !important;
  transform: translateY(-1.5px) !important;
}

.stock-notify-submit-btn svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #ffffff !important;
}

.stock-notify-privacy {
  margin: 14px 0 0 0 !important;
  font-size: 11.5px !important;
  color: #64748b !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

/* Success View */
.stock-notify-success-icon-wrap {
  width: 60px !important;
  height: 60px !important;
  margin: 0 auto 16px auto !important;
  background: radial-gradient(circle, rgba(34, 197, 94, 0.25) 0%, rgba(34, 197, 94, 0.05) 70%) !important;
  border: 1.5px solid rgba(34, 197, 94, 0.5) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 24px rgba(34, 197, 94, 0.3) !important;
}

.stock-notify-success-icon-wrap svg {
  width: 32px !important;
  height: 32px !important;
}

.stock-notify-btn-secondary {
  margin-top: 20px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.stock-notify-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1.5px) !important;
}

/* ==========================================================================
   NAVBAR CART NOTIFICATION (BELOW NAVBAR CART ICON)
   ========================================================================== */
.navbar-cart-notification {
  position: fixed;
  z-index: 9999999;
  width: 320px;
  max-width: calc(100vw - 20px);
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.09);
  box-shadow: 0 16px 36px -4px rgba(15, 23, 42, 0.18), 0 4px 12px rgba(15, 23, 42, 0.06);
  opacity: 0;
  transform: translateY(-8px) scale(0.96);
  transition: opacity 0.24s cubic-bezier(0.16, 1, 0.3, 1), transform 0.24s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  font-family: inherit;
  box-sizing: border-box;
}

.navbar-cart-notification.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.nb-cart-notif-arrow {
  position: absolute;
  top: -7px;
  width: 14px;
  height: 14px;
  background: #ffffff;
  transform: rotate(45deg);
  border-left: 1px solid rgba(15, 23, 42, 0.09);
  border-top: 1px solid rgba(15, 23, 42, 0.09);
  border-top-left-radius: 3px;
  z-index: 2;
  box-sizing: border-box;
}

.nb-cart-notif-inner {
  position: relative;
  z-index: 3;
  padding: 12px 14px 10px;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-sizing: border-box;
}

.nb-cart-notif-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f5f9;
}

.nb-cart-notif-header-left {
  display: flex;
  align-items: center;
  gap: 7px;
}

.nb-cart-notif-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #10b981;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.35);
  flex-shrink: 0;
}

.nb-cart-notif-icon svg {
  width: 12px;
  height: 12px;
  stroke: #ffffff;
}

.nb-cart-notif-headline {
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.1px;
}

.nb-cart-notif-close {
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.15s ease;
}

.nb-cart-notif-close:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.nb-cart-notif-body {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.nb-cart-notif-thumb-wrap {
  width: 46px;
  height: 46px;
  border-radius: 9px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.nb-cart-notif-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nb-cart-notif-details {
  flex: 1;
  min-width: 0;
}

.nb-cart-notif-name {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}

.nb-cart-notif-sub {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.nb-cart-notif-qty {
  font-weight: 700;
  color: #1e40af;
  background: rgba(30, 64, 175, 0.08);
  padding: 1px 6px;
  border-radius: 4px;
}

.nb-cart-notif-sep {
  color: #cbd5e1;
}

.nb-cart-notif-price {
  font-weight: 700;
  color: #0f172a;
}

.nb-cart-notif-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 1px solid #f1f5f9;
  margin-bottom: 4px;
}

.nb-cart-notif-total-wrap {
  font-size: 12px;
  color: #64748b;
}

.nb-cart-notif-total-count {
  color: #0f172a;
  margin-left: 3px;
}

.nb-cart-notif-btn-view {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  background: #1e40af;
  color: #ffffff !important;
  border: none;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.25);
  text-decoration: none !important;
}

.nb-cart-notif-btn-view:hover {
  background: #1d4ed8;
  box-shadow: 0 4px 10px rgba(30, 64, 175, 0.35);
  transform: translateY(-0.5px);
}

.nb-cart-notif-timer-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #f1f5f9;
}

.nb-cart-notif-timer-bar {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #10b981, #2563eb);
  transform-origin: left;
  transition: transform linear;
}

/* ==========================================================
   BREADCRUMB & [HJEM] LINK HOVER COLOR IN SAPPHIRE BLUE
   ========================================================== */
.pls-breadcrumb a:hover,
.breadcrumb a:hover,
.entry-breadcrumb a:hover,
.pls-single-product-top .pls-breadcrumb a:hover,
.pls-breadcrumb a:hover span,
.breadcrumb a:hover span,
nav.pls-breadcrumb a:hover,
.pls-page-title .pls-breadcrumb a:hover {
  color: #2563eb !important;
  transition: color 0.15s ease-in-out !important;
}
/* Popup celebration is clipped to the cart drawer, not the viewport. */
html body .pls-minicart-slide.shipping-drawer-celebration-zone {
  position: fixed !important;
  overflow: hidden !important;
}
html body .pls-minicart-slide.shipping-drawer-celebration-zone #freeShippingConfettiCanvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 100 !important;
}


/* FINAL MOBILE SEARCH IMAGE FIX. Some Anvogue header variants hide search images;
   force the catalogue thumbnail to remain visible and correctly sized. */
.search-results-wrapper .search-item-img,
.search-results-wrapper .autocomplete-suggestion .search-item-img,
.search-results-wrapper .autocomplete-suggestion img.search-image{
  display:block !important; visibility:visible !important; opacity:1 !important;
  width:52px !important; height:52px !important; min-width:52px !important; min-height:52px !important;
  object-fit:contain !important; flex:0 0 52px !important;
}
@media (max-width:768px){
  .search-results-wrapper .search-item-img,
  .search-results-wrapper .autocomplete-suggestion .search-item-img,
  .search-results-wrapper .autocomplete-suggestion img.search-image{
    display:block !important; visibility:visible !important; opacity:1 !important;
    width:52px !important; height:52px !important; min-width:52px !important; min-height:52px !important;
  }
}


/* Tablet portrait header visibility fix: keep the existing mobile header visible from 768px through 1024px. */
@media (min-width: 768px) and (max-width: 1024px) {
  .pls-site-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
  }

  .pls-site-header .pls-header-main {
    display: block !important;
    visibility: visible !important;
    min-height: 54px !important;
    height: 54px !important;
    background: #ffffff !important;
  }

  .pls-header-desktop {
    display: none !important;
  }

  .pls-header-mobile {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 54px !important;
    min-height: 54px !important;
    align-items: center !important;
  }
}

/* ==========================================================
   COPY LENGTH SAFETY - REQUESTED HOMEPAGE TEXT ONLY
   Prevent the longer customer/trust heading and announcement copy
   from disturbing the existing layout at narrower widths.
   ========================================================== */
.elementor-67 .elementor-element.elementor-element-1b12f419 .elementor-heading-title {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.2 !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
}

.elementor-67 .elementor-element.elementor-element-3dae7688 p {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.45 !important;
  text-wrap: balance !important;
}

.ticker-item > span {
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .elementor-67 .elementor-element.elementor-element-1b12f419 .elementor-heading-title {
    max-width: 100% !important;
    font-size: clamp(15px, 3.2vw, 20px) !important;
    line-height: 1.28 !important;
    letter-spacing: 0.15px !important;
    padding: 0 6px !important;
  }

  .elementor-67 .elementor-element.elementor-element-3dae7688 p {
    max-width: 100% !important;
    font-size: clamp(12px, 2.6vw, 16px) !important;
    line-height: 1.45 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media (max-width: 480px) {
  .elementor-67 .elementor-element.elementor-element-1b12f419 .elementor-heading-title {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
}