/** Shopify CDN: Minification failed

Line 143:13 Expected identifier but found whitespace
Line 143:19 Unexpected "!"
Line 214:0 Expected "}" to go with "{"

**/
/* SSC Legal Modal – polished (separate file to avoid base.css parse issues) */

#ssc-legal-modal{
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  width: min(640px, calc(100% - 32px)) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.28) !important;
}

#ssc-legal-modal::backdrop{
  background: rgba(0,0,0,.45) !important;
}

#ssc-legal-modal .ssc-legal-modal__inner{
  background: #fff !important;
  border-radius: 16px !important;
  padding: 18px 18px 16px !important;
}

#ssc-legal-modal .ssc-legal-modal__top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:10px !important;
}

#ssc-legal-modal .ssc-legal-modal__top strong{
  font-size:16px !important;
  line-height:1.25 !important;
}

#ssc-legal-modal .ssc-legal-modal__body{
  font-size:14px !important;
  line-height:1.55 !important;
}

#ssc-legal-modal .ssc-legal-modal__body p{ margin:0 0 10px !important; }

#ssc-legal-modal .ssc-legal-modal__body a{
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  opacity: .85 !important;
}
#ssc-legal-modal .ssc-legal-modal__body a:hover{ opacity:1 !important; }

#ssc-legal-modal .ssc-legal-close{
  border: 0 !important;
  background: rgba(0,0,0,.06) !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: .85 !important;
}
#ssc-legal-modal .ssc-legal-close:hover{ opacity:1 !important; }

#ssc-legal-modal .ssc-legal-modal__actions{
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:12px !important;
}

#ssc-legal-modal .ssc-legal-close-btn{
  border: 1px solid rgba(0,0,0,.16) !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: #fff !important;
  cursor: pointer !important;
}
#ssc-legal-modal .ssc-legal-close-btn:hover{
  background: rgba(0,0,0,.03) !important;
}

/* Link-Button im Warenkorb dezent */
.ssc-cart-legal .ssc-legal-open{
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font: inherit !important;
  color: inherit !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  opacity: .75 !important;
}
.ssc-cart-legal .ssc-legal-open:hover{ opacity:1 !important; }
/* --- Position + no horizontal scroll --- */
#ssc-legal-modal{
  /* wirklich zentrieren */
  position: fixed !important;
  inset: 50% auto auto 50% !important;
  transform: translate(-50%, -50%) !important;

  /* bewusst kompakter */
  width: min(520px, calc(100% - 24px)) !important;
  max-width: 520px !important;

  /* nie größer als Viewport */
  max-height: min(70vh, 520px) !important;

  /* verhindert horizontale Scrollbars */
  overflow: hidden !important;
}

/* Innenbereich scrollt vertikal, falls nötig */
#ssc-legal-modal .ssc-legal-modal__inner{
  max-height: inherit !important;
  overflow: auto !important;
}

/* Text etwas kompakter */
#ssc-legal-modal .ssc-legal-modal__body{
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

/* Link dezenter */
#ssc-legal-modal .ssc-legal-modal__body a{
  opacity: .7 !important;
}
#ssc-legal-modal .ssc-legal-modal__body a:hover{ opacity: 1 !important; }

/* Close-Button immer sichtbar oben rechts */
#ssc-legal-modal .ssc-legal-modal__top{
  position: sticky !important;
  top: 0 !important;
  background: #fff !i
/* =========================
   SSC Legal Modal – FINAL FIX (no horizontal scroll, footer visible)
   ========================= */

#ssc-legal-modal{
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: min(720px, calc(100vw - 32px)) !important; /* größer */
  max-width: 720px !important;
  height: auto !important;
  max-height: min(78vh, 520px) !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Backdrop bleibt schön */
#ssc-legal-modal::backdrop{
  background: rgba(0,0,0,.45) !important;
}

/* Innenlayout: Header / Body / Footer */
#ssc-legal-modal .ssc-legal-modal__inner{
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  background: #fff !important;
  border-radius: 16px !important;
  padding: 18px !important;

  max-height: min(78vh, 520px) !important;
  overflow: hidden !important;  /* verhindert horizontalen Scroll */
}

/* Body scrollt nur vertikal */
#ssc-legal-modal .ssc-legal-modal__body{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-width: 100% !important;

  padding-right: 4px !important; /* kleine Luft gegen Scrollbar */
}

/* Footer/Actions immer sichtbar */
#ssc-legal-modal .ssc-legal-modal__actions{
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 12px !important;
  flex: 0 0 auto !important;
}

/* Buttons und Links dürfen nie "rausdrücken" */
#ssc-legal-modal *{
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#ssc-legal-modal a{
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}