/* =========================================================
   BOXZILLA – GLASS ROSE (TYPO CLEAN)
   ========================================================= */

/* Overlay deaktiviert */

.boxzilla-backdrop,
.boxzilla-overlay,
.boxzilla-backdrop-overlay,
body > .boxzilla-backdrop,
body > .boxzilla-backdrop-overlay{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* =========================================================
   POSITIONING
   ========================================================= */

.boxzilla.boxzilla-center{

  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  bottom: 0 !important;
  top: auto !important;

  width: auto !important;

  min-width: 320px;
  max-width: 800px;

  padding: 0 60px 30px 60px;

  border-radius: 12px 12px 0 0;

  overflow: hidden;
}


/* =========================================================
   VISUAL – GLASS LEVEL
   ========================================================= */

.boxzilla.boxzilla-center{

  background: rgba(255,252,252,0.90);

  backdrop-filter: blur(3px) saturate(102%);
  -webkit-backdrop-filter: blur(3px) saturate(102%);

  border: 1px solid rgba(201,142,120,0.08);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.38);

  color: rgba(147,84,59,0.90);
}


/* =========================================================
   LARGE VARIANTS
   ========================================================= */

.boxzilla.boxzilla-center.boxzilla-18160,
.boxzilla.boxzilla-center.boxzilla-18184{
  max-width: 960px !important;
}


/* =========================================================
   CONTENT ALIGNMENT
   ========================================================= */

/* Default (CTA) */

.boxzilla .boxzilla-content{
  text-align: center;
}

/* Text-Boxen */

.boxzilla.boxzilla-center.boxzilla-14132 .boxzilla-content,
.boxzilla.boxzilla-center.boxzilla-17029 .boxzilla-content,
.boxzilla.boxzilla-center.boxzilla-18160 .boxzilla-content,
.boxzilla.boxzilla-center.boxzilla-18184 .boxzilla-content{
  text-align: left !important;
}


/* =========================================================
   RHYTHM (nur spacing, keine Typo)
   ========================================================= */

.boxzilla .boxzilla-content > * + *{
  margin-top: var(--space-md);
}

.boxzilla .boxzilla-content p{
  margin-bottom: 0;
}

.boxzilla .boxzilla-content ul,
.boxzilla .boxzilla-content ol{
  margin: var(--space-sm) 0;
  padding-left: 18px;
}

.boxzilla .boxzilla-content li:not(:last-child){
  margin-bottom: 0.5em;
}


/* =========================================================
   CUSTOM WRAPPER
   ========================================================= */

.df-boxzilla-center-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.df-boxzilla-center-content h6{
  margin-top:-2px;
  margin-bottom: var(--space-sm);
}


/* =========================================================
   TRANSPARENT BOXES
   ========================================================= */

.boxzilla-18018,
.boxzilla-18018 .boxzilla-box,
.boxzilla-18018 .boxzilla-inner,
.boxzilla-18018 .boxzilla-content,

.boxzilla-18059,
.boxzilla-18059 .boxzilla-box,
.boxzilla-18059 .boxzilla-inner,
.boxzilla-18059 .boxzilla-content,

.boxzilla-18022,
.boxzilla-18022 .boxzilla-box,
.boxzilla-18022 .boxzilla-inner,
.boxzilla-18022 .boxzilla-content,

.boxzilla-18023,
.boxzilla-18023 .boxzilla-box,
.boxzilla-18023 .boxzilla-inner,
.boxzilla-18023 .boxzilla-content,

.boxzilla-18021,
.boxzilla-18021 .boxzilla-box,
.boxzilla-18021 .boxzilla-inner,
.boxzilla-18021 .boxzilla-content,

.boxzilla-18024,
.boxzilla-18024 .boxzilla-box,
.boxzilla-18024 .boxzilla-inner,
.boxzilla-18024 .boxzilla-content,

.boxzilla-17202,
.boxzilla-17202 .boxzilla-box,
.boxzilla-17202 .boxzilla-inner,
.boxzilla-17202 .boxzilla-content,

.boxzilla-18086,
.boxzilla-18086 .boxzilla-box,
.boxzilla-18086 .boxzilla-inner,
.boxzilla-18086 .boxzilla-content{

  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:999px){

  .boxzilla.boxzilla-center{
    width: calc(100vw - 24px) !important;
    padding: 36px 24px;
  }
}

@media (min-width:1000px){
  .boxzilla-top-right{
    display:none !important;
  }
}

@media (max-width:999px){
  .boxzilla-top-left{
    display:none !important;
  }
}


/* =========================================================
   MOTION (ultra slow)
   ========================================================= */

.boxzilla{
  transition:
    transform 3.25s cubic-bezier(0.22, 0.8, 0.2, 1) !important,
    opacity 0.95s ease !important;
}


/* =========================================================
   LANGUAGE BOX (19774)
   ========================================================= */

.boxzilla-19774{
  opacity:0;
  pointer-events:none;
  transform: translate(-50%, 14px);
  transition:
    opacity .45s ease,
    transform .6s cubic-bezier(0.22,1,0.36,1);
}

.boxzilla.boxzilla-center.boxzilla-19774{

  max-width:420px;

  background: rgba(255,252,252,0.82);

  backdrop-filter: blur(4px) saturate(100%);
  -webkit-backdrop-filter: blur(4px) saturate(100%);

  border-radius:12px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.32),
    inset 0 0 0 0.6px rgba(201,142,120,0.10);

  padding:18px 28px 22px;
}


/* Button bleibt leicht */

.boxzilla-19774 .df-button{
  padding:6px 20px;
}