:root{--co2-primary: #006651;--co2-accent: #00b976;--co2-muted: #6a7c74;--co2-bg: #f9faf8;--co2-panel: #ffffff;--co2-border: #d7f4e8;--co2-radius: 14px;--co2-shadow: 0 18px 40px rgba(0, 102, 81, .08);--co2-font: "Helvetica Neue", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.co2-bike-calculator{font-family:var(--co2-font);background:linear-gradient(135deg,#d7f4e8,#f9faf8 40%,#fff);border:1px solid var(--co2-border);border-radius:18px;padding:32px;color:#222;box-shadow:var(--co2-shadow);max-width:1100px;margin-inline:auto}.co2-bike-calculator__intro{max-width:640px;margin-bottom:20px}.co2-bike-calculator .eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--co2-muted);margin:0 0 6px}.co2-bike-calculator .title{font-size:28px;line-height:1.2;margin:0 0 8px;color:#0c3e32}.co2-bike-calculator .subtitle{margin:0;color:#3b4a44;font-size:15px}.co2-bike-calculator__card{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-top:16px}.co2-bike-calculator__form{background:var(--co2-panel);border:1px solid var(--co2-border);border-radius:var(--co2-radius);padding:16px}.co2-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.co2-field label{font-size:14px;font-weight:600;color:#1f322c}.co2-field input,.co2-field select{border:1px solid #c4dcd2;border-radius:10px;padding:10px 12px;font-size:15px;color:#0f2c24;outline:none;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.field__note{margin:0;font-size:12px;color:#0f3f31;background:#f0fdf4;border:1px solid #cceee0;border-radius:8px;padding:6px 8px}.co2-field input:focus,.co2-field select:focus{border-color:var(--co2-primary);box-shadow:0 0 0 3px #00b97633}.co2-presets{margin-top:6px}.co2-evidence{margin-top:14px;padding:12px;border:1px solid #dff1e8;border-radius:12px;background:#f7fcf9;box-shadow:0 8px 18px #0066510f}.co2-evidence h4{margin:0 0 6px;font-size:14px;color:#0c3e32}.co2-evidence ul{margin:0;padding-left:16px;color:#2f4139;font-size:13px;display:grid;gap:4px}.presets__label{margin:0 0 8px;font-size:13px;color:var(--co2-muted)}.presets__list{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{border:1px solid #cceee0;background:#effaf4;color:#0f3f31;padding:8px 12px;border-radius:999px;font-size:13px;cursor:pointer;transition:all .2s ease}.preset-btn:hover,.preset-btn:focus{border-color:var(--co2-primary);color:var(--co2-primary);box-shadow:0 8px 16px #0066511f}.co2-bike-calculator__results{background:var(--co2-panel);border-radius:var(--co2-radius);padding:18px;border:1px solid var(--co2-border);position:relative;overflow:hidden}.co2-calculator__corner-tree{position:absolute;top:-20px;right:-10px;width:120px;height:160px;opacity:.14;pointer-events:none;z-index:0}.co2-calculator__corner-tree svg{width:100%;height:100%}.co2-bike-calculator__results:after{content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;background:radial-gradient(circle at center,#00b97633,#00665100);transform:rotate(-12deg)}.co2-field input[type=number]{-webkit-appearance:textfield;appearance:textfield;background:linear-gradient(180deg,#fff,#f7fbf9)}.co2-field input[type=number]:focus{animation:rollIn .25s ease}@keyframes rollIn{0%{transform:translateY(-6px) rotateX(20deg)}60%{transform:translateY(2px) rotateX(-8deg)}to{transform:translateY(0) rotateX(0)}}.results__header{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}.results__total{margin:4px 0;font-size:26px;color:#0b2a21}.results__hint{margin:0;color:var(--co2-muted);font-size:13px}.results__cta .cta{background:linear-gradient(135deg,var(--co2-primary),#008f6a);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #00665129;transition:transform .18s ease,box-shadow .18s ease}.results__cta .cta:hover{transform:translateY(-1px);box-shadow:0 16px 26px #00665133}.results__bars{margin-top:18px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.results__highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px;position:relative;z-index:1}.impact-card{border:1px solid #e1f2e9;background:linear-gradient(180deg,#fff,#f8fdfa);border-radius:14px;padding:12px;box-shadow:0 10px 22px #00665114;display:grid;gap:4px;position:relative;overflow:hidden}.impact-card__label{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--co2-muted)}.impact-card__value{font-size:22px;font-weight:800;color:#0c3e32;display:flex;align-items:baseline;gap:6px}.impact-card__value small{font-size:12px;color:#3c4f47}.impact-card__sub{margin:0;font-size:13px;color:#3a4a43}.impact-card__corner{position:absolute;top:-10px;right:-8px;width:86px;height:86px;opacity:.16;pointer-events:none}.impact-card__corner svg{width:100%;height:100%}.tree-visual{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tree-chip{width:32px;height:32px;color:var(--co2-primary);background:radial-gradient(circle at 30% 30%,#f1fff8,#ddf5eb);border:1px solid #cceee0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0066511f}.tree-chip svg{width:18px;height:18px}.tree-chip--more{font-weight:700;color:#0c3e32;background:#e6f7ef}.results__ratio{display:flex;align-items:center;gap:12px;margin:6px 0 0}.ratio__value{font-size:32px;font-weight:800;color:var(--co2-primary);background:#e9f9f2;border:1px solid #d1f1e3;border-radius:12px;padding:8px 12px;box-shadow:0 10px 22px #0066511a}.ratio__text{font-size:13px;color:#2c3e36}.results__method{margin-top:14px;padding:12px;border:1px solid #e2f4eb;border-radius:12px;background:#f7fcf9}.results__method h4{margin:0 0 6px;font-size:14px;color:#0c3e32}.results__method ul{margin:0;padding-left:18px;color:#2f4139;font-size:13px;display:grid;gap:4px}.bar{display:flex;flex-direction:column;gap:6px}.bar__label{display:flex;align-items:center;gap:8px;font-weight:600;color:#17352c}.bar__value{margin-left:auto;font-weight:700;color:#102a22}.bar__track{background:#eef6f1;border-radius:999px;overflow:hidden;height:12px}.bar__fill{height:100%;transition:width .3s ease}.bar__fill--car{background:linear-gradient(90deg,#0b3b2e,#0e5442)}.bar__fill--ebike{background:linear-gradient(90deg,#00b976,#4ad59d)}.dot{width:10px;height:10px;border-radius:50%;display:inline-flex}.dot--car{background:#0b3b2e}.dot--ebike{background:#00b976}.results__footnote{margin:12px 0 0;font-size:12px;color:var(--co2-muted);position:relative;z-index:1}@media (max-width: 900px){.co2-bike-calculator{padding:24px}.co2-bike-calculator__card{grid-template-columns:1fr}.results__header{align-items:flex-start;flex-direction:column}}.co2-landing{font-family:var(--co2-font);margin-top:40px;display:flex;flex-direction:column;gap:32px;max-width:1100px;margin-inline:auto}.co2-landing__band{background:radial-gradient(circle at 10% 20%,rgba(0,185,118,.12),transparent 28%),radial-gradient(circle at 90% 10%,rgba(0,102,81,.18),transparent 32%),#f5fbf8;border:1px solid var(--co2-border);border-radius:18px;padding:24px}.co2-landing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.co2-landing__card{background:#fff;border:1px solid #e2f4eb;border-radius:14px;padding:16px;box-shadow:0 10px 26px #00665114;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.co2-landing__card:after{content:"";position:absolute;inset:-20% 60% auto auto;width:120px;height:120px;background:radial-gradient(circle,rgba(0,185,118,.18),transparent 60%);transform:rotate(-10deg)}.co2-landing__card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #0066511f}.co2-landing__card h3{margin:8px 0;color:#0c3e32}.co2-landing__card p{margin:0;color:#32443c;position:relative;z-index:1}.co2-landing__how{background:linear-gradient(135deg,#fff,#eef7f2);border:1px solid var(--co2-border);border-radius:18px;padding:24px;box-shadow:var(--co2-shadow)}.co2-landing__band-header h2{margin:0 0 6px;color:#0c3e32}.co2-landing__band-header p{margin:0 0 12px;color:#42534c}.how__header h3,.how__header h2{margin:6px 0;color:#0c3e32}.how__header p{margin:0;color:#42534c}.how__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.step{background:#fff;border:1px solid #dff1e8;border-radius:14px;padding:14px;display:grid;gap:6px;box-shadow:0 12px 24px #00665114;transition:transform .18s ease,box-shadow .18s ease}.step:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0066511f}.step__icon{width:44px;height:44px;border-radius:12px;background:#e6f6ee;color:var(--co2-primary);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #cceee0}.step h4{margin:0;color:#0f2c24}.step p{margin:0;color:#3a4a43}.co2-landing__gallery{background:#fff;border:1px solid var(--co2-border);border-radius:18px;padding:24px;box-shadow:0 14px 30px #00665114}.gallery__header h2{margin:0 0 6px;color:#0c3e32}.gallery__header p{margin:0 0 12px;color:#4a5c55}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.gallery__item{margin:0;border-radius:14px;overflow:hidden;border:1px solid #e2f4eb;background:#f9fcfa;box-shadow:0 12px 24px #00665114;transition:transform .18s ease,box-shadow .18s ease}.gallery__link{display:block;color:inherit;text-decoration:none}.gallery__item img{width:100%;height:180px;object-fit:cover;display:block}.gallery__item figcaption{padding:10px 12px;font-size:14px;color:#264038}.gallery__item:hover{transform:translateY(-3px);box-shadow:0 16px 28px #0066511f}.co2-landing__faq{background:#fff;border:1px solid var(--co2-border);border-radius:18px;padding:24px;box-shadow:0 14px 30px #00665114}.vehicle-options{display:flex;flex-wrap:wrap;gap:8px}.vehicle-option{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #cceee0;border-radius:12px;background:#f7fcf9;cursor:pointer;box-shadow:0 8px 20px #0066510f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.vehicle-option input[type=radio]{accent-color:var(--co2-primary);width:16px;height:16px}.vehicle-option__label{font-weight:600;color:#0f2c24}.vehicle-option:hover{transform:translateY(-2px);border-color:var(--co2-primary);box-shadow:0 12px 24px #0066511f}.faq__header h3{margin:6px 0;color:#0c3e32}.faq__header p{margin:0;color:#4a5c55}.faq__list{margin-top:14px;display:grid;gap:10px}.faq__item{width:100%;text-align:left;border:1px solid #e3f2ea;background:#f9fcfa;border-radius:12px;padding:12px;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.faq__item:hover,.faq__item:focus{border-color:var(--co2-primary);background:#fff;box-shadow:0 10px 18px #00665114}.faq__q{font-weight:700;color:#0f2c24}.faq__a{max-height:0;overflow:hidden;color:#3f5148;font-size:14px;transition:max-height .2s ease}.faq__item.is-open .faq__a{max-height:200px;margin-top:6px}@media (max-width: 720px){.co2-landing{gap:24px}.co2-landing__band,.co2-landing__how,.co2-landing__faq,.co2-landing__gallery{padding:18px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/co2-bike-calculator.css.map */