@layer ok{.ok-brands-section .ok-bw{padding:var(--okbw-1) 0 var(--okbw-2);max-width:var(--page-width, 1440px);margin-inline:max(var(--page-gutter, 1.6rem),(100% - var(--page-width, 1440px)) / 2);border-radius:1.6rem;background:var(--okbw-bg, #fff)}.ok-brands-section .ok-bw__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}.ok-brands-section .ok-bw__eyebrow{display:block;margin:0 0 .6rem;font-family:var(--font-body-family, Poppins),sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ok-ink, #111) 50%,transparent)}.ok-brands-section .ok-bw__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.4rem,2.6vw,3.6rem);font-weight:700;line-height:1;letter-spacing:-.025em;color:var(--ok-ink, #111)}.ok-brands-section .ok-bw__tools{display:flex;align-items:center;gap:1.6rem;flex:0 0 auto}.ok-brands-section .ok-bw__all{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ok-ink, #111);text-decoration:none}.ok-brands-section .ok-bw__all svg{width:1.4rem;height:1.4rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}.ok-brands-section .ok-bw__all:hover svg{transform:rotate(45deg)}.ok-brands-section .ok-bw__track{display:grid;grid-template-columns:repeat(var(--okbw-3),minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}.ok-brands-section .ok-bw__track>li{min-width:0}.ok-brands-section .ok-bw__card{display:flex;align-items:center;gap:1.2rem;height:100%;padding:.8rem 1.2rem .8rem .8rem;border-radius:1.2rem;background:var(--okbw-card, #f2f2f2);color:var(--ok-ink, #111);text-decoration:none;transition:box-shadow .35s ease}.ok-brands-section .ok-bw__card:hover{box-shadow:0 .6rem 2rem #0000000f}.ok-brands-section .ok-bw__media{position:relative;flex:0 0 auto;width:6.4rem;height:6.4rem;overflow:hidden;border-radius:.8rem;background:var(--okbw-media, #fff)}.ok-brands-section .ok-bw__media img{position:absolute;top:.4rem;right:.4rem;bottom:.4rem;left:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem);object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ok-brands-section .ok-bw__card:hover .ok-bw__media img{transform:scale(1.06)}.ok-brands-section .ok-bw__text{flex:1 1 auto;min-width:0}.ok-brands-section .ok-bw__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body-family, Poppins),sans-serif;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:.01em;text-transform:uppercase}.ok-brands-section .ok-bw__count{display:block;margin-top:.2rem;font-size:1.15rem;letter-spacing:.02em}.ok-brands-section .ok-bw__arrow{display:grid;place-items:center;flex:0 0 auto;width:3rem;height:3rem;border-radius:50%;background:#004324;color:#fefefe;transition:background-color .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ok-brands-section .ok-bw__arrow svg{width:1.2rem;height:1.2rem}.ok-brands-section .ok-bw__card:hover .ok-bw__arrow,.ok-brands-section .ok-bw__card:focus-visible .ok-bw__arrow{background:#00321b;transform:rotate(45deg)}.ok-brands-section .ok-bw__card:focus-visible{outline:.2rem solid var(--ok-ink, #111);outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.ok-brands-section .ok-bw__media img,.ok-brands-section .ok-bw__arrow,.ok-brands-section .ok-bw__all svg{transition:none}}@media(min-width:750px)and (max-width:989px){.ok-brands-section .ok-bw__track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.ok-brands-section .ok-bw__head{margin-bottom:1.4rem}.ok-brands-section .ok-bw__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.ok-brands-section .ok-bw__card{gap:.8rem;padding:.6rem .8rem .6rem .6rem;border-radius:1rem}.ok-brands-section .ok-bw__media{width:4.8rem;height:4.8rem;border-radius:.6rem}.ok-brands-section .ok-bw__name{font-size:1.2rem}.ok-brands-section .ok-bw__count{font-size:1rem}.ok-brands-section .ok-bw__arrow{display:none}}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-ok-ar-brands.css.map */