/** Shopify CDN: Minification failed

Line 685:18 Unexpected ")"

**/
/* ============================================================
   NK TWILIGHT — Custom Design Layer
   Überlagert das Dawn-Theme. Keine Änderungen am Original-CSS.
   ============================================================ */

/* Google Fonts werden in layout/theme.liquid via <link rel="stylesheet"> geladen
   (performanter als @import — parallel statt render-blocking). */

:root {
  --nk-navy:        #141c35;
  --nk-navy-light:  #1e284a;
  --nk-navy-deep:   #0d1328;
  --nk-cream:       #f7f1e6;
  --nk-cream-dark:  #ede4d2;
  --nk-gold:        #d4a574;
  --nk-gold-bright: #e8bc8a;
  --nk-text:        #141c35;
  --nk-text-muted:  #5a6180;
  --nk-border:      rgba(20, 28, 53, 0.08);

  /* Dawn-Theme Variablen überschreiben */
  --font-heading-family: 'Fraunces', Georgia, serif;
  --font-body-family:    'Manrope', system-ui, -apple-system, sans-serif;
}

/* ---------- Typografie Grundlage ---------- */
body,
body * {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, h4,
.h0, .h1, .h2, .h3,
.card__heading, .card__heading *,
.banner__heading,
.section-header__title,
.collection-hero__title,
.article-template__title,
.product__title, .product__title *,
.rich-text__heading,
.multirow__heading,
.footer-block__heading {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em !important;
}

/* Italic-Fraunces wirkt besser für Highlights */
em, i, .fraunces-italic {
  font-style: italic;
  font-family: 'Fraunces', Georgia, serif;
}

body {
  background: var(--nk-cream) !important;
  color: var(--nk-text) !important;
  -webkit-font-smoothing: antialiased;
}

/* Paint page background cream-dark to match sections */
.page-width,
main {
  background: transparent;
}

/* ---------- Buttons ---------- */
.button,
button.button,
.shopify-payment-button__button--unbranded,
.btn {
  border-radius: 100px !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  padding: 14px 28px !important;
  min-height: auto !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
  border: none !important;
  text-transform: none !important;
}

.button--primary,
.button:not(.button--secondary):not(.button--tertiary),
.shopify-payment-button__button--unbranded {
  background: var(--nk-gold) !important;
  color: var(--nk-navy) !important;
  box-shadow: none !important;
}
.button--primary:hover,
.button:not(.button--secondary):not(.button--tertiary):hover,
.shopify-payment-button__button--unbranded:hover {
  background: var(--nk-gold-bright) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(212, 165, 116, 0.25) !important;
}

.button--secondary {
  background: transparent !important;
  color: var(--nk-navy) !important;
  border: 1px solid var(--nk-navy) !important;
}
.button--secondary:hover {
  background: var(--nk-navy) !important;
  color: var(--nk-cream) !important;
}

/* Buttons in dunklen Bereichen (Hero) */
.banner .button--primary,
.color-scheme-4 .button--primary,
[class*="color-scheme"] .banner__box .button {
  background: var(--nk-gold) !important;
  color: var(--nk-navy) !important;
}

/* ---------- Header ---------- */
.header-wrapper {
  background: var(--nk-cream) !important;
  border-bottom: 0.5px solid var(--nk-border) !important;
}
.header {
  font-family: 'Manrope', sans-serif;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.header__heading-link,
.header__heading,
.header__heading-logo-wrapper {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nk-navy) !important;
}
.header__menu-item,
.header__menu-item span,
.list-menu__item {
  color: var(--nk-navy) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
  font-size: 15px !important;
}
.header__menu-item:hover,
.header__menu-item:hover span {
  color: var(--nk-gold) !important;
  text-decoration: none !important;
}
.header__menu-item > span:after,
.header__active-menu-item {
  background: var(--nk-gold) !important;
}
.header__icon {
  color: var(--nk-navy) !important;
}
.header__icon:hover {
  color: var(--nk-gold) !important;
}

/* Cart bubble goldene Variante */
.cart-count-bubble {
  background: var(--nk-gold) !important;
  color: var(--nk-navy) !important;
}

/* Announcement Bar */
.announcement-bar,
.utility-bar,
[class*="announcement"] {
  background: var(--nk-navy) !important;
  color: var(--nk-cream) !important;
  font-family: 'Manrope', sans-serif;
  font-size: 13px !important;
  letter-spacing: 0.02em;
  padding: 10px 0 !important;
}
.announcement-bar a,
.announcement-bar strong {
  color: var(--nk-gold) !important;
}

/* ---------- Hero / Image Banner ---------- */
.banner--medium,
.banner--small,
.banner--large {
  background: var(--nk-navy) !important;
}
.banner__media {
  opacity: 0.55;
}
.banner__media:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20,28,53,0.3) 0%, rgba(20,28,53,0.75) 100%);
  z-index: 1;
}
.banner__box {
  background: transparent !important;
  color: var(--nk-cream) !important;
  text-shadow: none !important;
}
.banner__box .banner__heading,
.banner__box h1,
.banner__box h2 {
  color: var(--nk-cream) !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(2.2rem, 5vw, 4rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
}
.banner__box .banner__heading em,
.banner__box h1 em {
  color: var(--nk-gold) !important;
  font-style: italic;
}
.banner__box .banner__text,
.banner__box .rte,
.banner__box p {
  color: #c5c9d9 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-family: 'Manrope', sans-serif !important;
}

/* Eyebrow via subtitle style */
.banner__box .subtitle,
.banner__box .caption-with-letter-spacing {
  color: var(--nk-gold) !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* ---------- Section-Padding + Section-BG ---------- */
.shopify-section {
  background: var(--nk-cream);
}
.shopify-section.color-scheme-1,
.shopify-section [class*="color-scheme"]:not([class*="scheme-2"]):not([class*="scheme-3"]):not([class*="scheme-4"]) {
  background: var(--nk-cream);
}

/* Section Headings */
.collection__title,
.title-wrapper h2,
.title-wrapper .h1,
.title--primary,
.section-header__title {
  color: var(--nk-navy) !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
  letter-spacing: -0.02em;
}
.collection__description,
.title-wrapper + .rte,
.section-header__description {
  color: var(--nk-text-muted) !important;
  font-family: 'Manrope', sans-serif !important;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* ---------- Product Cards ---------- */
.card-wrapper,
.grid__item .card {
  border-radius: 16px !important;
  overflow: hidden;
  background: #ffffff !important;
  border: 0.5px solid var(--nk-border);
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.card-wrapper:hover {
  border-color: rgba(212, 165, 116, 0.5) !important;
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(20, 28, 53, 0.08);
}

.card__media,
.card .media {
  background: var(--nk-cream-dark) !important;
  border-radius: 16px 16px 0 0 !important;
}

.card__content,
.card__information {
  padding: 18px 20px 20px !important;
}

.card__heading,
.card__heading a,
.card__heading .full-unstyled-link {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  color: var(--nk-navy) !important;
}
.card__heading a:hover {
  color: var(--nk-gold) !important;
}

/* Prices — schöner gestaltet, weniger "billige Shopify"-Optik */
.price {
  font-family: 'Manrope', sans-serif !important;
}
.price__regular .price-item--regular,
.price__sale .price-item--sale {
  color: var(--nk-navy) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
.price__sale .price-item--regular,
s.price-item,
.price--on-sale .price-item--regular {
  color: var(--nk-text-muted) !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  text-decoration: line-through;
}
/* "Normaler Preis" Label unsichtbar wenn überflüssig */
.price__regular .price-item--regular + .visually-hidden,
.price .visually-hidden {
  /* bleibt a11y-accessible, visual gehidet */
}
/* Sale-Badge (wenn Compare-at-Preis gesetzt) */
.card__badge .badge,
.badge--bottom-left {
  background: var(--nk-gold) !important;
  color: var(--nk-navy) !important;
  border-radius: 100px !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 10px !important;
  border: none !important;
}
.badge[data-badge-type="sold_out"],
.card__badge .badge.badge--bottom-left[style*="sold"] {
  background: var(--nk-navy-light) !important;
  color: var(--nk-cream) !important;
}

/* "Ausverkauft"-Status subtiler */
.card--soldout .card__media,
.card-information__text--sold-out + .card__media {
  opacity: 0.65;
}

/* Quick Add Button */
.quick-add__submit {
  background: var(--nk-navy) !important;
  color: var(--nk-cream) !important;
  border-radius: 100px !important;
  border: none !important;
}
.quick-add__submit:hover {
  background: var(--nk-gold) !important;
  color: var(--nk-navy) !important;
}

/* ---------- Collection-Grid Hover Polish ---------- */
.card--card .card__media-container,
.card__inner .card__media {
  transition: transform 0.5s ease !important;
}
.card-wrapper:hover .card__media img {
  transform: scale(1.04);
}

/* ---------- Multirow (Text + Image Sections) ---------- */
.multirow .multirow__inner {
  background: var(--nk-cream) !important;
}
.multirow__text {
  padding: 48px 56px !important;
}
.multirow__heading {
  color: var(--nk-navy) !important;
}
.multirow__description,
.multirow__description p {
  color: var(--nk-text-muted) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
.multirow__image-item {
  border-radius: 16px;
  overflow: hidden;
}

/* Collection-List (Kategorie-Kacheln) */
.collection-list__item .card__media {
  border-radius: 16px !important;
}
.collection-list .card__heading,
.collection-list .card__heading a {
  color: var(--nk-navy) !important;
  font-size: 18px !important;
}

/* ---------- Newsletter-Banner ---------- */
.newsletter,
.newsletter-form {
  background: var(--nk-navy) !important;
}
.newsletter .newsletter__heading,
.newsletter h2 {
  color: var(--nk-cream) !important;
  font-family: 'Fraunces', Georgia, serif !important;
}
.newsletter p,
.newsletter .newsletter__subheading,
.newsletter .rte {
  color: #c5c9d9 !important;
}
.newsletter-form__field-wrapper input[type="email"] {
  background: rgba(247, 241, 230, 0.08) !important;
  color: var(--nk-cream) !important;
  border: 1px solid rgba(212, 165, 116, 0.3) !important;
  border-radius: 100px !important;
  padding: 14px 24px !important;
  font-family: 'Manrope', sans-serif !important;
}
.newsletter-form__field-wrapper input[type="email"]::placeholder {
  color: rgba(247, 241, 230, 0.5) !important;
}
.newsletter-form__button {
  background: var(--nk-gold) !important;
  color: var(--nk-navy) !important;
}

/* ---------- Footer ---------- */
.footer {
  background: var(--nk-navy) !important;
  color: var(--nk-cream) !important;
  padding-top: 72px !important;
  padding-bottom: 32px !important;
  margin-top: 72px !important;
}
.footer *,
.footer a,
.footer .footer-block__heading,
.footer h2 {
  color: var(--nk-cream) !important;
  font-family: 'Manrope', sans-serif !important;
}
.footer-block__heading {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  margin-bottom: 20px !important;
  color: var(--nk-gold) !important;
  letter-spacing: 0 !important;
}
.footer a:hover,
.footer .link:hover {
  color: var(--nk-gold) !important;
  text-decoration: none !important;
}
.footer .list-menu__item--link,
.footer ul li a {
  font-size: 14px !important;
  line-height: 2 !important;
  opacity: 0.85;
}
.footer .list-menu__item--link:hover,
.footer ul li a:hover {
  opacity: 1;
  color: var(--nk-gold) !important;
}
.footer__content-top {
  padding-bottom: 48px !important;
  border-bottom: 0.5px solid rgba(247, 241, 230, 0.1);
}
.footer__content-bottom-wrapper,
.footer__content-bottom {
  padding-top: 28px !important;
  padding-bottom: 0 !important;
  border: none !important;
}
.footer__copyright,
.copyright__content {
  color: rgba(247, 241, 230, 0.5) !important;
  font-size: 13px !important;
}
.footer__payment .list-payment__item {
  background: rgba(247, 241, 230, 0.08) !important;
  border-radius: 6px !important;
  padding: 6px 8px !important;
}
.footer__follow-on-shop,
.footer-block__details-content .list-social__item .list-social__link {
  color: var(--nk-cream) !important;
}

/* ---------- NK Trust-Bar Section ---------- */
.nk-trust-bar {
  background: var(--nk-cream);
  padding: 36px 20px;
  border-top: 0.5px solid var(--nk-border);
  border-bottom: 0.5px solid var(--nk-border);
}
.nk-trust-bar__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.nk-trust-bar__item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.nk-trust-bar__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--nk-navy);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--nk-gold);
}
.nk-trust-bar__icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--nk-gold);
  fill: none;
  stroke-width: 1.6;
}
.nk-trust-bar__content {
  min-width: 0;
}
.nk-trust-bar__title {
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--nk-navy);
  margin: 0 0 2px;
  line-height: 1.3;
}
.nk-trust-bar__text {
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  color: var(--nk-text-muted);
  margin: 0;
  line-height: 1.3;
}
@media (max-width: 990px) {
  .nk-trust-bar__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 520px) {
  .nk-trust-bar {
    padding: 24px 16px;
  }
  .nk-trust-bar__inner {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .nk-trust-bar__title { font-size: 14px; }
  .nk-trust-bar__text { font-size: 12px; }
}

/* ---------- PDP Product Page Polish ---------- */
.product__title h1,
.product__title,
.product__info-wrapper .h1 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em !important;
  color: var(--nk-navy) !important;
  font-size: clamp(1.7rem, 3vw, 2.2rem) !important;
}
.product__info-container {
  padding: 24px 0;
}
.product-form__buttons .button {
  width: 100% !important;
  padding: 18px 28px !important;
  font-size: 16px !important;
}
.product__tax,
.product__description {
  color: var(--nk-text-muted) !important;
}
.variant-picker label,
.product-form__input label {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 500 !important;
  color: var(--nk-navy) !important;
}

