.catpage__header{background:var(--color-gray-light);padding:calc(var(--nav-height) + 60px) 30px 30px}.catpage__header-inner{max-width:var(--content-max-width);margin:0 auto}.catpage__header-inner:has(.catpage__brands){display:grid;grid-template-columns:1fr 340px;gap:0 40px;align-items:start}.catpage__title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);color:var(--color-primary);margin-bottom:16px;grid-column:1/-1}.catpage__desc{font-size:1.15rem;line-height:1.7;color:var(--color-text-muted);max-width:800px}.catpage__brands{display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;gap:24px;align-self:center;justify-self:center}.catpage__brands img{height:45px;width:auto;opacity:.7;transition:opacity .2s}.catpage__brands img:hover{opacity:1}.catpage__section{max-width:var(--content-max-width);margin:0 auto;padding:0 30px;border-bottom:1.5px solid var(--color-gray-border)}.catpage__summary{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--color-dark);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 0}.catpage__summary::-webkit-details-marker{display:none}.catpage__summary::after{content:"+";font-size:1.5rem;font-family:var(--font-body);line-height:1;flex-shrink:0;color:var(--color-primary);transition:transform .2s}.catpage__section[open] .catpage__summary::after{content:"−"}.catpage__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:36px}.catpage__grid--2{grid-template-columns:repeat(2,1fr)}.catpage__grid--4{grid-template-columns:repeat(4,1fr)}.catpage__card{border:1.5px solid var(--color-gray-border);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.catpage__card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 2px 8px rgba(232,96,10,.15)}.catpage__card-img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.catpage__card-label{display:block;font-family:var(--font-heading);font-size:1.15rem;font-weight:700;text-align:center;padding:14px 10px;color:var(--color-dark)}@media (max-width:768px){.catpage__header{padding:calc(var(--nav-height) + 40px) 20px 40px}.catpage__header-inner:has(.catpage__brands){grid-template-columns:1fr}.catpage__brands{gap:24px;margin-top:16px}.catpage__brands img{height:35px}.catpage__section{padding:0 20px}.catpage__grid,.catpage__grid--4{grid-template-columns:repeat(2,1fr);gap:16px}}