/* <----- CATEGORY TILES: isolated from product cards and site navigation -----> */
.department-tile{
    min-width:0;background:#fff;border:1px solid #e0e6dd;border-radius:18px;
    overflow:hidden;box-shadow:0 2px 5px #173c3503;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.department-link{display:flex;flex-direction:column;height:100%;padding:10px}
.department-image{
    display:flex;align-items:center;justify-content:center;
    aspect-ratio:1.38;width:100%;overflow:hidden;border-radius:12px;
    background:#eef2e7;
}
.department-tone-1 .department-image{background:#edf0f8}
.department-tone-2 .department-image{background:#f6eee3}
.department-tone-3 .department-image{background:#edf2e3}
.department-tone-4 .department-image{background:#f3edf0}
.department-image img{
    display:block;width:100%;height:100%;max-height:230px;
    object-fit:contain;padding:8px;mix-blend-mode:multiply;
    transition:transform .22s ease;
}
.department-placeholder{
    display:grid;place-items:center;width:68px;height:68px;
    border:1px solid #173c3512;border-radius:20px;color:#70826d;
    background:#ffffff60;
}
.department-placeholder .icon{width:30px;height:30px}
.department-label{
    display:flex;gap:14px;align-items:center;justify-content:space-between;
    padding:18px 8px 10px;min-height:78px;
}
.department-name{font-size:16px;line-height:1.45;font-weight:700;overflow-wrap:break-word}
.department-arrow{
    display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
    border-radius:50%;background:#f3f6ed;color:#496448;
}
.department-arrow .icon{width:16px;height:16px}
.department-link:focus-visible{outline:3px solid #648517;outline-offset:-4px;border-radius:17px}
@media(hover:hover){
 .department-tile:hover{border-color:#a9bba7;box-shadow:0 7px 20px #173c350a}
 .department-link:hover .department-image img{transform:scale(1.035)}
 .department-link:hover .department-arrow{background:#d8ef75;color:#173c35}
}
@media(max-width:680px){
 .department-tile{border-radius:15px}
 .department-link{padding:7px}
 .department-image{aspect-ratio:1.15;border-radius:10px}
 .department-image img{padding:5px;max-height:none}
 .department-label{padding:13px 5px 7px;gap:7px;min-height:68px}
 .department-name{font-size:13px;line-height:1.45}
 .department-arrow{flex-basis:24px;width:24px;height:24px}
 .department-arrow .icon{width:14px;height:14px}
 .department-placeholder{width:52px;height:52px;border-radius:16px}
 .department-placeholder .icon{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){
 .department-tile,.department-image img{transition:none}
}