.pp-top-categories{display:block;background:#f5f1eb;color:#302c28;padding:64px 0}.pp-top-categories__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.pp-top-categories__eyebrow{margin:0 0 10px;color:#65594d;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.pp-top-categories h2{margin:0;color:inherit;font-size:clamp(26px,3vw,38px);line-height:1.2}.pp-top-categories__intro{margin:12px 0 0;max-width:570px;color:#655f58;font-size:15px;line-height:1.6}.pp-top-categories__all{display:inline-flex;gap:20px;align-items:center;flex-shrink:0;color:#40372f;border-bottom:1px solid #8a7b6b;padding:10px 0;text-decoration:none;font-size:14px;font-weight:600}.pp-top-categories__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.pp-top-categories__grid>li{min-width:0}.pp-top-categories__card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #e5ddd3;border-radius:20px;color:inherit;background:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.pp-top-categories__image{aspect-ratio:4 / 3;padding:20px;overflow:hidden;background:#fff}.pp-top-categories__image img,.pp-top-categories__placeholder{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.pp-top-categories__body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 24px;border-top:1px solid #f1ede7;flex:1}.pp-top-categories h3{margin:0;color:inherit;font-size:18px;line-height:1.3;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.pp-top-categories__body p{margin:7px 0 0;font-size:13px;line-height:1.5;color:#6b625a}.pp-top-categories__arrow{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#f3eee7;color:#514536;font-size:23px}.pp-top-categories a:focus-visible{outline:3px solid #65513e;outline-offset:4px}@media(hover:hover){.pp-top-categories__card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #4a3c2c14}.pp-top-categories__card:hover img{transform:scale(1.04)}}@media screen and (max-width:989px){.pp-top-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media screen and (max-width:749px){.pp-top-categories{padding:36px 0}.pp-top-categories__heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.pp-top-categories__eyebrow{font-size:10px;letter-spacing:.08em}.pp-top-categories__intro{font-size:14px}.pp-top-categories__grid{gap:12px}.pp-top-categories__card{border-radius:14px}.pp-top-categories__image{aspect-ratio:1;padding:12px}.pp-top-categories__body{padding:14px 12px;gap:12px;align-items:flex-start;flex-direction:column}.pp-top-categories h3{font-size:16px}.pp-top-categories__body p{font-size:12px}.pp-top-categories__arrow{flex-basis:22px;height:22px;font-size:16px}}@media screen and (max-width:359px){.pp-top-categories__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pp-top-categories__card,.pp-top-categories__image img{transition:none}.pp-top-categories__card:hover,.pp-top-categories__card:hover img{transform:none}}.pp-top-categories [hidden]{display:none!important}.pp-top-categories__controls{max-width:600px}.pp-top-categories__controls label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.pp-top-categories__controls input{width:100%;min-height:48px;border:1px solid #cfc2b3;border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;background:#fff;color:#302c28}.pp-top-categories__status{font-size:13px;color:#65594d;margin:18px 0}.pp-top-categories__image-fallback{display:grid;place-items:center;height:100%;text-align:center;background:#f5f1eb;font-size:20px;padding:12px;border-radius:12px}.pp-top-categories__footer{display:flex;justify-content:center;margin-top:28px}.pp-top-categories__footer button{border:1px solid #514536;border-radius:8px;padding:14px 24px;background:#514536;color:#fff;font:inherit;font-size:14px;cursor:pointer}.pp-top-categories input:focus-visible,.pp-top-categories button:focus-visible{outline:3px solid #65513e;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/33/assets/paderpets-top-categories.css.map */