.cargorun-five-block{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box}.cargorun-five-block__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;width:100%;min-height:480px}.cargorun-five-block__card{position:relative;overflow:hidden;background-color:var(--gradient-background)}.cargorun-five-block__card-inner{display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%}.cargorun-five-block__card-inner--reverse{direction:rtl}.cargorun-five-block__card-inner--reverse>*{direction:ltr}.cargorun-five-block__card-media{position:relative;overflow:hidden;height:100%}.cargorun-five-block__card-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.cargorun-five-block__placeholder{width:100%;height:100%;object-fit:cover}.cargorun-five-block__card-media--placeholder{background-color:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center}.cargorun-five-block__card-content{display:flex;align-items:center;padding:2rem 2.5rem}.cargorun-five-block__card-text{display:flex;flex-direction:column;gap:1rem;color:inherit}.cargorun-five-block__card-content h1,.cargorun-five-block__card-content h2,.cargorun-five-block__card-content h3,.cargorun-five-block__card-content h4,.cargorun-five-block__card-content h5,.cargorun-five-block__card-content h6,.cargorun-five-block__card-content p{color:inherit}.cargorun-five-block__card-title{margin:0;color:inherit;font-size:var(--title-size-desktop, inherit)}.cargorun-five-block__card-description{opacity:.75;margin:0;max-width:300px;color:inherit}.cargorun-five-block__card-description p{margin:0}.cargorun-five-block__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;cursor:pointer;display:block}.cargorun-five-block__card:has(.cargorun-five-block__card-link) .cargorun-five-block__card-inner{pointer-events:none}.cargorun-five-block__card:has(.cargorun-five-block__card-link) .cargorun-five-block__card-inner *{pointer-events:none}.cargorun-five-block__card:has(.cargorun-five-block__card-link){cursor:pointer}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-center .cargorun-five-block__card-text{align-items:center}.text-center .cargorun-five-block__card-description{margin-left:auto;margin-right:auto}.cargorun-five-block__card--main{grid-column:1 / 3;grid-row:1 / 2}.cargorun-five-block__card--small:nth-of-type(3){grid-column:1 / 2;grid-row:2 / 3}.cargorun-five-block__card--small:nth-of-type(4){grid-column:2 / 3;grid-row:2 / 3}.cargorun-five-block__card--side{grid-column:3 / 5;grid-row:1 / 3}.cargorun-five-block__card-inner--side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%}.cargorun-five-block__card-content--side{display:flex;padding:2rem}.cargorun-five-block__card-media--side{position:relative;overflow:hidden;height:100%}.cargorun-five-block__card--side .cargorun-five-block__card-text{max-width:100%}.cargorun-five-block__card--side .content-top{align-items:flex-start}.cargorun-five-block__card--side .content-center{align-items:center}.cargorun-five-block__card--side .content-bottom{align-items:flex-end}.cargorun-five-block__card--small{position:relative;overflow:hidden}.cargorun-five-block__card-inner--small{display:grid;grid-template-columns:40% 60%;height:100%;width:100%}.cargorun-five-block__card-media--small{position:relative;overflow:hidden;height:100%}.cargorun-five-block__card-content--small{display:flex;align-items:center;padding:1rem 1.25rem}.cargorun-five-block__card--small .cargorun-five-block__card-text{gap:.35rem}.cargorun-five-block__card-description--small{opacity:.75;max-width:100%}.cargorun-five-block__card-description--small p{margin:0}@media(prefers-reduced-motion:no-preference){.cargorun-five-block__card-image{transition:transform .5s ease}.cargorun-five-block__card:hover .cargorun-five-block__card-image{transform:scale(1.05)}}@media screen and (max-width:989px){.cargorun-five-block__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:auto}.cargorun-five-block__card--main{grid-column:1 / 3;grid-row:1 / 2}.cargorun-five-block__card--main .cargorun-five-block__card-inner{grid-template-columns:45% 55%}.cargorun-five-block__card--side{grid-column:1 / 3;grid-row:2 / 3;min-height:280px}.cargorun-five-block__card-inner--side{grid-template-columns:1fr 1fr}.cargorun-five-block__card--small:nth-of-type(3){grid-column:1 / 2;grid-row:3 / 4}.cargorun-five-block__card--small:nth-of-type(4){grid-column:2 / 3;grid-row:3 / 4}.cargorun-five-block__card-inner--small{grid-template-columns:40% 60%}.cargorun-five-block__card-content,.cargorun-five-block__card-content--side{padding:1.5rem}}@media screen and (max-width:749px){.cargorun-five-block__grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.cargorun-five-block__card-title{font-size:var(--title-size-mobile, inherit)}.cargorun-five-block__card--main{grid-column:1;grid-row:1 / 2}.cargorun-five-block__card--main .cargorun-five-block__card-inner{grid-template-columns:1fr;grid-template-rows:180px auto}.cargorun-five-block__card--main .cargorun-five-block__card-inner--reverse{direction:ltr}.cargorun-five-block__card--main .cargorun-five-block__card-inner--reverse .cargorun-five-block__card-media{order:-1}.cargorun-five-block__card-content{padding:2rem 1.5rem}.cargorun-five-block__card--small:nth-of-type(3){grid-column:1;grid-row:2 / 3}.cargorun-five-block__card--small:nth-of-type(4){grid-column:1;grid-row:3 / 4}.cargorun-five-block__card-inner--small{grid-template-columns:40% 60%}.cargorun-five-block__card-inner--small.cargorun-five-block__card-inner--reverse{direction:rtl}.cargorun-five-block__card-content--small{padding:1.5rem 1.25rem}.cargorun-five-block__card--side{grid-column:1;grid-row:4 / 5}.cargorun-five-block__card-inner--side{grid-template-columns:1fr;grid-template-rows:auto 200px}.cargorun-five-block__card-inner--side.cargorun-five-block__card-inner--reverse{direction:ltr}.cargorun-five-block__card-inner--side.cargorun-five-block__card-inner--reverse .cargorun-five-block__card-media--side{order:1}.cargorun-five-block__card-content--side{padding:2.5rem 1.5rem}}@media screen and (min-width:1200px){.cargorun-five-block__grid{min-height:550px}.cargorun-five-block__card-content{padding:2.5rem 3rem}.cargorun-five-block__card-description{max-width:350px}.cargorun-five-block__card-content--side{padding:2.5rem 2rem}.cargorun-five-block__card-content--small{padding:1.25rem 1.5rem}}@media screen and (min-width:1400px){.cargorun-five-block__grid{min-height:600px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cargorun-five-block.css.map */