.categories{border-bottom:10px solid #fff;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);width:100%}.category-item{min-height:420px;overflow:hidden;position:relative}.category-img{height:100%;left:50%;object-fit:cover;object-position:center center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .6s ease;width:100%}.category-item:hover .category-img{transform:translate(-50%,-50%) scale(1.03)}.category-overlay{background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.72));inset:0;position:absolute}.category-content{align-items:center;bottom:0;display:flex;flex-direction:column;gap:20px;left:0;padding:0 28px 32px;position:absolute;right:0}.category-title-row{align-items:center;display:flex;gap:10px}.brand-icon{flex-shrink:0;height:22px;width:22px}.category-title{color:#fff;font-size:clamp(24px,1.3vw,24px);line-height:1;text-transform:uppercase}.category-btn,.category-title{font-weight:400;white-space:nowrap}.category-btn{background:#fff;border:none;color:#111;cursor:pointer;display:inline-block;font-size:clamp(16px,1vw,16px);padding:10px 28px;text-decoration:none;transition:background .2s ease,color .2s ease}.category-btn:hover{background:#f0f0f0}.brand-icon svg{height:100%;width:100%}@media (max-width:900px){.categories{grid-template-columns:repeat(2,1fr)!important}.category-item{aspect-ratio:unset;height:520px}}@media (max-width:520px){.categories{grid-template-columns:1fr!important}.category-item{aspect-ratio:unset;height:400px}.category-content{padding:0 20px 24px}.category-title{font-size:24px}}