.category-hero{padding:70px 24px 54px;text-align:center;background:linear-gradient(135deg,#fff 0,#f0edff 55%,#edffd0 100%)}
.category-hero h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.055em;line-height:1;margin:18px auto;max-width:900px}
.category-hero p{color:var(--muted);font-size:18px;max-width:690px;margin:auto}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.category-card{min-height:190px;padding:27px;border:1px solid var(--line);border-radius:22px;background:white;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:.2s;overflow:hidden;position:relative}
.category-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-35px;top:-35px;background:linear-gradient(135deg,#d9ff72,#c7baff);opacity:.65}
.category-card:hover{transform:translateY(-4px);border-color:#cfc5ff;box-shadow:0 20px 45px #2d225a14}
.category-card h2{font-size:23px;line-height:1.15;margin:8px 0;position:relative;z-index:1}
.category-card p{color:var(--muted);margin:0}.category-card b{color:var(--purple);font-size:13px;margin-top:auto}
.breadcrumbs{font-size:12px;margin-bottom:24px;color:var(--muted)}.breadcrumbs a{color:var(--purple);text-decoration:none}
@media(max-width:800px){.category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.category-grid,.store-grid{grid-template-columns:1fr}}
@media(max-width:800px){.site-header nav{display:flex;flex:1}.site-header nav a{display:none}.site-header nav .category-nav{display:block}}