.mc-bc{padding:44px 0 28px;background:var(--mc-bg)}.mc-bc__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mc-bc__track::-webkit-scrollbar{display:none}.mc-bc__card{position:relative;display:block;overflow:hidden;aspect-ratio:5/7;border-radius:20px;background:var(--mc-light);color:var(--mc-ink);scroll-snap-align:start;box-shadow:0 16px 32px -22px #061a3a73;transition:transform .35s ease,opacity .35s ease,box-shadow .25s}.mc-bc__card:hover{color:var(--mc-ink);transform:translateY(-4px);box-shadow:0 22px 38px -22px #061a3a8c}.mc-bc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .6s ease}.mc-bc__card:hover .mc-bc__img{transform:scale(1.04)}.mc-bc__card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,#eaf4ff00,#eaf4ffbd 52%,#eaf4fff0);pointer-events:none}.mc-bc__card.is-dark,.mc-bc__card.is-dark:hover{color:#fff}.mc-bc__card.is-dark:after{background:linear-gradient(180deg,#061a3a00,#061a3a9e 52%,#061a3ae6)}.mc-bc__body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 22px 22px}.mc-bc__title{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:inherit}.mc-bc__sub{margin-top:8px;padding-right:56px;font-size:13.5px;line-height:1.45;color:var(--mc-text)}.mc-bc__card.is-dark .mc-bc__sub{color:#ffffffd1}.mc-bc__arrow{position:absolute;right:20px;bottom:22px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--mc-grad);color:#fff;box-shadow:0 8px 18px -8px #1677ffcc;transition:transform .25s}.mc-bc__card:hover .mc-bc__arrow{transform:translate(3px)}.mc-bc__arrow .mc-ico{width:20px;height:20px;stroke-width:2.3}.mc-bc .mc-arrow{top:44%}.mc-bc .mc-arrow[hidden]{display:none}.mc-bc__dots{display:flex;justify-content:center;align-items:center;gap:7px;min-height:10px;margin-top:6px}.mc-bc__dots[hidden]{display:none}.mc-bc__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#c9d8ee;cursor:pointer;transition:width .3s ease,background .3s ease}.mc-bc__dot.is-active{width:24px;background:var(--mc-blue)}.mc-bc__strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px;padding:22px 26px;border:1px solid var(--mc-line);border-radius:18px;background:var(--mc-light)}.mc-bc__benefit{display:flex;align-items:flex-start;gap:14px}.mc-bc__bicon{display:flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--mc-blue);box-shadow:0 8px 18px -12px #061a3a59}.mc-bc__bicon .mc-ico{width:28px;height:28px;stroke-width:1.7}.mc-bc__btitle{font-size:14.5px;font-weight:800;line-height:1.3;color:var(--mc-ink)}.mc-bc__btext{margin-top:6px;font-size:13px;line-height:1.45;color:var(--mc-text)}@media(max-width:1199px){.mc-bc__track{grid-auto-columns:calc((100% - 40px)/3)}}@media(max-width:989px){.mc-bc__strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:749px){.mc-bc{padding:28px 0 14px}.mc-bc__track{grid-auto-columns:74%;gap:14px;margin:0 calc(var(--mc-gutter) * -1);padding:8px var(--mc-gutter) 12px;scroll-padding-left:var(--mc-gutter)}.mc-bc__card{border-radius:18px;box-shadow:0 18px 30px -20px #061a3a80}.mc-bc__card:hover,.mc-bc__card:hover .mc-bc__img{transform:none}.mc-bc__track.is-js .mc-bc__card:not(.is-active){transform:scale(.93);opacity:.7;box-shadow:0 10px 20px -18px #061a3a66}.mc-bc__body{padding:0 18px 18px}.mc-bc__title{font-size:22px}.mc-bc__sub{margin-top:6px;padding-right:48px;font-size:13px}.mc-bc__arrow{right:16px;bottom:18px;width:40px;height:40px}.mc-bc__arrow .mc-ico{width:18px;height:18px}.mc-bc .mc-arrow{display:none}.mc-bc__dots{margin-top:2px}.mc-bc__strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:22px;padding:18px 16px;border-radius:16px}.mc-bc__benefit{flex-direction:column;gap:10px}.mc-bc__bicon{width:44px;height:44px}.mc-bc__bicon .mc-ico{width:22px;height:22px}.mc-bc__btitle{font-size:13px}.mc-bc__btext{margin-top:4px;font-size:12px}}@media(max-width:380px){.mc-bc__track{grid-auto-columns:78%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mc-brandcards.css.map */