/* =====================================================================
   CartSoft Theme „Fernweh“ – Koffer, Taschen & Reisegepäck
   Baut auf „Classic“ (nordlicht) auf; Navigation, Header, Slider und Produktdarstellung kommen zentral aus dem Basis-Design.
   ===================================================================== */
@font-face{font-family:"CS Pagella";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cs-pagella-400.woff) format("woff")}
@font-face{font-family:"CS Pagella";font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/cs-pagella-700.woff) format("woff")}
@font-face{font-family:"CS Pagella";font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/cs-pagella-italic-400.woff) format("woff")}
:root{
  --primary:#2f5d57;--primary-hover:#244a45;--primary-ink:#24504a;--primary-soft:#eef5f3;--primary-soft-2:#f6faf9;
  --on-primary:#fff;--primary-deep:#173430;--primary-line:#c9dcd8;--primary-line-2:#e2ecea;
  --primary-glow:#2f5d5740;--primary-ring:#2f5d5733;--primary-tint:#2f5d5717;
  --cart-btn:#2f5d57;--cart-btn-hover:#16231f;--dark:#16231f;--black:#16231f;--text:#4a5552;--text-strong:#1f2b28;--muted:#66716d;
  --line:#e4e6ea;--line-2:#eff1f3;--bg-alt:#f7f5f1;--info-soft:#eef5f3;
  --radius:14px;--radius-sm:14px;--radius-lg:14px;
  --accent:#b4652a;--ink:#24504a;--head-bg:#ffffff;
  --font-head:"CS Pagella",Georgia,"Times New Roman",serif;
}
body{background:#ffffff}
h1,h2,h3,.section-head h2,.hs h1,.cat-name,.footer-title{font-family:var(--font-head);font-weight:700}
.hs h1{font-weight:700}
.btn{border-radius:8px}
.nl-header .search-btn{border-radius:8px}
.nl-header .search-form input{border-radius:14px}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=date],select,textarea{border-radius:14px}
.product-card,.cat-tile,.post-card,.nl-benefits li{border-radius:14px}
.pc-media{border-radius:calc(14px * .7)}
.badge-sale{background:#2f5d57}
.link-arrow{color:var(--primary-ink)}

/* Infoleiste */
.nl-topbar{background:#b4652a;box-shadow:none;border-bottom:0}
.nl-topbar .topbar-text,.nl-topbar .topbar-links a,.nl-topbar .topbar-links a:hover{color:#fff7ef}
.nl-topbar .topbar-text .icon,.nl-topbar .topbar-links .icon{color:#fff7ef;opacity:.85}
.nl-header{background:#ffffff;border-bottom:1px solid var(--line)}

/* Menüleiste */
.nl-header .main-nav{background:#2f5d57}
.nl-header .menu-item>a,.nl-header .menu-item:hover>a,.nl-header .menu-item:focus-within>a,.nl-header .menu-item.is-active>a{color:#ffffff}
.nl-header .main-nav{--nav-ul-color:#ffffff}

/* Kopfbereich der Startseite */
.hs{min-height:clamp(420px,40vw,600px)}
.hs.hs--light .hs-kicker{background:#2f5d57;border-color:#2f5d57;color:#fff}

/* Abschnitts-Überschriften */
.section-head h2::after{content:"";display:block;width:44px;height:3px;border-radius:2px;background:var(--accent);margin-top:12px}

/* Kategorie- und Produktkarten */
.product-card,.cat-tile{border-color:transparent;box-shadow:0 2px 12px rgba(20,20,30,.07)}
.product-card:hover,.cat-tile:hover{border-color:transparent;box-shadow:0 18px 40px -12px rgba(20,20,30,.18)}
.nl-benefit-icon{background:var(--primary-soft);color:var(--primary-ink)}
.nl-footer{background:#f7f5f1}

/* Eigenheiten des Designs */
.nl-header .main-nav{--nav-ul-color:#e8b384}
.nl-benefits li{border-style:dashed;border-color:#d8c6b4;background:#fffdfa}
.nl-benefit-icon{background:#f6ebe1;color:var(--accent)}
.badge-sale{background:var(--accent)}
.hs-kicker{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}