.hero{width:100%;margin:0 auto}@media screen and (max-width:907px){.hero .row{padding:0}}.hero-container{width:100%}.hero ul{list-style:none;margin:0;padding:0}.hero-list{display:flex;flex-direction:column}@media screen and (min-width:900px){.hero-list{flex-direction:row;gap:16px}}@media screen and (min-width:908px){.hero-item{border-radius:8px}}.hero-banner-header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}@media screen and (min-width:908px){.hero-banner-header{flex-direction:row;align-items:center;justify-content:space-between}}.hero-item-title{margin:0;padding:0;font-weight:600;font-size:14px;line-height:133%;text-align:center;color:#fff;transition:opacity .2s ease-in-out}@media screen and (min-width:908px){.hero-item-title{font-size:18px}}.hero-item--main{order:2;width:100%;padding:24px 16px}@media screen and (min-width:908px){.hero-item--main{width:70%;padding:36px 24px;order:0}}.hero-item--secondary{order:0;width:100%;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:908px){.hero-item--secondary{width:30%;order:2}}.hero-title{font-weight:600;font-size:32px;line-height:137%;color:#fff;margin:0}.hero-item--main .hero-title{font-size:32px}@media screen and (max-width:907px){.hero-item--main .hero-title{font-size:18px}}.hero-item--secondary .hero-title{max-width:300px;margin-bottom:20px}.hero-item-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media screen and (min-width:608px){.hero-item-list{grid-template-columns:repeat(4,1fr)}}.hero-item-block{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.hero-item-image{position:relative;overflow:hidden;border-radius:8px;width:100%;height:170px;background-color:#f0f0f0;border:2px solid #dee2e6;transition:border .2s ease-in-out}.hero-item-image img{width:100%;height:100%;object-fit:cover;transition:scale .2s ease-in-out}.hero-item-block:hover .hero-item-image img{scale:1.04}.hero-item-block:hover .hero-item-image{border-color:var(--color-accent)}.hero-banner-previous{padding:8px 16px;cursor:pointer;visibility:hidden;opacity:0;pointer-events:none}.hero-banner-previous.active{visibility:visible;opacity:1;pointer-events:auto}.hero-item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-banner.css.map */