/* Humavit – okienko subskrypcji (styl granatowy, jak „Pakiet 3 opakowań") */
#hs-box{
	--hs-navy:#0f172a; --hs-navy2:#1e3a8a; --hs-amber:#fbbf24;
	position:relative;
	background:linear-gradient(135deg, var(--hs-navy) 0%, var(--hs-navy2) 100%);
	border-radius:24px;
	padding:26px 28px 24px;
	margin:0 0 28px;
	color:#e2e8f0;
	overflow:hidden;
	box-shadow:0 20px 45px -18px rgba(15,23,42,.5);
	font-family:inherit;
}
@media (min-width:1024px){ #hs-box{ border-radius:32px; padding:30px 32px 28px; } }
#hs-box::before{ content:''; position:absolute; right:-60px; top:-60px; width:220px; height:220px; background:rgba(74,222,128,.14); border-radius:50%; filter:blur(46px); pointer-events:none; }
#hs-box::after{ content:''; position:absolute; left:-50px; bottom:-70px; width:200px; height:200px; background:rgba(251,191,36,.12); border-radius:50%; filter:blur(44px); pointer-events:none; }
#hs-box > *{ position:relative; z-index:1; }

.hs-box-badge{
	display:inline-flex; align-items:center; gap:8px; z-index:2;
	background:var(--hs-amber); color:var(--hs-navy);
	font-family:'Oswald','Arial Narrow',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.15em;
	font-size:12px; padding:9px 18px; border-radius:999px;
	box-shadow:0 8px 22px rgba(251,191,36,.4);
	margin-bottom:18px;
}
.hs-box-title{
	font-family:'Oswald','Arial Narrow',sans-serif; font-weight:700; text-transform:uppercase;
	color:#fff; font-size:clamp(20px,2.6vw,28px); line-height:1.15; margin:0 0 12px;
	display:flex; align-items:center; gap:10px;
}
.hs-box-title i{ color:var(--hs-amber); }
.hs-box-desc{ color:#cbd5e1; font-size:14.5px; line-height:1.65; margin:0 0 18px; }

.hs-box-info{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.hs-chip{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:8px 14px; font-size:13px; color:#e2e8f0; }
.hs-chip i{ color:#4ade80; }
.hs-chip strong{ color:#fff; }
.hs-chip .amount, .hs-chip bdi{ color:#fff !important; }
.hs-chip .hs-old{ opacity:.6; font-weight:600; margin-right:7px; text-decoration:line-through; }
.hs-chip .hs-old .amount, .hs-chip .hs-old bdi{ color:#cbd5e1 !important; }
.hs-chip-disc{ background:rgba(251,191,36,.16); border-color:rgba(251,191,36,.4); color:#fde68a; }
.hs-chip-disc i{ color:var(--hs-amber); }
.hs-chip-disc strong{ color:var(--hs-amber); }

.hs-box-form{ margin:0; }
.hs-consent{ display:flex; gap:11px; align-items:flex-start; font-size:12.5px; line-height:1.5; color:#cbd5e1; margin-bottom:16px; cursor:pointer; }
.hs-consent input{ margin-top:3px; width:18px; height:18px; flex:0 0 auto; accent-color:var(--hs-amber); cursor:pointer; }
.hs-consent a{ color:#fff; text-decoration:underline; }

.hs-box-btn{
	width:100%; max-width:520px; min-height:56px;
	background:var(--hs-amber); color:var(--hs-navy);
	border:0; border-radius:100px; cursor:pointer;
	font-family:'Poppins',sans-serif; font-weight:800; font-size:15px; text-transform:uppercase; letter-spacing:.5px;
	display:inline-flex; align-items:center; justify-content:center; gap:10px;
	box-shadow:0 12px 26px -6px rgba(251,191,36,.5); transition:transform .2s, box-shadow .2s, opacity .2s;
}
.hs-box-btn:hover:not(:disabled){ transform:translateY(-2px); background:#fff; box-shadow:0 18px 36px -8px rgba(255,255,255,.4); }
.hs-box-btn:disabled{ opacity:.5; cursor:not-allowed; filter:grayscale(.3); }
.hs-box-note{ margin:12px 0 0; font-size:11.5px; color:#94a3b8; }

@media (prefers-reduced-motion: reduce){ #hs-box *{ transition:none !important; } }