/* Helium Balloon Builder — F4 kalkulator trajanja */
.hbb-dur{ --hbb-accent:#e6447a; --hbb-accent2:#7c4dff; --hbb-ink:#222; --hbb-line:#eceef2; --hbb-radius:14px; color:var(--hbb-ink); }
.hbb-dur *{ box-sizing:border-box; }
.hbb-dur__loading{ padding:28px; text-align:center; color:#888; }

.hbb-dur__card{ border:1px solid var(--hbb-line); border-radius:var(--hbb-radius); padding:22px; background:#fff; box-shadow:0 8px 30px rgba(20,20,50,.06); max-width:640px; margin-left:auto; margin-right:auto; }
.hbb-dur__title{ margin:0 0 6px; font-size:21px; line-height:1.25; }
.hbb-dur__intro{ margin:0 0 18px; color:#666; font-size:14px; line-height:1.5; }

/* form */
.hbb-dur__form{ display:flex; flex-direction:column; gap:16px; }
.hbb-dur__group{ border:1px solid var(--hbb-line); border-radius:12px; padding:12px 14px; margin:0; }
.hbb-dur__legend{ font-weight:600; font-size:13px; color:#555; padding:0 6px; }
.hbb-dur__check{ display:flex; align-items:center; gap:9px; padding:6px 0; font-size:14px; cursor:pointer; }
.hbb-dur__check input{ width:18px; height:18px; accent-color:var(--hbb-accent); cursor:pointer; }

.hbb-dur__row{ display:flex; gap:14px; flex-wrap:wrap; }
.hbb-dur__field{ flex:1 1 180px; display:flex; flex-direction:column; gap:5px; }
.hbb-dur__lbl{ font-size:13px; font-weight:600; color:#555; }
.hbb-dur__field input{ padding:10px 12px; border:1px solid var(--hbb-line); border-radius:10px; font-size:15px; width:100%; }
.hbb-dur__field input:focus{ outline:none; border-color:var(--hbb-accent); }

.hbb-dur__btn{ align-self:flex-start; border:none; background:linear-gradient(135deg,var(--hbb-accent),var(--hbb-accent2)); color:#fff; padding:12px 26px; border-radius:999px; cursor:pointer; font-weight:700; font-size:15px; transition:.15s; }
.hbb-dur__btn:hover{ filter:brightness(1.06); transform:translateY(-1px); }

/* result */
.hbb-dur__result{ margin-top:4px; }
.hbb-dur__msg{ padding:14px 16px; border-radius:10px; font-size:14px; }
.hbb-dur__msg--load{ color:#777; }
.hbb-dur__msg--warn{ background:#fff4f6; color:#c0274f; border:1px solid #f6d6df; }

.hbb-dur__panel{ border:1px solid var(--hbb-line); border-left:5px solid var(--hbb-accent2); border-radius:12px; padding:18px; background:linear-gradient(180deg,#fbfbff,#f6f4fc); }
.hbb-dur__panel--sameday{ border-left-color:#e6447a; }
.hbb-dur__panel--good{ border-left-color:#7c4dff; }
.hbb-dur__panel--flex{ border-left-color:#1faa59; }

.hbb-dur__hero{ display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 12px; margin-bottom:8px; }
.hbb-dur__hero-kicker{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:#8a8a98; flex:1 1 100%; }
.hbb-dur__hero-when{ font-size:20px; line-height:1.2; color:#1a1a2a; }
.hbb-dur__badge{ background:#fff; border:1px solid var(--hbb-line); color:#444; font-size:12px; font-weight:700; padding:4px 11px; border-radius:999px; }
.hbb-dur__panel--flex .hbb-dur__badge{ color:#1faa59; border-color:#bfe8cf; }
.hbb-dur__panel--good .hbb-dur__badge{ color:#7c4dff; border-color:#ddd3ff; }
.hbb-dur__panel--sameday .hbb-dur__badge{ color:#e6447a; border-color:#f6d6df; }

.hbb-dur__event{ margin:0 0 10px; font-size:14px; color:#555; }
.hbb-dur__event-lbl{ color:#9a9aa6; }
.hbb-dur__advice{ margin:0 0 12px; font-size:14px; line-height:1.55; color:#333; }

.hbb-dur__mats{ margin:12px 0; }
.hbb-dur__mats-lbl{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:#8a8a98; }
.hbb-dur__mats-list{ list-style:none; margin:6px 0 0; padding:0; }
.hbb-dur__mats-item{ display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-bottom:1px dashed var(--hbb-line); font-size:14px; }
.hbb-dur__mats-item:last-child{ border-bottom:none; }

.hbb-dur__note{ margin:10px 0 0; font-size:12.5px; color:#8a8a98; line-height:1.5; }
.hbb-dur__cta{ display:inline-block; margin-top:14px; background:var(--hbb-accent); color:#fff; text-decoration:none; padding:11px 22px; border-radius:999px; font-weight:700; font-size:14px; transition:.15s; }
.hbb-dur__cta:hover{ filter:brightness(1.07); color:#fff; }

/* static guide */
.hbb-dur__guide{ margin-top:22px; padding-top:18px; border-top:1px solid var(--hbb-line); }
.hbb-dur__guide-title{ margin:0 0 10px; font-size:15px; color:#444; }
.hbb-dur__guide-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.hbb-dur__guide-item{ background:#faf9fe; border:1px solid var(--hbb-line); border-radius:10px; padding:10px 13px; }
.hbb-dur__guide-head{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.hbb-dur__range{ font-size:13px; font-weight:700; color:var(--hbb-accent2); white-space:nowrap; }
.hbb-dur__tip{ margin:5px 0 0; font-size:13px; color:#666; line-height:1.45; }

@media (max-width:520px){
	.hbb-dur__card{ padding:16px; }
	.hbb-dur__hero-when{ font-size:18px; }
}