/* Bottom-left “card”, not full width */
#c25-consent-banner.c25-consent-banner{
  position: fixed;
  left: 16px;
  bottom: 16px;
  right: auto;
  z-index: 999999;
  font-family: inherit;

  width: min(420px, calc(100vw - 32px));
}

.c25-erasure-form-wrap { margin: 20px 0; }
.c25-erasure-form { max-width: 720px; }
.c25-field { margin: 0 0 14px; }
.c25-field label { display:block; font-weight:600; font-size: 18px; margin-bottom:6px; }

.c25-erasure-form .c25-field input,
.c25-erasure-form .c25-field textarea {
  width: 100%;
  padding: 14px 16px !important;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 8px;
  box-sizing: border-box;
}


.c25-check label { font-weight:400; }
.c25-actions { margin-top: 12px; }
.c25-erasure-small { font-size: 13px; opacity: .85; margin-top: 10px; }

.c25-erasure-notice { padding: 10px 12px; border-radius: 10px; margin-bottom: 14px; }
.c25-erasure-ok { background: rgba(0,128,0,.08); border: 1px solid rgba(0,128,0,.25); }
.c25-erasure-err { background: rgba(200,0,0,.08); border: 1px solid rgba(200,0,0,.25); }

.c25-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:640px){.c25-grid{grid-template-columns:1fr;}}



/* Card */
.c25-consent-inner{
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px 14px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 12px;

  background: var(--c25-bg, #fff);
  color: var(--c25-text, #111);

  box-shadow: 0 8px 30px rgba(0,0,0,.18);
}

/* Icon left */
.c25-consent-icon{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  margin-top: 2px;
  opacity: .9;
}
.c25-consent-icon svg{
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}

/* Text right */
.c25-consent-text{
  flex: 1 1 auto;
}

.c25-consent-title{
  font-weight: 700;
  margin-bottom: 4px;
}

.c25-consent-message{
  font-size: 14px;
  line-height: 1.35;
}

.c25-consent-link{
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
  text-decoration: underline;
  color: inherit;
  opacity: .9;
}

/* Buttons */
.c25-consent-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.c25-btn{
  cursor: pointer;
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.2);

  background: var(--c25-btn-bg, #111);
  color: var(--c25-btn-text, #fff);

  font-size: 14px;
}

.c25-btn-secondary{
  background: transparent;
  color: inherit;
}

/* Small screens */
@media (max-width: 420px){
  .c25-consent-actions{
    flex-direction: column;
  }
  .c25-btn{
    width: 100%;
  }
}
