.ecp-feeding-calculator { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.ecp-form { margin: 0 0 1rem; }
.ecp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 640px){ .ecp-grid { grid-template-columns: 1fr; } }
.ecp-field { display: flex; flex-direction: column; gap: 6px; }
.ecp-field span { font-weight: 600; font-size: 0.9rem; }
.ecp-field input[type="text"],
.ecp-field input[type="number"],
.ecp-field select { padding: 10px 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 0.95rem; background: #fff; }
.ecp-age-input, .ecp-weight-input { display: flex; gap: 8px; align-items: center; }
.ecp-age-input input { flex: 1; min-width: 0; padding: 8px 10px; font-size: 0.9rem; }
.ecp-age-input select { width: 44%; min-width: 90px; max-width: 160px; padding: 8px 10px; font-size: 0.9rem; }
.ecp-weight-input input { flex: 1; min-width: 0; padding: 8px 10px; font-size: 0.9rem; }
.ecp-unit-toggle { display: flex; gap: 10px; align-items: center; }
.ecp-results { margin-top: 16px; }
.ecp-card { border: 1px solid #eee; border-radius: 12px; padding: 16px; background: #fafafa; }
.ecp-card { position: relative; z-index: 2; }
.ecp-card h3 { margin: 0 0 8px; font-size: 1.1rem; }
.ecp-card p { margin: 6px 0; }
.ecp-actions { margin-top: 12px; display: flex; gap: 10px; flex-wrap: wrap; }
.ecp-btn { display: inline-block; padding: 10px 14px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.95rem; }
.ecp-btn--primary { background: #1a8f5a; color: #fff; }
.ecp-btn--ghost { background: #fff; color: #1a8f5a; border: 1px solid #1a8f5a; }

/* Collapsible styles */
.ecp-collapsible { border: 1px solid #eee; border-radius: 12px; padding: 0; background: #fff; position: relative; overflow: visible; }
.ecp-collapsible[open] { background: #fff; }
.ecp-collapsible__summary { list-style: none; cursor: pointer; padding: 14px 16px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.ecp-collapsible__summary::-webkit-details-marker { display: none; }
.ecp-collapsible__summary:after { content: "+"; margin-left: auto; font-weight: 700; }
.ecp-collapsible[open] .ecp-collapsible__summary:after { content: "–"; }
.ecp-collapsible > .ecp-calculator__mount { padding: 16px; border-top: 1px solid #eee; background: #fff; position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; box-shadow: 0 8px 20px rgba(0,0,0,0.15); border-radius: 0 0 12px 12px; min-width: 100%; }

/* Inline in product cards */
.ecp-feeding-calculator--inline { position: relative; z-index: 1; overflow: visible; margin-top: 10px; isolation: isolate; }
.ecp-feeding-calculator--inline details[open] { margin-bottom: 12px; }
.ecp-feeding-calculator--inline .ecp-collapsible__summary { position: relative; z-index: 4; background: #fff; }