/* Zilenzo design tokens v1791502482 */
/* First-party font stacks. No fonts.googleapis.com / fonts.gstatic.com. */
:root{
  --bg: #FFFFFF;
  --bg-soft: #F4F6F8;
  --surface: #FFFFFF;
  --surface-soft: #F4F6F8;
  --surface-panel: #F4F6F8;
  --ink: #101820;
  --muted: #2B2B2B;
  --line: #D8DEE8;
  --midnight: #101820;
  --charcoal: #2B2B2B;
  --accent: #101820;
  --accent-dark: #101820;
  --accent-rgb: 16, 24, 32;
  --accent-secondary: #101820;
  --accent-secondary-rgb: 16, 24, 32;
  --accent-contrast: #101820;
  --accent-contrast-rgb: 16, 24, 32;
  --accent-contrast-dark: #101820;
  --success: #101820;
  --warning: #D8A44B;
  --danger: #C8102E;
  --wishlist-red: #C8102E;
  --wishlist-red-rgb: 200, 16, 46;
  --product-breadcrumb-bg: #F4F5F3;
  --font-body: "Segoe UI", Arial, sans-serif;
  --font-heading: "Segoe UI", Arial, sans-serif;
  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --btn-radius: 8px;
  --btn-pad-y: 14px;
  --btn-pad-x: 22px;
  --btn-border-width: 8px;
  --btn-font-weight: 700;
  --btn-min-height: 48px;
  --site-width: 1320px;
  --site-edge-padding: clamp(20px, 4vw, 70px);
  --fs-h1: 2.75rem;
  --fw-h1: 700;
  --lh-h1: 1.15;
  --fs-h2: 2.25rem;
  --fw-h2: 700;
  --lh-h2: 1.2;
  --fs-h3: 1.75rem;
  --fw-h3: 650;
  --lh-h3: 1.25;
  --fs-h4: 1.375rem;
  --fw-h4: 650;
  --lh-h4: 1.3;
  --fs-h5: 1.125rem;
  --fw-h5: 600;
  --lh-h5: 1.35;
  --fs-h6: 1rem;
  --fw-h6: 600;
  --lh-h6: 1.4;
  --fs-lead: 1.25rem;
  --fw-lead: 400;
  --lh-lead: 1.6;
  --fs-body: 1rem;
  --fw-body: 400;
  --lh-body: 1.65;
  --fs-small: 0.875rem;
  --fw-small: 400;
  --lh-small: 1.5;
}

html, body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-body);
  line-height: var(--lh-body);
  color: var(--ink);
  background: var(--bg);
}

h1, .ds-h1 {
  font-family: var(--font-heading);
  font-size: var(--fs-h1);
  font-weight: var(--fw-h1);
  line-height: var(--lh-h1);
  color: var(--ink);
  margin: 0 0 0.5em;
}

h2, .ds-h2 {
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  font-weight: var(--fw-h2);
  line-height: var(--lh-h2);
  color: var(--ink);
  margin: 0 0 0.5em;
}

h3, .ds-h3 {
  font-family: var(--font-heading);
  font-size: var(--fs-h3);
  font-weight: var(--fw-h3);
  line-height: var(--lh-h3);
  color: var(--ink);
  margin: 0 0 0.5em;
}

h4, .ds-h4 {
  font-family: var(--font-heading);
  font-size: var(--fs-h4);
  font-weight: var(--fw-h4);
  line-height: var(--lh-h4);
  color: var(--ink);
  margin: 0 0 0.5em;
}

h5, .ds-h5 {
  font-family: var(--font-heading);
  font-size: var(--fs-h5);
  font-weight: var(--fw-h5);
  line-height: var(--lh-h5);
  color: var(--ink);
  margin: 0 0 0.5em;
}

h6, .ds-h6 {
  font-family: var(--font-heading);
  font-size: var(--fs-h6);
  font-weight: var(--fw-h6);
  line-height: var(--lh-h6);
  color: var(--ink);
  margin: 0 0 0.5em;
}

p, .ds-body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-body);
  line-height: var(--lh-body);
}

.ds-lead, p.lead, .lead {
  font-family: var(--font-body);
  font-size: var(--fs-lead);
  font-weight: var(--fw-lead);
  line-height: var(--lh-lead);
  color: var(--muted);
}

small, .ds-small, .text-small {
  font-family: var(--font-body);
  font-size: var(--fs-small);
  font-weight: var(--fw-small);
  line-height: var(--lh-small);
}

