.collection-banner{width:100%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.collection-banner *{box-sizing:border-box}.collection-banner__container{display:flex;max-width:1500px;margin:0 auto}.collection-banner__visual{flex:1;height:350px;max-height:350px;overflow:hidden}.collection-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:4px}.collection-banner__content{flex:1;display:flex;align-items:center}.collection-banner__text{width:100%;text-align:left}.collection-banner__title{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 20px;color:#fff}.collection-banner__description{font-size:16px;line-height:1.6;color:#fff;margin:0}@media (min-width: 769px){.collection-banner__visual{max-width:50%;margin-right:40px}.collection-banner__content{max-width:50%;padding:0}}@media (max-width: 768px){.collection-banner__container{flex-direction:column}.collection-banner__visual{width:100%;margin-right:0;margin-bottom:30px}.collection-banner__content{width:100%;padding:0 20px}.collection-banner__title{font-size:24px;margin-bottom:16px}.collection-banner__description{font-size:15px;line-height:1.5}}.collection-banner--visual-only .collection-banner__container{max-width:100%}.collection-banner--visual-only .collection-banner__visual{flex:1;max-width:100%;width:100%;height:auto;max-height:600px;margin-right:0}.collection-banner--visual-only .collection-banner__image{border-radius:0}@media (max-width: 768px){.collection-banner--visual-only .collection-banner__visual{max-height:400px;margin-bottom:0}}.collection-banner__container:not(:has(.collection-banner__visual)) .collection-banner__content{width:100%;max-width:100%;text-align:center;justify-content:center}.collection-banner__container:not(:has(.collection-banner__visual)) .collection-banner__title,.collection-banner__container:not(:has(.collection-banner__visual)) .collection-banner__description{text-align:center}@media (max-width: 768px){.collection-banner__container:not(:has(.collection-banner__visual)) .collection-banner__content{text-align:left;justify-content:flex-start}.collection-banner__container:not(:has(.collection-banner__visual)) .collection-banner__title,.collection-banner__container:not(:has(.collection-banner__visual)) .collection-banner__description{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/edr-collection-banner.css.map */