.s-collection-banner__crumbs{padding-top:var(--space-4)}.s-collection-banner,.s-collection-banner__media{position:relative}.s-collection-banner__img{display:block;width:100%;height:clamp(220px,32vw,380px);object-fit:cover}.s-collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#13264d73,#13264d0d)}.s-collection-banner__crumbs .kk-crumbs{margin-bottom:0}.s-collection-banner__content{padding-block:var(--space-3) var(--space-4)}@media(max-width:768px){.s-collection-banner__crumbs{padding-top:var(--space-2)}.s-collection-banner__content{padding-block:var(--space-2) var(--space-2)}.s-collection-banner__title{font-size:var(--text-2xl);line-height:1.15;margin-bottom:var(--space-1)}}.s-collection-banner__content--over{position:absolute;inset-inline:0;bottom:0;color:var(--color-text-inverse);padding-bottom:var(--space-7)}.s-collection-banner__title{margin:0 0 var(--space-2);font-size:var(--text-3xl)}.s-collection-banner__desc{max-width:70ch;font-size:var(--text-base)}.s-collection-banner__content:not(.s-collection-banner__content--over) .s-collection-banner__desc{color:var(--color-text-muted)}.s-collection-banner__desc>:first-child{margin-top:0}@media(max-width:768px){.s-collection-banner__desc{font-size:var(--text-sm);line-height:1.5}}.s-collection-banner__content--over .s-collection-banner__desc{color:var(--color-text-inverse)}.s-collection-banner__desc-wrap .s-collection-banner__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.s-collection-banner__desc-state:checked~.s-collection-banner__desc{display:block;-webkit-line-clamp:unset;overflow:visible}.s-collection-banner__desc-state:checked~.s-collection-banner__desc-more{display:none}.s-collection-banner__desc-more{display:inline-block;margin-top:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:underline;cursor:pointer}.s-collection-banner__desc-more[hidden]{display:none}.s-collection-banner__content--over .s-collection-banner__desc-more{color:var(--color-text-inverse)}
/*# sourceMappingURL=/cdn/shop/t/210/assets/section-collection-banner.css.map */