.t21-brands{padding:var(--t21-brands-pt) 0 var(--t21-brands-pb)}.t21-brands__heading{margin:0 20px 24px;font-family:var(--font-body--family);font-size:clamp(22px,2.23vw,32px);font-weight:500;text-align:center;text-transform:none}.t21-brands__list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none}.t21-brands__panel{position:relative;display:block;aspect-ratio:var(--t21-brands-ratio);overflow:hidden;isolation:isolate;color:#fff;text-decoration:none}.t21-brands__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.t21-brands__placeholder{background:#2a2a2a;fill:#444}.t21-brands__panel:before,.t21-brands__panel:after{content:"";position:absolute;z-index:-1;pointer-events:none;transition:opacity .5s ease,transform .5s ease}.t21-brands__panel:before{top:0;right:0;bottom:0;left:0;background:#0000004d}.t21-brands__panel:after{inset:auto 0 0;height:32%;background:linear-gradient(#0000,#000);transform:translateY(100%)}.t21-brands__content{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:flex-start}.t21-brands__title{font-size:clamp(22px,2.23vw,var(--t21-brands-title));font-weight:600;line-height:1.5;transition:font-size .4s ease}.t21-brands__text{color:#d2d2d2;font-size:14px;line-height:1.5;text-transform:capitalize}.t21-brands__btn{display:inline-flex;max-height:0;margin-top:0;padding:0 12px;overflow:hidden;border:1px solid transparent;border-radius:40px;background:linear-gradient(167deg,#d4af37,#f7e7a1 25%,gold,#c5a100 75%,#fff4c2);color:#000;font-size:12px;line-height:1.5;opacity:0;transition:max-height .4s ease,margin .4s ease,padding .4s ease,opacity .4s ease}@media(hover:hover){.t21-brands__panel:hover:before{opacity:0}.t21-brands__panel:hover:after{transform:none}.t21-brands__panel:hover .t21-brands__img{transform:scale(1.05)}.t21-brands__panel:hover .t21-brands__title{font-size:clamp(26px,3.06vw,var(--t21-brands-title-hover))}.t21-brands__panel:hover .t21-brands__btn{max-height:40px;margin-top:16px;padding:6px 12px;border-color:#d4af37;opacity:1}}.t21-brands__panel:focus-visible .t21-brands__btn{max-height:40px;margin-top:16px;padding:6px 12px;opacity:1}@media(hover:none){.t21-brands__panel:after{transform:none}.t21-brands__btn{max-height:40px;margin-top:12px;padding:6px 12px;border-color:#d4af37;opacity:1}}@media screen and (max-width:989px){.t21-brands__list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.t21-brands__panel{aspect-ratio:.8}}@media screen and (max-width:749px){.t21-brands{padding:calc(var(--t21-brands-pt) * .6) 0 calc(var(--t21-brands-pb) * .6)}.t21-brands__swiper{overflow:hidden}.t21-brands__list{display:flex}.t21-brands__item{flex:none;width:75%}.t21-brands__panel{aspect-ratio:var(--t21-brands-ratio)}.t21-brands__content{left:16px;right:16px;bottom:16px}}.t21-brands__list.swiper-wrapper{display:grid}.t21-brands__item.swiper-slide{width:auto}@media screen and (max-width:749px){.t21-brands__list.swiper-wrapper{display:flex}.t21-brands__item.swiper-slide{width:75%}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/t21-brand-panels.css.map */