.supa-category-section{--primary-color: #000000;--secondary-color: #ffffff;--button-transition: .25s;--button-hover-scale: 1.08;--button-press-scale: .95;--button-font-size: 14px;--button-padding-x: 15px;--button-padding-y: 10px;--card-gap: 24px;--card-padding: 20px;--card-min-height: 180px;--all-button-size: 58px;--section-max-width: 1600px;width:100%;max-width:var(--section-max-width);margin:0 auto;padding:26px 28px 45px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.supa-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--card-gap);align-items:stretch}.supa-category-card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:var(--card-min-height);padding:var(--card-padding);background:var(--secondary-color);border:1px solid #dedede;border-radius:15px;box-sizing:border-box;box-shadow:none}.supa-category-title{margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.35;color:var(--primary-color)}.supa-category-links{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;width:100%;gap:10px}.supa-category-link,.supa-all-button{display:inline-flex;align-items:center;justify-content:center;background:var(--secondary-color);color:var(--primary-color);border:1px solid var(--primary-color);font-size:var(--button-font-size);font-weight:400;line-height:20px;text-align:center;text-decoration:none;box-sizing:border-box;cursor:pointer;box-shadow:none;transform:scale(1);transition:transform var(--button-transition) ease,background-color var(--button-transition) ease,color var(--button-transition) ease,border-color var(--button-transition) ease}.supa-category-link{width:fit-content;max-width:100%;padding:var(--button-padding-y) var(--button-padding-x);border-radius:50px}.supa-category-link:hover,.supa-all-button:hover{transform:scale(var(--button-hover-scale));background:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color);box-shadow:none}.supa-category-link:active,.supa-all-button:active{transform:scale(var(--button-press-scale));background:var(--secondary-color);color:var(--primary-color);border-color:var(--primary-color);box-shadow:none}.supa-category-link.active,.supa-category-link[aria-current=page],.supa-all-button.active,.supa-all-button[aria-current=page]{background:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color);font-weight:700;transform:scale(1);box-shadow:none}.supa-category-link.active:hover,.supa-category-link[aria-current=page]:hover,.supa-all-button.active:hover,.supa-all-button[aria-current=page]:hover{background:var(--primary-color);color:var(--secondary-color);transform:scale(1);box-shadow:none}.supa-category-link.active:active,.supa-category-link[aria-current=page]:active,.supa-all-button.active:active,.supa-all-button[aria-current=page]:active{background:var(--secondary-color);color:var(--primary-color);transform:scale(var(--button-press-scale));box-shadow:none}.supa-all-wrapper{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;margin-top:calc(var(--all-button-size) / -2)}.supa-all-button{flex-shrink:0;width:var(--all-button-size);height:var(--all-button-size);padding:0;border-radius:50%}.supa-category-link:focus-visible,.supa-all-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}@media(max-width:900px){.supa-category-section{padding:20px 20px 45px}.supa-category-grid{gap:16px}.supa-category-card{padding:var(--card-padding)}.supa-category-title{font-size:18px}}@media(max-width:749px){.supa-category-section{padding:16px 16px 45px}.supa-category-grid{grid-template-columns:1fr;gap:14px}.supa-category-card{min-height:var(--card-min-height);padding:var(--card-padding)}.supa-category-title{font-size:19px}.supa-all-wrapper{margin-top:calc(var(--all-button-size) / -2)}}@media(prefers-reduced-motion:reduce){.supa-category-link,.supa-all-button{transition:none}.supa-category-link:hover,.supa-category-link:active,.supa-all-button:hover,.supa-all-button:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/shop-all-nav.css.map */