/* Linda Seeds Grow-Proof demo chrome (light DOM): slot spacing, the image badge, the demo control bar.
   The widgets themselves are styled only by the release CSS inside their shadow roots. */
.lsd-host[hidden]{display:none!important}
.lsd-host--grow{display:block;margin:8px 0 32px;scroll-margin-top:72px}
.lsd-host--snippet{display:block;max-width:520px;margin:12px 0 16px}

/* "Dokumentierter Grow" badge, bottom-right of the main product image (widget tokens: surface #fff, ink 18 %, accent hsl(138 16% 38%)) */
.lsd-badge{position:absolute;right:12px;bottom:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px 6px 8px;
  border:1px solid color-mix(in oklab,hsl(0 0% 18%) 13%,#fff);border-radius:999px;background:rgb(255 255 255 / .94);color:hsl(0 0% 18%);
  font:600 13px/1.2 "GRP Inter","Inter","GRP Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;
  box-shadow:0 2px 10px rgb(0 0 0 / .14);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,box-shadow .15s ease}
.lsd-badge:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgb(0 0 0 / .18)}
.lsd-badge:focus-visible{outline:2px solid hsl(138 16% 38%);outline-offset:2px}
.lsd-badge-i{display:inline-flex;width:18px;height:18px;color:hsl(138 16% 38%)}
.lsd-badge-i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:575px){.lsd-badge{right:8px;bottom:8px;padding:5px 10px 5px 7px;font-size:12px}}

/* Demo control bar (not part of the product) */
.lsd-bar{position:fixed;left:0;right:0;bottom:12px;width:max-content;margin:0 auto;z-index:2147482000;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:6px;
  border-radius:14px;background:rgb(20 22 20 / .92);color:#f2f2ee;box-shadow:0 6px 24px rgb(0 0 0 / .28);
  font:500 12px/1.2 "GRP Inter","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lsd-bar *{box-sizing:border-box}
.lsd-body{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 12px}
.lsd-bar.is-min .lsd-body{display:none}
.lsd-min{flex:none;padding:6px 10px;border:0;border-radius:9px;background:hsl(138 30% 40%);color:#fff;font:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.lsd-grp{display:flex;align-items:center;gap:6px}
.lsd-lbl{color:rgb(242 242 238 / .6)}
.lsd-seg{display:flex;padding:2px;border-radius:9px;background:rgb(255 255 255 / .08)}
.lsd-seg a,.lsd-seg button{display:block;padding:5px 9px;border:0;border-radius:7px;background:none;color:inherit;font:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}
.lsd-seg a:hover,.lsd-seg button:hover{background:rgb(255 255 255 / .1);color:#fff;text-decoration:none}
.lsd-seg [aria-current="page"],.lsd-seg [aria-pressed="true"]{background:#f2f2ee;color:#141614}
.lsd-seg button:disabled{opacity:.4;cursor:default}
.lsd-bar :focus-visible{outline:2px solid hsl(138 30% 64%);outline-offset:1px}
.lsd-go{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:9px;background:#abcc57;color:#141614;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}
.lsd-go:hover{background:#bcd86e}
.lsd-go:disabled{opacity:.4;cursor:default}
.lsd-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1100px){.lsd-body{flex-wrap:wrap}}
@media (max-width:575px){.lsd-bar:not(.is-min){width:calc(100vw - 16px)}.lsd-bar:not(.is-min) .lsd-go{margin-left:auto}.lsd-bar{bottom:8px;flex-wrap:wrap}.lsd-lbl{display:none}.lsd-body{gap:6px;flex-wrap:wrap}}