/* Cennik StokPilot: pakiety abonamentu, wdrożenie „od”, usługi dodatkowe. */
.price-amount .price-from{font-size:22px;letter-spacing:0;font-weight:400;color:#c9b98f;margin-right:4px;vertical-align:.9em}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}
.plan{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 12px 13px;border:1px solid #8e815f55;border-radius:8px;background:#fbf5e973;color:#22332c;text-align:left;cursor:pointer;font:inherit;transition:background .2s,border-color .2s,color .2s,transform .2s}
.plan:hover{border-color:#3c5142;transform:translateY(-1px)}
.plan:focus-visible{outline:2px solid #2f4538;outline-offset:2px}
.plan-name{font-size:14px;font-weight:600}
.plan-limit{font-size:11px;color:#6b6f55}
.plan-price{font-size:22px;font-weight:500;letter-spacing:-.6px;margin-top:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.plan-price small{font-size:11px;font-weight:400;letter-spacing:0;color:#6b6f55}
.plan-flag{position:absolute;top:-9px;left:10px;font-size:8px;letter-spacing:.6px;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:#2f4538;color:#ead3a9;white-space:nowrap}
.plan.active{background:#2f4538;border-color:#2f4538;color:#f3f1eb;box-shadow:0 10px 24px #2f45383d}
.plan.active .plan-limit,.plan.active .plan-price small{color:#c9d3c2}
.plan.active .plan-price{color:#ead3a9}
.plan.active .plan-flag{background:#ead3a9;color:#2f4538}
.monthly-total>span b{font-weight:600}
.price-extras{max-width:1100px;margin:34px auto 0;padding:34px 36px;border:1px solid #d5bf8240;border-radius:10px;background:radial-gradient(ellipse at top left,#40553c26,transparent 60%),#132124}
.extras-head{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:6px 30px;margin-bottom:22px}
.extras-head .eyebrow{grid-column:1/-1;font-size:10px}
.extras-head h3{font-size:26px;font-weight:500}
.extras-head p{font-size:13px;color:#a2b3aa;justify-self:end;text-align:right}
.extras-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;margin:0}
.extras-list>div{display:grid;grid-template-columns:1fr auto;align-content:start;gap:2px 18px;padding:15px 0;border-top:1px solid #d5bf8226}
.extras-list dt{font-size:15px;color:#f3f1eb}
.extras-list dd{display:contents;margin:0}
.extras-list dd b{grid-column:2;grid-row:1;font-size:17px;font-weight:500;color:#ead3a9;white-space:nowrap;font-variant-numeric:tabular-nums}
.extras-list dd span{grid-column:1/-1;font-size:12.5px;line-height:1.6;color:#98a8a0}
.extras-note{margin-top:18px;padding-top:16px;border-top:1px solid #d5bf8226;font-size:13px;color:#c9b98f}
@media(max-width:1000px){.plan-grid{grid-template-columns:1fr 1fr}.plan-flag{left:8px}}
@media(max-width:800px){.price-extras{padding:28px 24px}.extras-list{grid-template-columns:1fr}.extras-head{grid-template-columns:1fr}.extras-head p{justify-self:start;text-align:left}}
@media(max-width:580px){.price-extras{margin:28px -2px 0;padding:24px 20px}.extras-head h3{font-size:22px}.plan{padding:13px 10px 12px}.plan-price{font-size:20px}.price-amount .price-from{font-size:18px}}

/* Karta abonamentu: biel jak w pozostałych jasnych panelach (zamiast żółtego tła) */
.subscription-price{background:#fafbf4;border-left:1px solid #c6cebb55}
.plan{background:#fff;border-color:#dadfd5}
.plan:hover{border-color:#3c5142}
.plan.active{background:#2f4538;border-color:#2f4538}
.capacity-label input{background:#fff}