.category-section{--font-family: var(--font-body-family);--font-weight: normal;--font-style: normal;--title-font-size: 48px;--title-color: #333333;--accent-color: #8C472E;--description-font-size: 18px;--text-color: #666666;--card-title-font-size: 20px;--card-title-color: #333333;--card-count-font-size: 14px;--card-count-color: #999999;--card-icon-background: #f8f8f8;--button-font-size: 16px;--button-bg-color: #ffffff;--button-text-color: #333333;--button-border-color: #8C472E;--button-hover-bg: #8C472E;--button-hover-text: #ffffff;background-color:#f2f2f2}.category-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.category-header h2{font-size:var(--title-font-size);margin-bottom:1rem;color:var(--title-color);font-weight:400;font-family:var(--font-family)}.category-header h2 .highlight{color:var(--accent-color);font-weight:400}.category-header p{color:var(--text-color);font-size:var(--description-font-size);line-height:1.6;font-family:var(--font-family)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}@media screen and (min-width: 750px){.category-grid{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width: 989px) and (min-width: 750px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 749px){.category-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.category-card{background:#fff;border-radius:16px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000000f;text-decoration:none;cursor:pointer}.category-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #8c472e26}.category-icon{font-size:4rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;transition:transform .3s ease;background-color:var(--card-icon-background)}.category-card:hover .category-icon{transform:scale(1.1)}.category-card[data-color=brown] .category-icon{background-color:#e7d4c5}.category-card[data-color=pink] .category-icon{background-color:#f5e5e5}.category-card[data-color=green] .category-icon{background-color:#e5f5e5}.category-card[data-color=purple] .category-icon{background-color:#f0e5f5}.category-card[data-color=orange] .category-icon{background-color:#ffe5d5}.category-card[data-color=accent] .category-icon{background-color:#d9c2ba}.category-name{font-size:var(--card-title-font-size);font-weight:600;color:var(--card-title-color);margin-bottom:.5rem;font-family:var(--font-family)}.category-count{font-size:var(--card-count-font-size);color:var(--card-count-color);font-family:var(--font-family)}@media screen and (max-width: 749px){.category-header h2{font-size:calc(var(--title-font-size) * .75)}.category-card{padding:2rem 1rem}.category-icon{font-size:3rem;width:80px;height:80px}.category-name{font-size:calc(var(--card-title-font-size) * .9)}.category-count{font-size:calc(var(--card-count-font-size) * .9)}}.no-collections{text-align:center;grid-column:1 / -1;color:#999;font-size:1rem;padding:2rem}.secondary-category-header{text-align:center;margin:4rem 0 2rem}.secondary-category-header h3{font-size:2rem;color:var(--title-color);font-weight:400;font-family:var(--font-family)}.secondary-grid{margin-top:0}.category-cta{text-align:center;padding-top:3rem;display:flex;justify-content:center;align-items:center}.category-cta .button{background-color:var(--button-bg-color);color:var(--button-text-color);border:2px solid var(--button-border-color);padding:1.125rem 3rem;border-radius:8px;font-size:var(--button-font-size);text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;font-family:var(--font-family);font-weight:400}.category-cta .button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text);border-color:var(--button-hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media screen and (max-width: 749px){.secondary-category-header h3{font-size:1.75rem}.category-cta .button{width:100%;max-width:320px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/shop-by-category.css.map */