/* ---------- Form-Inputs ---------- */
input[type="text"]:not(.newsletter-form__field-wrapper input),
input[type="email"]:not(.newsletter-form__field-wrapper input),
input[type="tel"],
input[type="password"],
textarea,
select {
  border-radius: 12px !important;
  border: 1px solid var(--nk-border) !important;
  font-family: 'Manrope', sans-serif !important;
  padding: 14px 18px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--nk-gold) !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.15) !important;
  outline: none !important;
}

/* Collection-Filter (Facets) */
.facets__summary,
.facets__price,
.facets__list {
  font-family: 'Manrope', sans-serif !important;
}

/* ---------- Select/Dropdown polishing ---------- */
.select__select {
  border-radius: 100px !important;
  font-family: 'Manrope', sans-serif !important;
}

/* ---------- Subtle focus + link colors ---------- */
a {
  text-decoration-color: rgba(212, 165, 116, 0.4);
  text-underline-offset: 3px;
}
a:hover {
  color: var(--nk-gold);
}

/* ---------- Cart Drawer ---------- */
.cart-drawer,
#CartDrawer {
  background: var(--nk-cream) !important;
}
.cart-drawer .drawer__heading {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nk-navy) !important;
}

/* ---------- Localization Dropdown — weniger aufdringlich ---------- */
.disclosure__button {
  font-family: 'Manrope', sans-serif !important;
}

