.vecharge-power-banner{background-color:#000}.vecharge-power-banner__shell{position:relative;overflow:hidden;width:100%;background-color:#000;min-height:30rem}.vecharge-power-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.vecharge-power-banner__image{position:absolute;top:0;right:0;bottom:0;left:0}.vecharge-power-banner__image img{display:block;width:100%}.vecharge-power-banner__image--desktop img,.vecharge-power-banner__image:not(.vecharge-power-banner__image--mobile):not(.vecharge-power-banner__image--desktop) img{height:100%;object-fit:cover;object-position:72% center}.vecharge-power-banner__image--mobile{display:block;top:0;right:0;bottom:auto;left:0;height:auto}.vecharge-power-banner__image--mobile img{height:auto}.vecharge-power-banner__image--desktop{display:none}@media screen and (min-width:750px){.vecharge-power-banner__image--mobile{display:none}.vecharge-power-banner__image--desktop{display:block}}.vecharge-power-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#000000f5,#000000e6 24%,#000000b8 42%,#0000006b 58%,#0000001f 78%,#0000);pointer-events:none}.vecharge-power-banner__layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "cards" "social";gap:2.4rem;min-height:30rem;padding-top:3.2rem;padding-bottom:3.2rem}.vecharge-power-banner__intro{grid-area:intro;display:flex;flex-direction:column;justify-content:center}.vecharge-power-banner__heading{margin:0 0 1.2rem;color:#fff;font-size:clamp(2.4rem,3vw,3.2rem);line-height:1.15;max-width:14ch}.vecharge-power-banner__text{margin:0;color:#ffffffd1;font-size:1.4rem;line-height:1.55;max-width:34rem}.vecharge-power-banner__social{grid-area:social;display:flex;align-items:center}.vecharge-power-banner__social-list{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.vecharge-power-banner__social-link{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:.1rem solid rgba(255,255,255,.72);border-radius:50%;color:#fff;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.vecharge-power-banner__social-link:hover{border-color:#fff;background-color:#ffffff14;transform:translateY(-1px)}.vecharge-power-banner__social-link .svg-wrapper{display:inline-flex;width:1.6rem;height:1.6rem}.vecharge-power-banner__social-link svg{width:100%;height:100%}.vecharge-power-banner__cards{grid-area:cards;display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-self:stretch}.vecharge-power-banner__card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:center;min-height:11rem;padding:1.8rem 1.6rem 3.2rem;border:.1rem solid rgba(255,255,255,.14);border-radius:.4rem;background:#00000094;color:#fff;text-decoration:none;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.vecharge-power-banner__card:hover{transform:translateY(-.2rem);border-color:#ffffff47;background:#000000b8;box-shadow:0 1rem 2.4rem #00000047}.vecharge-power-banner__card-icon{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;flex-shrink:0;color:var(--vecharge-power-banner-accent, #17b74b)}.vecharge-power-banner__card-icon-image{display:block;width:3.6rem;height:3.6rem;object-fit:contain}.vecharge-power-banner__card-icon svg{width:2.8rem;height:2.8rem}.vecharge-power-banner__card-content{min-width:0}.vecharge-power-banner__card-title{margin:0 0 .4rem;color:#fff;font-size:1.5rem;line-height:1.25}.vecharge-power-banner__card-text{margin:0;color:#ffffff9e;font-size:1.2rem;line-height:1.45}.vecharge-power-banner__card-arrow{position:absolute;right:1.4rem;bottom:1.2rem;display:inline-flex;width:1.4rem;height:1.4rem;color:var(--vecharge-power-banner-accent, #17b74b);transition:transform .2s ease}.vecharge-power-banner__card:hover .vecharge-power-banner__card-arrow{transform:translate(.3rem)}.vecharge-power-banner__card-arrow svg{width:100%;height:100%}@media screen and (min-width:750px){.vecharge-power-banner__shell{min-height:34rem}.vecharge-power-banner__layout{grid-template-columns:minmax(26rem,.95fr) minmax(0,1.35fr);grid-template-areas:"intro cards" "social cards";gap:2.4rem 3.2rem;min-height:34rem;padding-top:4rem;padding-bottom:4rem}.vecharge-power-banner__cards{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center}.vecharge-power-banner__card{min-height:12.4rem;padding:2rem 1.8rem 3.6rem}}@media screen and (min-width:990px){.vecharge-power-banner__layout{grid-template-columns:minmax(28rem,1fr) minmax(0,1.55fr);gap:2.4rem 4rem;padding-top:4.4rem;padding-bottom:4.4rem}.vecharge-power-banner__heading{max-width:12ch}}@media screen and (max-width:749px){.vecharge-power-banner__overlay{background:linear-gradient(180deg,#000000eb,#000000d1 42%,#00000073)}.vecharge-power-banner__heading{max-width:100%}.vecharge-power-banner__card{min-height:10.4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-vecharge-power-banner.css.map */