/* === Komponenter: knapper === */
.primary-btn,
a.primary-btn,
button.primary-btn,
input.primary-btn,
.primary-link,
.add-to-cart-btn,
.product-add-cta,
.contact-submit-btn,
.checkout-v2-submit,
.theme-content-card__btn,
.theme-slider-card__btn,
.theme-hero__cta,
.theme-topbanner__cta,
.cookie-consent-btn-primary,
.cookie-settings-actions .btn-primary,
.footer-fusion-form button,
.footer-club-banner-form button,
.footer-newsletter-form button,
.product-grid-slider-arrow,
.cart-icon {
  background: var(--accent-contrast);
  border: var(--btn-border-width) solid var(--accent-contrast);
  color: #ffffff;
  border-radius: var(--btn-radius);
  font-family: var(--font-body);
  font-weight: var(--btn-font-weight);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  min-height: var(--btn-min-height);
  box-sizing: border-box;
}

.cart-icon,
.cart-icon:hover,
.cart-icon:focus-visible {
  background: var(--accent-contrast, #17324D);
  border: 8px solid var(--accent-contrast, #17324D);
  color: #ffffff;
}

.cart-icon:hover,
.cart-icon:focus-visible {
  background: var(--accent-contrast-dark, #17324D);
  border-color: var(--accent-contrast-dark, #17324D);
}

.primary-btn:hover,
a.primary-btn:hover,
button.primary-btn:hover,
input.primary-btn:hover,
.primary-link:hover,
.add-to-cart-btn:hover,
.product-add-cta:hover,
.contact-submit-btn:hover,
.checkout-v2-submit:hover,
.theme-content-card__btn:hover,
.theme-slider-card__btn:hover,
.theme-hero__cta:hover,
.theme-topbanner__cta:hover,
.cookie-consent-btn-primary:hover,
.cookie-settings-actions .btn-primary:hover,
.footer-fusion-form button:hover,
.footer-club-banner-form button:hover,
.footer-newsletter-form button:hover,
.product-grid-slider-arrow:hover,
.cart-icon:hover,
.primary-btn:focus-visible,
a.primary-btn:focus-visible,
button.primary-btn:focus-visible,
input.primary-btn:focus-visible,
.primary-link:focus-visible,
.add-to-cart-btn:focus-visible,
.product-add-cta:focus-visible,
.contact-submit-btn:focus-visible,
.checkout-v2-submit:focus-visible,
.theme-content-card__btn:focus-visible,
.theme-slider-card__btn:focus-visible,
.theme-hero__cta:focus-visible,
.theme-topbanner__cta:focus-visible,
.cookie-consent-btn-primary:focus-visible,
.cookie-settings-actions .btn-primary:focus-visible,
.footer-fusion-form button:focus-visible,
.footer-club-banner-form button:focus-visible,
.footer-newsletter-form button:focus-visible,
.product-grid-slider-arrow:focus-visible,
.cart-icon:focus-visible {
  background: var(--accent-contrast-dark);
  border-color: var(--accent-contrast-dark);
  color: #ffffff;
}

.slide-btn,
.contact-quick-btn,
.related-shell .related-product-view-btn,
.cookie-consent-reopen {
  background: var(--accent);
  border: var(--btn-border-width) solid var(--accent);
  color: #ffffff;
  border-radius: var(--btn-radius);
  font-family: var(--font-body);
  font-weight: var(--btn-font-weight);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  min-height: var(--btn-min-height);
  box-sizing: border-box;
}

.slide-btn:hover,
.contact-quick-btn:hover,
.related-shell .related-product-view-btn:hover,
.cookie-consent-reopen:hover,
.slide-btn:focus-visible,
.contact-quick-btn:focus-visible,
.related-shell .related-product-view-btn:focus-visible,
.cookie-consent-reopen:focus-visible {
  background: var(--accent-dark);
  border-color: var(--accent-dark);
  color: #ffffff;
}

.secondary-btn,
.cookie-consent-btn-secondary,
.cookie-consent-btn-ghost,
.cookie-settings-actions .btn-secondary,
.cookie-revoke-actions .btn-secondary,
.related-shell .related-product-cart-btn {
  background: var(--surface);
  color: var(--ink);
  border: var(--btn-border-width) solid var(--line);
  border-radius: var(--btn-radius);
  font-family: var(--font-body);
  font-weight: var(--btn-font-weight);
  padding: var(--btn-pad-y) var(--btn-pad-x);
  min-height: var(--btn-min-height);
  box-sizing: border-box;
}

.secondary-btn:hover,
.cookie-consent-btn-secondary:hover,
.cookie-consent-btn-ghost:hover,
.cookie-settings-actions .btn-secondary:hover,
.cookie-revoke-actions .btn-secondary:hover,
.related-shell .related-product-cart-btn:hover,
.secondary-btn:focus-visible,
.cookie-consent-btn-secondary:focus-visible,
.cookie-consent-btn-ghost:focus-visible,
.cookie-settings-actions .btn-secondary:focus-visible,
.cookie-revoke-actions .btn-secondary:focus-visible,
.related-shell .related-product-cart-btn:focus-visible {
  border-color: rgba(var(--accent-rgb), 0.45);
  color: var(--accent);
  background: rgba(var(--accent-rgb), 0.06);
}

.theme-campaign__cta {
  border-radius: var(--btn-radius);
  font-family: var(--font-body);
  color: inherit;
}

.btn-danger,
.cookie-revoke-actions .btn-danger,
.cookie-consent-btn-danger {
  background: var(--danger);
  border-color: var(--danger);
  color: #ffffff;
  border-radius: var(--btn-radius);
}

.btn-danger:hover,
.cookie-revoke-actions .btn-danger:hover,
.cookie-consent-btn-danger:hover {
  filter: brightness(0.92);
}

.primary-btn,
.primary-link,
.secondary-btn,
.slide-btn,
.cart-icon,
.add-to-cart-btn,
.product-add-cta,
.contact-quick-btn,
.contact-submit-btn,
.checkout-v2-submit,
.theme-content-card__btn,
.theme-slider-card__btn,
.theme-hero__cta,
.theme-topbanner__cta,
.cookie-consent-btn,
.cookie-consent-reopen,
.btn-danger,
.footer-fusion-form button,
.footer-club-banner-form button,
.footer-newsletter-form button,
.product-grid-slider-arrow,
.related-shell .related-product-view-btn,
.related-shell .related-product-cart-btn,
.search-btn,
.wishlist-add-btn,
.account-toggle-btn,
.tab-btn,
.close-cart-btn,
.close-modal-btn,
.remove-item-btn,
.cart-item-qty button,
.mobile-nav-item {
  border-radius: var(--btn-radius);
}

/* === Links & tekst-accent === */
a:not([class]),
.breadcrumb a,
.product-detail a:not(.primary-btn):not(.secondary-btn):not(.add-to-cart-btn),
.webshop-contact-form a {
  color: var(--accent);
}

a:hover,
a:not([class]):hover,
.breadcrumb a:hover {
  color: #2563EB;
}

/* === Formularer === */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
select,
textarea {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--line);
  border-radius: var(--btn-radius);
  font-family: var(--font-body);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):focus,
select:focus,
textarea:focus {
  border-color: var(--accent);
  outline-color: rgba(var(--accent-rgb), 0.35);
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.14);
}

/* Header-søgning: transparent felt inde i søgebaren (ikke almindelig form-stil) */
.search-container input,
.search-container input:focus,
.lang-popup-search input,
.lang-popup-search input:focus {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* === Flader, kort, layout === */
body[data-page="home"],
section.product-grid-section.content-shell,
.content-shell.product-grid-section,
[data-zilenzo-featured-products-mount],
.popular-products-section,
.product-grid-slider-wrapper,
.product-grid-slider-window {
  background: var(--bg) !important;
}

.product-card,
.related-shell .related-product-card,
.ds-card-demo,
.status-card,
.checkout-v2-card,
.account-card,
.wishlist-card {
  background: var(--surface);
  border-color: var(--line);
  border-radius: var(--radius-md);
  color: var(--ink);
}

.content-shell,
.site-container,
.page-shell {
  max-width: var(--site-width);
}

.top-bar {
  background: var(--accent);
  color: #ffffff;
}

.top-bar a {
  color: #ffffff;
}

.top-bar a:hover {
  color: #2563EB;
}

.navbar,
.site-header {
  background: var(--surface);
  border-color: var(--line);
}

/* Footer bruger brand-sort #101820 — påvirkes ikke af øvrige designfarver */
.site-footer,
.site-footer--editorial,
.site-footer--fusion {
  background: #101820 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.12);
}

.site-footer a {
  color: #ffffff;
}

.site-footer a:hover {
  color: #2563EB;
}

/* === Badges / chips / status === */
.product-badge,
.chip,
.ds-chip,
.zilenzo-badge {
  background: rgba(var(--accent-rgb), 0.1);
  color: var(--accent);
  border-radius: 999px;
}

.status-badge--success,
.badge-success {
  background: color-mix(in srgb, var(--success) 16%, white);
  color: var(--success);
}

.status-badge--warning,
.badge-warning {
  background: color-mix(in srgb, var(--warning) 16%, white);
  color: var(--warning);
}

.status-badge--danger,
.badge-danger {
  background: color-mix(in srgb, var(--danger) 14%, white);
  color: var(--danger);
}

/* === Produkt / navigation highlights === */
.product-breadcrumb,
.product-breadcrumb-bar {
  background: var(--product-breadcrumb-bg);
}

.nav-link.active,
.nav-item.is-active > a,
.mobile-nav-item.is-active {
  color: var(--accent);
}

.wishlist-add-btn.is-active,
[data-wishlist-toggle].is-active {
  color: var(--wishlist-red);
}