/* =====================================================================
   CartSoft Theme „Basislager“ – Camping & Outdoor-Ausrüstung
   Baut auf „Classic“ (nordlicht) auf; Navigation, Header, Slider und Produktdarstellung kommen zentral aus dem Basis-Design.
   ===================================================================== */
@font-face{font-family:"Caladea";font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/caladea-700.woff) format("woff")}
:root{
  --primary:#2f5233;--primary-hover:#254228;--primary-ink:#2a4a2d;--primary-soft:#edf3ec;--primary-soft-2:#f6f9f5;
  --on-primary:#fff;--primary-deep:#15261a;--primary-line:#c8d8c6;--primary-line-2:#e0e9de;
  --primary-glow:#2f523340;--primary-ring:#2f523333;--primary-tint:#2f523317;
  --cart-btn:#2f5233;--cart-btn-hover:#1b241c;--dark:#1b241c;--black:#1b241c;--text:#4b544b;--text-strong:#1d261e;--muted:#677067;
  --line:#e4e6ea;--line-2:#eff1f3;--bg-alt:#f3f1ea;--info-soft:#edf3ec;
  --radius:10px;--radius-sm:10px;--radius-lg:10px;
  --accent:#e07a1f;--ink:#2a4a2d;--head-bg:#ffffff;
  --font-head:"Caladea",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:10px}
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:10px}
.product-card,.cat-tile,.post-card,.nl-benefits li{border-radius:10px}
.pc-media{border-radius:calc(10px * .7)}
.badge-sale{background:#2f5233}
.link-arrow{color:var(--primary-ink)}

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

/* Menüleiste */
.nl-header .main-nav{background:#2f5233}
.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-h:0px}
.nl-header .menu-item>a{padding:0 16px}
.nl-header .menu{--nav-gap:0px}
.nl-header .menu-item:hover>a,.nl-header .menu-item:focus-within>a,.nl-header .menu-item.is-active>a{background:rgba(0,0,0,.22)}

/* Kopfbereich der Startseite */
.hs{min-height:clamp(420px,40vw,600px)}

/* Abschnitts-Überschriften */
.section-head h2{padding-left:14px;border-left:5px solid var(--primary)}

/* Kategorie- und Produktkarten */
.product-card,.cat-tile{border:1px solid var(--line);box-shadow:none}
.product-card:hover,.cat-tile:hover{border-color:var(--primary);box-shadow:var(--shadow)}
.nl-benefit-icon{background:var(--primary-soft);color:var(--primary-ink)}

/* Fußbereich dunkel */
.nl-footer{background:#1b241c;color:#c9ccd1;border-top:0}
.nl-footer .footer-title,.nl-footer-help h2{color:#fff}
.nl-footer-help p,.nl-footer p{color:#c9ccd1}
.nl-footer-top{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none}
.nl-footer-help-icon{background:rgba(255,255,255,.08);color:#fff}
.nl-footer .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.nl-footer .btn-outline:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.5)}
.nl-footer .footer-links a,.nl-footer .footer-contact a,.nl-footer .footer-contact span{color:#d6d8dc}
.nl-footer .footer-links a:hover,.nl-footer .footer-contact a:hover{color:#fff}
.nl-footer .footer-contact .icon{color:#e07a1f}
.nl-footer .footer-logo img{background:#fff;border-radius:8px;padding:6px 10px;box-sizing:content-box}
.nl-footer .footer-logo .logo-text{color:#fff}
.nl-footer .footer-bottom{background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.08)}
.nl-footer .footer-bottom a,.nl-footer .footer-powered{color:#a3a7ad}
.nl-footer .footer-bottom a:hover{color:#fff}

/* Eigenheiten des Designs */
.section-alt{background:#f3f1ea radial-gradient(circle at 80% 30%,transparent 0 60px,rgba(47,82,51,.06) 61px 62px,transparent 63px 110px,rgba(47,82,51,.05) 111px 112px,transparent 113px 170px,rgba(47,82,51,.04) 171px 172px,transparent 173px)}
.hs--card .hs-content{border-top:6px solid var(--accent)}
.badge-sale{background:var(--accent)}