.banner-columns__grid{display:grid;gap:var(--bc-gap-mobile, 12px);grid-template-columns:repeat(var(--bc-cols-mobile, 1),minmax(0,1fr));align-items:stretch}@media screen and (min-width:750px){.banner-columns__grid{gap:var(--bc-gap, 20px);grid-template-columns:var(--bc-template, repeat(2, minmax(0, 1fr)))}}.banner-columns__item{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--radius-card);background:rgb(var(--color-background));color:rgb(var(--color-text))}.banner-columns__item--below{border:1px solid rgb(var(--color-border))}.banner-columns__media{position:relative;display:block;flex:1 1 auto;overflow:hidden;min-height:var(--banner-h-mobile, 300px);background:rgb(var(--color-plate))}.banner-columns__item--adapt .banner-columns__media{min-height:0;aspect-ratio:var(--banner-ratio, 1)}@media screen and (min-width:750px){.banner-columns__media{min-height:var(--banner-h, 440px)}.banner-columns__item--adapt .banner-columns__media{min-height:0}}.banner-columns__image,.banner-columns__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-large) var(--ease-out)}.banner-columns__item--contain .banner-columns__image{object-fit:contain}@media(hover:hover){html:not(.hws-anim-none) .banner-columns__item--zoom:hover .banner-columns__image{transform:scale(1.04)}}.banner-columns__item--overlay .banner-columns__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgb(var(--color-ink) / var(--banner-overlay, 0)),rgb(var(--color-ink) / calc(var(--banner-overlay, 0) * .4)) 55%,rgb(var(--color-ink) / 0))}.banner-columns__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;border-radius:inherit}.banner-columns__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;padding:18px}.banner-columns__item--over .banner-columns__content{position:absolute;top:0;right:0;bottom:0;left:0}.banner-columns__item--clickable .banner-columns__content{pointer-events:none}.banner-columns__item--clickable .banner-columns__actions,.banner-columns__item--clickable .banner-columns__actions .btn{pointer-events:auto}@media screen and (min-width:750px){.banner-columns__content{gap:12px;padding:28px}}.banner-columns__content--v-top{justify-content:flex-start}.banner-columns__content--v-middle{justify-content:center}.banner-columns__content--v-bottom{justify-content:flex-end}.banner-columns__content--h-left{align-items:flex-start}.banner-columns__content--h-center{align-items:center}.banner-columns__content--h-right{align-items:flex-end}.banner-columns__title{max-width:24ch;color:rgb(var(--color-heading))}.banner-columns__title>*{margin:0}.banner-columns__title--solid>*{display:inline-block;padding-bottom:6px;border-bottom:2px solid currentColor}.banner-columns__title--brush>*{display:inline;padding:0 3px;background-image:linear-gradient(rgb(var(--color-accent) / .6),rgb(var(--color-accent) / .6));background-repeat:no-repeat;background-position:0 88%;background-size:100% .3em}.banner-columns__text{max-width:42ch;font-size:14px;line-height:1.6;color:rgb(var(--color-text))}.banner-columns__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.banner-columns__menu{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px;grid-column:1 / -1}@media screen and (min-width:750px){.banner-columns__menu{grid-column:auto;padding:22px}}.banner-columns__menu-title{display:block;color:rgb(var(--color-clay))}.banner-columns__menu-list{display:flex;flex-direction:column;list-style:none}.banner-columns__menu-item+.banner-columns__menu-item{border-top:1px solid rgb(var(--color-border))}.banner-columns__menu-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--tap-min);padding:4px 0;font-size:14px;font-weight:500;line-height:1.35;color:rgb(var(--color-text));text-decoration:none}.banner-columns__menu-link svg{flex:none;color:rgb(var(--color-clay));transition:transform var(--dur-ui) ease}.banner-columns__menu-link:hover{color:rgb(var(--color-clay-dark))}.banner-columns__menu-link:hover svg{transform:translate(3px)}.banner-columns__menu-link[aria-current=page]{font-weight:600}.banner-columns__menu-all{margin-top:auto;font-size:13px;font-weight:600;color:rgb(var(--color-link));text-decoration:underline;text-underline-offset:3px}.banner-columns__extras{display:flex;flex-direction:column;gap:16px;margin-top:24px}.banner-columns__extra{border-radius:var(--radius-card)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-banner-columns.css.map */