.t4s-categories-ux__fluid{width:min(100% - 40px,1440px);margin-inline:auto}.t4s-categories-ux__content{width:100%}.t4s-categories-ux__header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:clamp(20px,2.5vw,34px)}.t4s-categories-ux__header.is-stacked{align-items:flex-start}.t4s-categories-ux__heading{max-width:820px}.t4s-categories-ux__eyebrow{display:block;margin-bottom:6px;color:var(--text-color);font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.t4s-categories-ux__heading h1{margin:0;color:var(--heading-color);font-family:var(--font-family-3);font-size:clamp(30px,3.3vw,48px);font-weight:400;line-height:1.08}.t4s-categories-ux__heading p{margin:10px 0 0;color:var(--text-color);font-size:15px;line-height:1.55;max-width:42rem}.t4s-categories-ux__view-all{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid currentColor;color:var(--heading-color);font-size:13px;font-weight:500;line-height:1.2}.t4s-categories-ux__view-all svg{width:16px;height:16px;transition:transform .25s ease}.t4s-categories-ux__grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,.75fr));grid-template-rows:repeat(2,var(--categories-card-height));grid-auto-rows:var(--categories-card-height);gap:clamp(10px,1.15vw,18px)}.t4s-categories-ux__item{position:relative;min-width:0;overflow:hidden;border-radius:var(--categories-card-radius);background:rgba(var(--text-color-rgb),.08)}.t4s-categories-ux__item.is-featured{grid-row:1 / 3}.t4s-categories-ux__item>a{position:relative;display:block;width:100%;height:100%;color:var(--categories-text-color)}.t4s-categories-ux__item>a:hover,.t4s-categories-ux__item>a:visited{color:var(--categories-text-color)}.t4s-categories-ux__media,.t4s-categories-ux__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.t4s-categories-ux__media{background:rgba(var(--text-color-rgb),.08)}.t4s-categories-ux__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}.t4s-categories-ux__placeholder{padding:12%;fill:rgba(var(--text-color-rgb),.25)}.t4s-categories-ux__overlay{z-index:1;background:linear-gradient(to top,rgba(0,0,0,var(--categories-overlay-opacity)),#0000002e 42%,#0000 72%);transition:opacity .3s ease}.t4s-categories-ux__card-content{position:absolute;z-index:2;inset-inline:clamp(18px,2vw,28px);bottom:clamp(17px,2vw,26px);display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.t4s-categories-ux__card-content h3{margin:0;color:inherit;font-size:clamp(19px,1.65vw,26px);font-weight:500;line-height:1.15}.t4s-categories-ux__item.is-featured .t4s-categories-ux__card-content h3{font-size:clamp(25px,2.5vw,38px)}.t4s-categories-ux__card-content p{margin:5px 0 0;color:inherit;font-size:clamp(11px,1vw,14px);line-height:1.35;opacity:.82}.t4s-categories-ux__arrow{display:inline-grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;background:#ffffff1a;transition:color .25s ease,background-color .25s ease,transform .25s ease}.t4s-categories-ux__arrow svg{width:16px;height:16px}.t4s-categories-ux__mobile-hint{display:none}.t4s-categories-ux__item>a:focus-visible{outline:2px solid var(--accent-color);outline-offset:-3px}.t4s-categories-ux__view-all:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}@media(hover:hover)and (pointer:fine){.t4s-categories-ux__item:hover .t4s-categories-ux__image{transform:scale(1.045)}.t4s-categories-ux__item:hover .t4s-categories-ux__overlay{opacity:.88}.t4s-categories-ux__item:hover .t4s-categories-ux__arrow{color:var(--heading-color);background:var(--t4s-light-color);transform:translate(2px,-2px)}.t4s-categories-ux__view-all:hover svg{transform:translate(3px)}}@media(min-width:1025px){.t4s-categories-ux__grid.is-six-categories{grid-template-columns:repeat(12,minmax(0,1fr))}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item{grid-column:span 2}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item.is-featured{grid-column:span 6;grid-row:1 / 3}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item:nth-child(2),.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item:nth-child(3){grid-column:span 3}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item:nth-child(n+4) .t4s-categories-ux__card-content{inset-inline:12px;bottom:14px;gap:8px}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item:nth-child(n+4) .t4s-categories-ux__card-content h3{font-size:clamp(15px,1.35vw,21px)}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item:nth-child(n+4) .t4s-categories-ux__card-content p{display:none}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item:nth-child(n+4) .t4s-categories-ux__arrow{flex-basis:30px;width:30px;height:30px}}@media(min-width:768px)and (max-width:1024px){.t4s-categories-ux__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,var(--categories-card-height))}.t4s-categories-ux__item.is-featured{grid-column:1 / 3;grid-row:auto}.t4s-categories-ux__grid.is-six-categories .t4s-categories-ux__item.is-featured{grid-column:auto}.t4s-categories-ux__item.is-featured .t4s-categories-ux__card-content h3{font-size:clamp(24px,4vw,34px)}}@media(max-width:767px){.t4s-categories-ux__fluid{width:100%}.t4s-categories-ux__content{overflow:hidden}.t4s-categories-ux__header{align-items:flex-start;gap:14px;padding-inline:18px;margin-bottom:18px}.t4s-container .t4s-categories-ux__header{padding-inline:0}.t4s-categories-ux__eyebrow{margin-bottom:4px;font-size:10px}.t4s-categories-ux__heading h1{font-size:clamp(27px,8vw,34px)}.t4s-categories-ux__heading p{display:none}.t4s-categories-ux__view-all{margin-top:3px;font-size:11px}.t4s-categories-ux__grid{display:flex;gap:12px;padding-inline:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:18px;scroll-snap-type:inline mandatory;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.t4s-container .t4s-categories-ux__grid{padding-inline:0;scroll-padding-inline:0}.t4s-categories-ux__grid::-webkit-scrollbar{display:none}.t4s-categories-ux__item,.t4s-categories-ux__item.is-featured{flex:0 0 min(82vw,340px);height:var(--categories-card-height-mobile);grid-column:auto;grid-row:auto;scroll-snap-align:start}.t4s-categories-ux__card-content{inset-inline:18px;bottom:18px}.t4s-categories-ux__card-content h3,.t4s-categories-ux__item.is-featured .t4s-categories-ux__card-content h3{font-size:24px}.t4s-categories-ux__card-content p{font-size:12px}.t4s-categories-ux__mobile-hint{display:flex;align-items:center;gap:12px;padding-inline:18px;margin-top:13px;color:var(--text-color);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.t4s-container .t4s-categories-ux__mobile-hint{padding-inline:0}.t4s-categories-ux__hint-line{width:38px;height:1px;background:currentColor;opacity:.6}}.rtl_true .t4s-categories-ux__view-all svg{transform:scaleX(-1)}.rtl_true .t4s-categories-ux__arrow{transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){.rtl_true .t4s-categories-ux__item:hover .t4s-categories-ux__arrow{transform:scaleX(-1) translate(2px,-2px)}.rtl_true .t4s-categories-ux__view-all:hover svg{transform:scaleX(-1) translate(3px)}}@media(prefers-reduced-motion:reduce){.t4s-categories-ux__image,.t4s-categories-ux__overlay,.t4s-categories-ux__arrow,.t4s-categories-ux__view-all svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/categories-section.css.map */