/* Original shared FINAL1 shell. Artwork exported unchanged from approved eight-page HTML.
   Interactions remain DOM buttons/links, not a static screenshot. */
.lf-final1-header, .lf-final1-footer,
.lf-final1-header *, .lf-final1-footer *,
.lf-final1-header *::before, .lf-final1-footer *::before,
.lf-final1-header *::after, .lf-final1-footer *::after {box-sizing:border-box;}
.lf-final1-header,
.lf-final1-footer {width:100%;max-width:1536px;margin-inline:auto;background:#0c0b13;color:#f4eaf4;}
.lf-final1-header__art-wrap,
.lf-final1-footer__art-wrap {position:relative;width:100%;isolation:isolate;}
.lf-final1-header__art,
.lf-final1-footer__art {display:block;width:100%;height:auto;}
.lf-final1-header__hotspots,
.lf-final1-footer__hotspots {position:absolute;inset:0;}
.lf-final1-hit,
.lf-final1-footer__hit {position:absolute;display:block;padding:0;margin:0;border:0;border-radius:5px;background:transparent;color:transparent;text-decoration:none;cursor:pointer;}
.lf-final1-hit:hover,
.lf-final1-footer__hit:hover {background:radial-gradient(ellipse at center,rgba(239,112,195,.16),transparent 78%);}
.lf-final1-hit:focus-visible,
.lf-final1-footer__hit:focus-visible {outline:3px solid #ffd6f1;outline-offset:-2px;}
.lf-final1-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;}
/* Exact relative hit boxes from the approved FINAL1 original. */
.lf-final1-hit--brand {left:3%;top:3%;width:25%;height:91%;}
.lf-final1-hit--solutions {left:53.3%;top:4%;width:14.5%;height:92%;}
.lf-final1-hit--products {left:68%;top:4%;width:7%;height:92%;}
.lf-final1-hit--search {left:76.4%;top:4%;width:4.3%;height:92%;}
.lf-final1-hit--cart {left:81%;top:4%;width:4.8%;height:92%;}
.lf-final1-hit--account {left:86.4%;top:4%;width:12%;height:92%;}
/* The original decorative strip includes a sample cart badge (2). The live badge
   covers it with the real current count, updated by existing cart.js. */
.lf-final1-count {position:absolute;left:49%;top:1%;display:grid;place-items:center;min-width:23px;height:23px;padding:0 3px;border:1px solid #f8b7e6;border-radius:99px;background:#6f245c;color:#fff;font:700 12px/1 Arial,sans-serif;box-shadow:0 0 5px #230b25;}
.lf-final1-footer__hit--brand {left:3%;top:18%;width:20%;height:74%;}
.lf-final1-footer__hit--contact {left:71.5%;top:32%;width:6.1%;height:58%;}
.lf-final1-footer__hit--imprint {left:78%;top:32%;width:7%;height:58%;}
.lf-final1-footer__hit--privacy {left:85.3%;top:32%;width:8.4%;height:58%;}
.lf-final1-footer__copyright {display:block;text-align:right;padding:7px clamp(12px,3vw,40px);color:#c5b5c5;background:#15111b;font:12px/1.4 Arial,sans-serif;}
#catalog-grid [data-product-card][hidden] {display:none!important;}
.lf-final1-mobile-nav,
.lf-final1-footer__mobile {display:none;}
.lf-final1-panel {position:relative;padding:14px clamp(16px,3vw,40px);border-block:1px solid #815276;background:linear-gradient(120deg,#241729,#121019);color:#f6eff8;font:14px/1.5 Arial,sans-serif;}
.lf-final1-panel[hidden] {display:none!important;}
.lf-final1-panel form {display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.lf-final1-panel label {font-weight:600;}
.lf-final1-panel input {flex:1 1 220px;min-width:0;min-height:44px;padding:8px 12px;color:#fff;border:1px solid #b18da9;border-radius:6px;background:#211924;font:inherit;}
.lf-final1-panel button {min-height:44px;padding:8px 13px;color:#fff;border:1px solid #b18da9;border-radius:6px;background:#4e2a48;cursor:pointer;font:inherit;}
.lf-final1-panel h2 {margin:0 0 7px;font:600 19px/1.3 Arial,sans-serif;}
.lf-final1-panel p {margin:7px 0;}
.lf-final1-header :focus-visible,
.lf-final1-footer :focus-visible {outline-color:#ffd5f1;outline-offset:2px;}
/* On narrow screens we replace image hotspot navigation with actual readable links.
   Neither old chrome-menu nor screenshot hotspots are used for mobile input. */
@media (max-width:950px) {
  .lf-final1-header__art-wrap,
  .lf-final1-footer__art-wrap {display:none;}
  .lf-final1-mobile-nav {display:flex;flex-wrap:wrap;align-items:stretch;gap:4px 8px;padding:7px 10px;background:linear-gradient(100deg,#302333,#101019 55%,#332336);border-bottom:2px solid #b9609d;}
  .lf-final1-mobile-nav a,
  .lf-final1-mobile-nav button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;color:#f4e9f4;background:#2b1e2f;border:1px solid #70456c;border-radius:6px;text-decoration:none;font:600 13px/1.25 Arial,sans-serif;cursor:pointer;}
  .lf-final1-mobile-nav__brand {flex:1 0 100%;justify-content:flex-start!important;letter-spacing:.09em;font-size:17px!important;background:transparent!important;border:0!important;}
  .lf-final1-footer__mobile {display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:18px 10px;background:linear-gradient(#241825,#0e0d15);border-top:2px solid #ae5c94;}
  .lf-final1-footer__mobile a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px;color:#f4eaf4;text-decoration:underline;text-underline-offset:3px;}
  .lf-final1-footer__copyright {text-align:center;}
}
@media (max-width:380px) {
  .lf-final1-mobile-nav {gap:4px;}
  .lf-final1-mobile-nav a,
  .lf-final1-mobile-nav button {font-size:12px;padding-inline:8px;}
}
@media (prefers-reduced-motion:reduce) {
  .lf-final1-header *, .lf-final1-footer * {transition:none!important;animation:none!important;}
}


/* Shop-Static: die bisherige globale footer-Regel aus styles.css darf den
   freigegebenen, bildbasierten FINAL1-Footer nicht als Flex-Zeile umformatieren. */
body > footer.lf-final1-footer {
  display: block;
  width: 100%;
  max-width: 1536px;
  padding: 0;
  margin: 0 auto;
  gap: 0;
  font-size: 12px;
  letter-spacing: normal;
}
body > header.lf-final1-header {
  position: relative;
  z-index: 10;
}
.lf-final1-panel__matches {display: flex;flex-wrap: wrap;gap:8px;padding:8px 0;}
.lf-final1-panel__matches a {
  display: inline-flex;
  min-height:44px;align-items:center;
  border:1px solid #a5769d;border-radius:6px;padding:9px 12px;
  color:#fff;text-decoration:none;background:#422e46;
}
.lf-final1-panel__matches a:focus-visible{outline:3px solid #ffd6f1;outline-offset:2px;}
