@layer ok{.ok-trending-section .ok-tr{padding:var(--oktr-1) 0 var(--oktr-2)}.ok-trending-section .ok-tr__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}.ok-trending-section .ok-tr__eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 .6rem;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#004324}.ok-trending-section .ok-tr__eyebrow svg{width:1.4rem;height:1.4rem}.ok-trending-section .ok-tr__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-trending-section .ok-tr__sub{margin:.8rem 0 0;font-size:1.4rem;color:color-mix(in srgb,var(--ok-ink, #111) 60%,transparent)}.ok-trending-section .ok-tr__tools{display:flex;align-items:center;gap:1.6rem;flex:0 0 auto}.ok-trending-section .ok-tr__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-trending-section .ok-tr__all svg{width:1.4rem;height:1.4rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}.ok-trending-section .ok-tr__all:hover svg{transform:rotate(45deg)}.ok-trending-section .ok-tr__nav{display:flex;gap:.8rem}.ok-trending-section .ok-tr__btn{display:grid;place-items:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#004324;color:#fefefe;cursor:pointer;transition:background-color .25s ease,opacity .25s ease}.ok-trending-section .ok-tr__btn svg{width:1.6rem;height:1.6rem}.ok-trending-section .ok-tr__btn:hover{background:#00321b}.ok-trending-section .ok-tr__btn[disabled]{opacity:.3;cursor:default}.ok-trending-section .ok-tr__list{margin-block:0;padding:0;list-style:none}.ok-trending-section .ok-tr__list--row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 1.2rem) / 4);gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ok-trending-section .ok-tr__list--row::-webkit-scrollbar{display:none}.ok-trending-section .ok-tr__list--grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem 1.2rem}.ok-trending-section .ok-tr__item{position:relative;min-width:0;scroll-snap-align:start}.ok-trending-section .ok-tr__rank{display:none}@media(prefers-reduced-motion:reduce){.ok-trending-section .ok-tr__list--row{scroll-behavior:auto}}@media(min-width:750px)and (max-width:989px){.ok-trending-section .ok-tr__list--row{grid-auto-columns:calc((100% - 2 * 1.2rem) / 3)}.ok-trending-section .ok-tr__list--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.ok-trending-section .ok-tr__head{margin-bottom:1.4rem}.ok-trending-section .ok-tr__nav{display:none}.ok-trending-section .ok-tr__list--row{grid-auto-columns:62%;gap:.8rem}.ok-trending-section .ok-tr__list--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem .8rem}.ok-trending-section .ok-tr__all{font-size:1.15rem}}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-ok-trending.css.map */