/* ---------- Mobile Anpassungen ---------- */
@media (max-width: 749px) {
  .banner__box .banner__heading,
  .banner__box h1 {
    font-size: 2.2rem !important;
  }
  .multirow__text {
    padding: 32px 24px !important;
  }
  .card__content,
  .card__information {
    padding: 14px 16px !important;
  }
  .footer {
    padding-top: 48px !important;
  }
}

/* ---------- Utility: Hide Shopify-Default "Normaler Preis" Label if compare_at == 0 ---------- */
/* Shopify rendert bei compare_at_price=0 einen sichtbaren ~~0,00 EUR~~ String.
   Solange das Bulk-Fix im Admin nicht durch ist, versteckt das CSS den kaputten Preis. */
.price__sale s.price-item--regular[aria-hidden="true"]:has(+ span:empty),
.price s:empty,
.price s:-moz-any():before,
.price s.price-item:not([class*="_has_value"]) {
  /* Solid approach: Wenn der durchgestrichene Preis-Text "€0,00" ist, verstecken */
}
/* CSS kann 0,00 nicht per content-match abfragen — daher JS-Hook via body-Klasse.
   Der Fix in /assets/nk-hide-zero-price.js macht das robust (siehe Theme-Code). */
.js-nk-hide-zero-compare s.price-item--regular.nk-is-zero,
.js-nk-hide-zero-compare .price__sale .price-item--regular.nk-is-zero {
  display: none !important;
}

