.tp-categories{background:var(--tp-color-bg);padding:56px 32px;scroll-margin-top:calc(var(--tp-header-height, 76px) + 12px)}.tp-categories--pills{padding:22px 32px 0}.tp-categories__container{max-width:var(--tp-max-width);margin:0 auto}.tp-categories__eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tp-color-accent-text);margin:0 0 10px}.tp-categories__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:940px;margin:0 auto}.tp-categories__grid--six{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1100px}.tp-cat-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:124px;padding:18px 14px 20px;background:var(--tp-color-white);border:1px solid var(--tp-color-border);border-radius:16px;text-decoration:none;text-align:center;color:var(--tp-color-dark);transition:border-color var(--tp-transition-fast),transform var(--tp-transition-fast)}.tp-cat-tile__icon{display:inline-flex;width:34px;height:34px;color:var(--tp-color-brown-deep)}.tp-cat-tile__svg{width:34px;height:34px;display:block}.tp-cat-tile__name{font-size:14.5px;font-weight:700;line-height:1.25;text-wrap:balance}.tp-cat-tile__arrow{position:absolute;right:12px;bottom:9px;font-size:13px;line-height:1;color:var(--tp-color-text-muted);transition:transform var(--tp-transition-fast),color var(--tp-transition-fast)}.tp-cat-tile--packs{border-color:var(--tp-color-accent-light);background:#fbf5ec}.tp-cat-tile--packs .tp-cat-tile__icon{color:var(--tp-color-accent)}.tp-cat-tile__save{font-size:11px;font-weight:700;color:var(--tp-color-accent-text);margin-top:-4px}@media(hover:hover)and (pointer:fine){.tp-cat-tile:hover{border-color:var(--tp-color-brown-deep);transform:translateY(-2px)}.tp-cat-tile:hover .tp-cat-tile__arrow{transform:translate(3px);color:var(--tp-color-brown-deep)}}.tp-cat-tile:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:3px}.tp-categories__all{margin-top:24px;text-align:center}.tp-categories__pills{display:flex;flex-wrap:wrap;gap:10px}.tp-cat-pill{display:inline-flex;align-items:center;padding:9px 16px;border:1.5px solid var(--tp-color-border);border-radius:100px;background:var(--tp-color-white);font-size:13.5px;font-weight:600;color:var(--tp-color-dark);text-decoration:none;white-space:nowrap;transition:border-color var(--tp-transition-fast),color var(--tp-transition-fast),transform var(--tp-transition-fast)}.tp-cat-pill__icon{width:16px;height:16px;margin-right:7px;flex-shrink:0}.tp-cat-pill .tp-cat-pill__save{margin-left:0;padding:1px 7px;border-radius:100px;background:var(--tp-color-accent-light);color:var(--tp-color-brown-deep);font-size:10.5px;font-weight:700;line-height:1.3;white-space:nowrap}@media(hover:hover)and (pointer:fine){a.tp-cat-pill:hover{border-color:var(--tp-color-accent);color:var(--tp-color-brown-deep);transform:translateY(-1px)}}.tp-cat-pill:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:2px}.tp-cat-pill.is-active{background:var(--tp-color-dark);border-color:var(--tp-color-dark);color:var(--tp-color-white)}@media(max-width:900px){.tp-categories{padding:44px 24px}.tp-categories--pills{padding:18px 24px 0}.tp-categories__grid,.tp-categories__grid--six{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:640px}.tp-cat-tile{grid-column:span 2}.tp-categories__grid:not(.tp-categories__grid--six) .tp-cat-tile:nth-child(4){grid-column:2 / span 2}.tp-categories__grid:not(.tp-categories__grid--six) .tp-cat-tile:nth-child(5){grid-column:4 / span 2}}@media(max-width:640px){.tp-categories{padding:36px 16px}.tp-categories--pills{padding:14px 20px 0}.tp-categories__grid,.tp-categories__grid--six{gap:8px}.tp-cat-tile{min-height:100px;padding:12px 6px 16px;gap:7px;border-radius:14px}.tp-cat-tile__icon,.tp-cat-tile__svg{width:26px;height:26px}.tp-cat-tile__name{font-size:12.5px}.tp-cat-tile__arrow{right:8px;bottom:6px;font-size:11px}.tp-categories__all{margin-top:18px}.tp-categories__all .btn{width:100%;justify-content:center}}@media(max-width:359px){.tp-categories__grid,.tp-categories__grid--six{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-cat-tile,.tp-categories__grid:not(.tp-categories__grid--six) .tp-cat-tile:nth-child(4),.tp-categories__grid:not(.tp-categories__grid--six) .tp-cat-tile:nth-child(5){grid-column:auto / span 1}.tp-cat-tile:last-child:nth-child(odd){grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.tp-cat-tile,.tp-cat-tile__arrow,.tp-cat-pill{transition:none}}@media(max-width:749px){.tp-categories--pills .tp-categories__pills{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-24px;padding:4px 24px 8px;scroll-padding-inline:24px}.tp-categories--pills .tp-categories__pills::-webkit-scrollbar{display:none}.tp-categories--pills .tp-cat-pill{flex:0 0 auto;scroll-snap-align:start}}@media(max-width:640px){.tp-categories--pills .tp-categories__pills{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toudoupet-categories.css.map */