.poyco-pack-stack{
  --poyco-accent:#fb4e00;
  --poyco-pack-css-loaded:1;
}

/* Contenedor */
.poyco-pack-boxes{
  display:flex;
  flex-direction:column;
  gap:16px; /* antes era más compacto */
}

/* Tarjeta */
.poyco-pack-box{
  border:1px solid #eaeaea;
  border-radius:14px;
  background:#fff;
  padding:16px 16px;
  transition:all .15s ease;
  position:relative;
}

/* Activo */
.poyco-pack-box.active{
  border:2px solid var(--poyco-accent);
  background:#fff7f3;
}

/* Header en 2 columnas: izquierda (radio+texto) y derecha (precio) */
.poyco-box-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

/* Radio + textos */
.poyco-box-radio{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex:1;
}

.poyco-box-radio input{
  margin-top:3px;
  accent-color:var(--poyco-accent);
  width:16px;
  height:16px;
}

/* Título */
.poyco-box-label{
  font-family:var(--poyco-title-font,inherit);
  color:var(--poyco-title-color,#111);
  font-size:var(--poyco-title-size,16px);
  font-weight:800;
  line-height:1.2;
}

/* Subtítulo */
.poyco-pack-subheader{
  font-family:var(--poyco-subtitle-font,inherit);
  color:var(--poyco-subtitle-color,#666);
  font-size:var(--poyco-subtitle-size,13px);
  margin-top:6px;
  line-height:1.3;
}

/* Badge arriba derecha (como antes) */
.poyco-box-badge{
  position:absolute;
  top:-12px;
  right:14px;
  font-family:var(--poyco-badge-font,inherit);
  background:var(--poyco-badge-bg,var(--poyco-accent));
  color:var(--poyco-badge-color,#fff);
  font-size:var(--poyco-badge-size,12px);
  padding:6px 12px;
  border-radius:999px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* Precio derecha */
.poyco-box-price{
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  min-width:110px;
}

.poyco-price{
  font-family:var(--poyco-price-font,inherit);
  color:var(--poyco-price-color,#111);
  font-size:var(--poyco-price-size,18px);
  font-weight:900;
}

.poyco-price-old{
  font-family:var(--poyco-price-old-font,inherit);
  color:var(--poyco-price-old-color,#ff3b30); /* en tu diseño “antes” era rojo */
  font-size:var(--poyco-price-old-size,13px);
  text-decoration:line-through;
  font-weight:800;
}

/* Contenido: por defecto oculto */
.poyco-pack-box .poyco-box-content{ display:none; }
.poyco-pack-box.active .poyco-box-content{
  display:block;
  margin-top:12px;
}

.poyco-pack-instructions{
  font-family:var(--poyco-label-font,inherit);
  color:var(--poyco-label-color,#444);
  font-size:var(--poyco-label-size,13px);
  margin:0;
}

/* Botón (idéntico y “a prueba de Bricks”) */
.poyco-pack-stack.poyco-pack-simple button.poyco-pack-submit{
  width:100% !important;
  font-family:var(--poyco-btn-font,inherit) !important;
  color:var(--poyco-btn-color,#fff) !important;
  background:var(--poyco-btn-bg,#111) !important;
  border:1px solid var(--poyco-btn-border-color,transparent) !important;
  border-radius:var(--poyco-btn-radius,10px) !important;
  padding:var(--poyco-btn-py,14px) var(--poyco-btn-px,16px) !important;
  font-weight:900 !important;
  cursor:pointer !important;
  margin-top:16px !important;
  font-size:var(--poyco-btn-fs,16px) !important;
  transition:all .2s ease !important;
}

.poyco-pack-stack.poyco-pack-simple button.poyco-pack-submit:hover{
  color:var(--poyco-btn-color-hover,#fff) !important;
  background:var(--poyco-btn-bg-hover,#000) !important;
  transform:translateY(-1px) !important;
}

.poyco-pack-stack.poyco-pack-simple button.poyco-pack-submit:disabled{
  opacity:.6 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

/* Debug: oculto por defecto (solo se verá si JS lo activa y data-debug=yes) */
.poyco-pack-debug-badge{ display:none; }

/* Responsive */
@media (max-width:520px){
  .poyco-box-header{ gap:12px; }
  .poyco-box-price{ min-width:auto; }
}