.obp-band__visual{background:linear-gradient(145deg,#f1f8f8 0%,#fff7ef 100%)}
.obp-band__visual img{object-fit:contain;mix-blend-mode:multiply}
.obp-band__colors{border:0;margin:18px 0 14px;padding:0;min-width:0}.obp-band__colors legend{font-size:18px;font-weight:700;margin-bottom:10px;color:#262727}.obp-band__color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.obp-band__color{min-height:72px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #d6e1e0;border-radius:12px;background:#fff;color:#164d49;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.obp-band__color:hover{border-color:#3d9f97;transform:translateY(-1px)}.obp-band__color.is-selected{border:2px solid #3d9f97;background:#f1f8f8;box-shadow:0 8px 20px -15px rgba(15,77,72,.65)}.obp-band__color.is-unavailable{opacity:.45;cursor:not-allowed}.obp-band__swatch{width:32px;height:32px;flex:0 0 32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #cad6d5}.obp-band__swatch--schwarz{background:#262727}.obp-band__swatch--grun,.obp-band__swatch--gruen{background:#5d7053}.obp-band__swatch--rosa{background:#e8a8b3}.obp-band__color strong,.obp-band__color small{display:block}.obp-band__color strong{font-size:14px}.obp-band__color small{font-size:11px;margin-top:2px;color:#737979}
.obp-band__colors-section{padding:82px 24px;background:#fff}.obp-band__showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.obp-band__showcase-card{padding:0;overflow:hidden;border:1px solid #d9e3e2;border-radius:18px;background:#fff;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.obp-band__showcase-card:hover{transform:translateY(-3px);border-color:#3d9f97;box-shadow:0 18px 32px -24px rgba(15,77,72,.55)}.obp-band__showcase-media{height:280px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eef8f7,#fff6ed)}.obp-band__showcase-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.obp-band__showcase-copy{display:block;padding:20px}.obp-band__showcase-copy small,.obp-band__showcase-copy strong,.obp-band__showcase-copy span{display:block}.obp-band__showcase-copy small{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#3d9f97}.obp-band__showcase-copy strong{font-size:19px;margin:7px 0 12px;color:#272828}.obp-band__showcase-copy span{font-size:13px;font-weight:700;color:#ff6700}
.obp-band__benefits{padding:88px 24px;background:#f1f8f8}.obp-band__benefit-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.obp-band__benefit-grid>div:first-child h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:14px 0}.obp-band__benefit-grid>div:first-child p{font-size:17px;line-height:1.7;color:#687170}.obp-band__benefit-grid>div:first-child a{display:inline-block;margin-top:12px;font-weight:700;color:#15625d;text-decoration:none}.obp-band__benefit-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.obp-band__benefit-cards article{min-height:195px;padding:22px;border:1px solid #d9e5e4;border-radius:16px;background:#fff}.obp-band__benefit-cards article>span{width:46px;height:46px;border-radius:12px;background:#e2f2f0;color:#278b84;display:flex;align-items:center;justify-content:center}.obp-band__benefit-cards article>span.is-orange{background:#fff0e5;color:#ff6700}.obp-band__benefit-cards svg{width:23px;height:23px;display:block}.obp-band__benefit-cards h3{font-size:17px;margin:14px 0 6px}.obp-band__benefit-cards p{font-size:14px;line-height:1.55;color:#6f7675;margin:0}
.obp-station__compat-card button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#fff;color:#14514d;padding:13px 18px;font:inherit;font-weight:700;cursor:pointer}.obp-band__cross{padding:88px 24px;background:#fff7ef}.obp-band__cross-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.obp-band__cross-card{display:grid;grid-template-columns:42% 58%;overflow:hidden;border:1px solid #e1e5e3;border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.obp-band__cross-card:hover{transform:translateY(-3px);box-shadow:0 20px 35px -26px rgba(0,0,0,.45)}.obp-band__cross-card>span{min-height:260px;display:flex;align-items:center;justify-content:center;background:#f1f8f8}.obp-band__cross-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.obp-band__cross-card>div{padding:24px;display:flex;flex-direction:column;justify-content:center}.obp-band__cross-card small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#3d9f97}.obp-band__cross-card strong{font-size:19px;margin:8px 0;color:#242626}.obp-band__cross-card p{font-size:14px;line-height:1.55;color:#6c7372;margin:0 0 16px}.obp-band__cross-card b{font-size:14px;color:#ff6700}
.obp-band .obp-station__quick-icon,.obp-band .obp-station__service-icon,.obp-band .obp-station__service-copy>span{display:flex!important;align-items:center!important;justify-content:center!important}.obp-band .obp-station__quick-icon svg,.obp-band .obp-station__service-icon svg,.obp-band .obp-station__service-copy>span svg{display:block!important;margin:auto!important}
@media(max-width:900px){.obp-band__benefit-grid{grid-template-columns:1fr}.obp-band__showcase{grid-template-columns:1fr}.obp-band__showcase-card{display:grid;grid-template-columns:42% 58%}.obp-band__showcase-media{height:230px}.obp-band__cross-card{grid-template-columns:1fr}.obp-band__cross-card>span{min-height:280px}}
@media(max-width:640px){.obp-band__color-grid{grid-template-columns:1fr}.obp-band__color{min-height:60px}.obp-band__colors-section,.obp-band__benefits,.obp-band__cross{padding:54px 20px}.obp-band__showcase-card{grid-template-columns:1fr}.obp-band__showcase-media{height:240px}.obp-band__benefit-cards{grid-template-columns:1fr}.obp-band__benefit-cards article{min-height:0}.obp-band__cross-grid{grid-template-columns:1fr}.obp-band__cross-card>span{min-height:230px}}