.kc-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin:0;padding:12px 0 0;list-style:none}.kc-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:116px;padding:18px 8px 10px;background:#fff;color:var(--kc-plum);text-decoration:none;box-shadow:0 1px 2px #4a15301f,0 16px 24px -18px #4a1530b3;transform:rotate(var(--r, 0deg));transition:transform .3s var(--kc-ease-pop)}.kc-brand__logo{display:block;width:auto;max-width:100%;height:auto;max-height:60px;object-fit:contain}.kc-brand__name{font-family:var(--kc-font-display);font-weight:700;font-size:17px;line-height:1.1;text-align:center}.kc-brand__go{display:none;color:var(--kc-berry);font-weight:800;font-size:13px;line-height:1.2;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}.kc-brand__pin{position:absolute;z-index:2;left:50%;top:-10px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#ffe6f0 0 14%,var(--kc-pink) 16% 64%,#e86a9f 66%);box-shadow:0 2px #d9598a,0 7px 8px -4px #4a153099;pointer-events:none}.kc-brand__pin--mint{background:radial-gradient(circle at 36% 32%,#f2fffb 0 14%,#7fd6c2 16% 64%,#4fb3a0 66%);box-shadow:0 2px #3e9a88,0 7px 8px -4px #4a153099}.kc-brand__pin--butter{background:radial-gradient(circle at 36% 32%,#fffbe6 0 14%,#ffd65c 16% 64%,#e8b322 66%);box-shadow:0 2px #cf9d12,0 7px 8px -4px #4a153099}.kc-brand__pin--lilac{background:radial-gradient(circle at 36% 32%,#f7f2ff 0 14%,#b9a3f5 16% 64%,#8e74d9 66%);box-shadow:0 2px #7b62c7,0 7px 8px -4px #4a153099}a.kc-brand:hover{color:var(--kc-plum);transform:rotate(0) translateY(-6px)}a.kc-brand:hover .kc-brand__go,a.kc-brand:focus-visible .kc-brand__go{opacity:1;transform:none}@media screen and (min-width:750px){.kc-brands{gap:24px}.kc-brand{height:140px}.kc-brand__logo{max-height:72px}}@media screen and (min-width:990px){.kc-brands{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.kc-brand{height:170px;padding:24px 14px 14px}.kc-brand__logo{max-height:84px}.kc-brand__go{display:block}}@media(prefers-reduced-motion:reduce){.kc-brand,.kc-brand__go{transition:none}a.kc-brand:hover{transform:rotate(var(--r, 0deg))}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-kc-brands.css.map */