/* calm.css (2026-10-14) - home page decluttered (Fabio: "die Seite ist zu voll, die erschlaegt einen").
   Nothing is deleted: the hidden detail lives on the sub pages (/soundcloud /youtube /spotify /concept /shop /submit).
   Loaded last, home sections only. */

/* 1. Three ways: name, one line, price, one figure, one button; the whole card opens its page */
#services .svc { position: relative; }
#services .svc-list { display: none; }
#services .svc-link { position: static; font-size: 0; padding: 0; border: 0; background: none; box-shadow: none; width: 0; height: 0; overflow: visible; }
#services .svc-link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
#services .svc-btn, #services .svc-price, #services .svc-media { position: relative; z-index: 2; }

/* 2. figures + tracking: one slim row; the tracking field opens on click */
#services .ht-wrap { margin-top: 10px; }
#services .ht-wrap > summary { list-style: none; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; padding: 8px 14px 8px 8px; border-radius: 999px;
  color: inherit; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); transition: background-color .2s; }
#services .ht-wrap > summary::-webkit-details-marker { display: none; }
#services .ht-wrap > summary:hover { background: rgba(255, 255, 255, .08); }
#services .ht-wrap .ht-ic { width: 30px; height: 30px; flex: none; }
#services .ht-wrap .ht-tx { display: inline-flex; align-items: baseline; gap: 8px; }
#services .ht-wrap .ht-tx b { font-size: 13.5px; }
#services .ht-wrap .ht-tx span { font-size: 12.5px; opacity: .65; }
#services .ht-wrap[open] > summary { margin-bottom: 10px; }
#services .ht-wrap .home-track { grid-template-columns: minmax(0, 1fr) auto; }

/* 3. How it works: the three step names only */
#services .how-steps p { display: none; }
#services .how-steps li { padding-top: 16px; padding-bottom: 16px; align-items: center; }

/* 4. Organic. Not bought.: the big line stays; the long paragraph + repeated figures go; pillars one line */
#concept .cx { grid-template-columns: 1fr; }
#concept .cx-body { display: none; }
#concept .cx-quote { max-width: none; }
#concept .pillar p { display: none; }
#concept .pillar { align-items: center; }

/* 5. Packages: "Save 15%" once above the cards; per package price, two points, the button */
#packages .shp-pkgs-home .shp-ribbon { display: none; }
#packages .shp-pkgs-home ul li:nth-child(n+3) { display: none; }
#packages .shp-pkgs-home .ch button { font-size: 11px; padding: 4px 9px; }
#services .svc-link { color: transparent; }
#services .svc-link > *, #services .svc-link::before { display: none !important; }
#services .ht-wrap .ht-tx { flex-direction: row; }
#services .svc-link { border: 0 !important; width: 0 !important; height: 0 !important; min-width: 0 !important; margin: 0 !important; }
#concept .cx-quote .lede-big { max-width: 30ch; }