/* ---------- Reeltok / App-Blocks etwas weniger dominant ---------- */
.shopify-section[id*="apps"] {
  background: var(--nk-cream) !important;
}

/* ---------- Respect Shopify Inline Custom CSS blocks (user-defined) ---------- */
/* — leave untouched — */

/* ============================================================
   NK TWILIGHT — Produktkarten-CTA (Quick-Add Buttons)
   Fix: Dawn-Default-Buttons in Karten an Twilight angleichen.
   Navy-Pill + warmer Lichtschein beim Hover (Marken-Akzent Gold).
   ============================================================ */
.card-wrapper .quick-add__submit.button,
.card-wrapper .quick-add .button,
.card__content .quick-add__submit.button {
  border-radius: 100px !important;
  background: var(--nk-navy) !important;
  color: var(--nk-cream) !important;
  border: 1px solid var(--nk-navy) !important;
  font-family: 'Manrope', system-ui, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.005em !important;
  padding: 13px 22px !important;
  box-shadow: none !important;
  transition: transform .25s cubic-bezier(.22,1,.36,1),
              box-shadow .25s ease, background .25s ease, color .2s ease !important;
}

/* Dawn zeichnet Rahmen/Hintergrund über ein ::after-Pseudoelement —
   das neutralisieren, sonst wirkt der Button flach/kantig. */
.card-wrapper .quick-add__submit.button::after,
.card-wrapper .quick-add .button::after {
  display: none !important;
}

.card-wrapper .quick-add__submit.button:hover:not([disabled]),
.card-wrapper .quick-add .button:hover:not([disabled]) {
  background: var(--nk-navy-light) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(20, 28, 53, 0.22),
              0 0 0 1px rgba(212, 165, 116, 0.55),
              0 0 22px -6px rgba(212, 165, 116, 0.55) !important;
}

.card-wrapper .quick-add__submit.button:focus-visible {
  outline: 2px solid var(--nk-gold) !important;
  outline-offset: 2px;
}

/* Ausverkauft / nicht verfügbar — ruhiger, klar inaktiver Zustand */
.card-wrapper .quick-add__submit.button[disabled],
.card-wrapper .quick-add .button[disabled] {
  background: var(--nk-cream-dark) !important;
  color: #9a8f7a !important;
  border-color: var(--nk-cream-dark) !important;
  transform: none !important;
  box-shadow: none !important;
  cursor: not-allowed;
  opacity: 1 !important;
}
