/* =====================================================================
   CartSoft Theme „Festtag“ – Party, Geschenke & Feiern
   Baut auf „Classic“ (nordlicht) auf; Navigation, Header, Slider und Produktdarstellung kommen zentral aus dem Basis-Design.
   ===================================================================== */
@font-face{font-family:"CS Chorus";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/cs-chorus-500.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/poppins-700.woff) format("woff")}
:root{
  --primary:#d6336c;--primary-hover:#b82a5b;--primary-ink:#b02656;--primary-soft:#fdebf1;--primary-soft-2:#fff5f8;
  --on-primary:#fff;--primary-deep:#5c0f2a;--primary-line:#f6c4d5;--primary-line-2:#fadbe6;
  --primary-glow:#d6336c40;--primary-ring:#d6336c33;--primary-tint:#d6336c17;
  --cart-btn:#d6336c;--cart-btn-hover:#2a1420;--dark:#2a1420;--black:#fff6f2;--text:#5a4952;--text-strong:#2b1822;--muted:#7a6670;
  --line:#e4e6ea;--line-2:#eff1f3;--bg-alt:#fff6f2;--info-soft:#fdebf1;
  --radius:20px;--radius-sm:20px;--radius-lg:20px;
  --accent:#e0b04a;--ink:#b02656;--head-bg:#ffffff;
  --font-head:"Poppins",Georgia,"Times New Roman",serif; --font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-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:999px}
.nl-header .search-btn{border-radius:999px}
.nl-header .search-form input{border-radius:999px}
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:20px}
.pc-media{border-radius:calc(20px * .7)}
.badge-sale{background:#d6336c}
.link-arrow{color:var(--primary-ink)}

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

/* Menüleiste */
.nl-header .main-nav{background:#d6336c}
.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 14px;height:calc(var(--bar-h) - 14px);margin:7px 0;border-radius:999px}
.nl-header .menu{--nav-gap:6px}
.nl-header .menu-item:hover>a,.nl-header .menu-item:focus-within>a,.nl-header .menu-item.is-active>a{background:rgba(255,255,255,.16)}

/* Kopfbereich der Startseite */
.hs{min-height:clamp(420px,40vw,600px)}
.hs.hs--light .hs-kicker{background:#d6336c;border-color:#d6336c;color:#fff}
.hs .hs-kicker,.hs.hs--light .hs-kicker{font-family:"CS Chorus",cursive;text-transform:none;letter-spacing:0;font-size:1.6rem;font-weight:500;line-height:1.3;background:none;border:0;border-radius:0;padding:0;color:var(--primary-ink);text-shadow:none}

/* Abschnitts-Überschriften */
.section-head{flex-direction:column;align-items:center;text-align:center;gap:6px}
.section-head .section-sub{margin-left:auto;margin-right:auto}

/* 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:#fff6f2}

/* Eigenheiten des Designs */
.section-alt{background-color:#fff6f2;background-image:radial-gradient(#f6c4d5 2px,transparent 2.5px),radial-gradient(#f3dca6 2px,transparent 2.5px),radial-gradient(#c7d9f5 1.5px,transparent 2px);background-size:90px 90px,130px 130px,70px 70px;background-position:0 0,40px 60px,20px 30px}
.section-head h2{font-weight:700}
