/* =====================================================================
   CartSoft Theme „Weinkeller“ – Wein & Spirituosen
   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:#7b1e2b;--primary-hover:#651823;--primary-ink:#6e1a26;--primary-soft:#f8ecee;--primary-soft-2:#fcf6f7;
  --on-primary:#fff;--primary-deep:#3a0d14;--primary-line:#e6c3c9;--primary-line-2:#f1dde0;
  --primary-glow:#7b1e2b40;--primary-ring:#7b1e2b33;--primary-tint:#7b1e2b17;
  --cart-btn:#7b1e2b;--cart-btn-hover:#1d1214;--dark:#1d1214;--black:#1d1214;--text:#56494b;--text-strong:#251a1c;--muted:#746769;
  --line:#e5e3df;--line-2:#efede9;--bg-alt:#f6f1ec;--info-soft:#f8ecee;
  --radius:4px;--radius-sm:4px;--radius-lg:4px;
  --accent:#c8a456;--ink:#6e1a26;--head-bg:#1d1214;
  --font-head:"CS Pagella",Georgia,"Times New Roman",serif;
}
body{background:#fffdfb}
h1,h2,h3,.section-head h2,.hs h1,.cat-name,.footer-title{font-family:var(--font-head);font-weight:700;font-style:italic}
.hs h1{font-weight:700}
.btn{border-radius:2px}
.nl-header .search-btn{border-radius:2px}
.nl-header .search-form input{border-radius:4px}
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:4px}
.product-card,.cat-tile,.post-card,.nl-benefits li{border-radius:4px}
.pc-media{border-radius:calc(4px * .7)}
.badge-sale{background:#7b1e2b}
.link-arrow{color:var(--primary-ink)}

/* Infoleiste */
.nl-topbar{background:#120a0b;box-shadow:none;border-bottom:0}
.nl-topbar .topbar-text,.nl-topbar .topbar-links a,.nl-topbar .topbar-links a:hover{color:#cdb68a}
.nl-topbar .topbar-text .icon,.nl-topbar .topbar-links .icon{color:#cdb68a;opacity:.85}
.nl-header{background:#1d1214;border-bottom:0}

/* Farbige/dunkle Kopfzeile: weiße Symbole; eigenes (dunkles) Logo bekommt eine weiße Fläche */
.nl-header .header-actions .icon-btn,.nl-header .nav-toggle{color:#fff}
.nl-header .header-actions .icon-label{color:rgba(255,255,255,.88)}
.nl-header .icon-btn:hover{background:rgba(255,255,255,.14);color:#fff}
.nl-header .logo-text{color:#fff}
.nl-header .logo:not(:has(img[src*="logo-cartsoft-hell"])) img{background:#fff;border-radius:8px;padding:6px 10px;box-sizing:content-box}
.nl-header .search-form input{background:#fff;border-color:transparent}
.nl-header .cart-count{box-shadow:0 0 0 2px var(--head-bg)}

/* Menüleiste */
.nl-header .main-nav{background:#2a181b}
.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:#efe2cf}
.nl-header .menu-item>a{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}
.nl-header .main-nav{--nav-ul-color:#efe2cf}

/* Logo in der Mitte, Suche links, Konto und Warenkorb rechts (ab Tablet quer) */
@media (min-width:992px){
  .nl-header .header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .nl-header .search-form{grid-column:1;grid-row:1;justify-self:start;width:100%;max-width:330px;margin:0}
  .nl-header .logo{grid-column:2;grid-row:1;justify-self:center;margin:0}
  .nl-header .header-actions{grid-column:3;grid-row:1;justify-self:end}
  .nl-header .menu{justify-content:center}
}

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

/* Abschnitts-Überschriften */
.section-head{border-bottom:3px double var(--line);padding-bottom:14px}

/* Kategorie- und Produktkarten */
.product-card{border-color:transparent;box-shadow:none;background:transparent}
.product-card:hover{border-color:transparent;box-shadow:none}
.product-card:hover .pc-media{box-shadow:var(--shadow)}
.pc-media{margin:0;border-radius:var(--radius)}
.cat-tile{border-color:var(--line-2);box-shadow:none}
.nl-benefit-icon{background:var(--primary-soft);color:var(--primary-ink)}

/* Fußbereich dunkel */
.nl-footer{background:#1d1214;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:#c8a456}
.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 */
.nl-header .main-nav{--nav-ul-color:var(--accent);--nav-ul-h:2px}
.pc-title{font-family:var(--font-head);font-size:1.08rem}
.price{color:var(--ink)}