/* Keep each category on one shared grid, without arrows or reserved arrow space. */
html body.editorial-mode #app .home-quick-categories{background:#fff;padding:34px clamp(24px,7vw,110px) 28px;scroll-margin-top:150px}
html body.editorial-mode #app .quick-categories-heading{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:normal;font-size:28px;line-height:1.2;letter-spacing:-.4px;color:#263e38;margin:0 0 24px}
html body.editorial-mode #app .quick-category-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px;max-width:1280px;margin-inline:auto}
html body.editorial-mode #app .quick-category-link{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:16px;min-width:0;min-height:96px;padding:6px 0;color:#263e38;text-decoration:none;border:0;background:#fff;box-sizing:border-box}
html body.editorial-mode #app .quick-category-photo{display:flex;align-items:center;justify-content:center;width:72px;height:84px}
html body.editorial-mode #app .quick-category-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s ease}
html body.editorial-mode #app .quick-category-name{font:500 15px/1.5 'Mulish',Arial,sans-serif;min-width:0;text-align:start}
html body.editorial-mode #app .quick-category-link:hover .quick-category-name{text-decoration:none}
html body.editorial-mode #app .quick-category-link:hover img{transform:translateY(-3px)}
html body.editorial-mode #app .quick-category-link:focus-visible{outline:2px solid #007bd0;outline-offset:6px;border-radius:4px}
html[lang=ar] body.editorial-mode #app .quick-categories-heading,html[lang=ar] body.editorial-mode #app .quick-category-name{font-family:'IBM Plex Sans Arabic',sans-serif}
@media(max-width:1050px){html body.editorial-mode #app .quick-category-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}html body.editorial-mode #app .quick-category-link{grid-template-columns:60px minmax(0,1fr);column-gap:12px;min-height:82px}html body.editorial-mode #app .quick-category-photo{width:60px;height:70px}html body.editorial-mode #app .quick-category-name{font-size:14px}}
@media(max-width:760px){html body.editorial-mode #app .home-quick-categories{padding:28px 24px 28px}html body.editorial-mode #app .quick-categories-heading{font-size:25px;margin-bottom:20px}html body.editorial-mode #app .quick-category-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}html body.editorial-mode #app .quick-category-link{grid-template-columns:44px minmax(0,1fr);column-gap:12px;min-height:64px;padding:4px 0}html body.editorial-mode #app .quick-category-photo{width:44px;height:56px}html body.editorial-mode #app .quick-category-name{font-size:13px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){html body.editorial-mode #app .quick-category-photo img{transition:none}}


/* Treat the final row as one centered group, and balance the upper columns by content. */
html body.editorial-mode #app .quick-category-bottom{display:contents}
@media(min-width:1051px){
html body.editorial-mode #app .quick-category-links{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px;column-gap:28px}
html body.editorial-mode #app .quick-category-link{min-height:96px;padding-block:6px}
html body.editorial-mode #app .quick-category-bottom{display:flex;grid-column:1/-1;justify-content:center;align-items:center;gap:clamp(60px,8vw,128px);padding-top:0}
html body.editorial-mode #app .quick-category-bottom .quick-category-link{grid-template-columns:72px max-content;flex:0 0 auto}
}
@media(min-width:1201px){
html body.editorial-mode #app .quick-category-links{grid-template-columns:repeat(4,max-content);justify-content:space-between;column-gap:24px}
html body.editorial-mode #app .quick-category-link{grid-template-columns:72px max-content}
}
/* Keep the selected homepage television picture slightly larger. */
html body.editorial-mode #app .quick-category-link[href$="/category/displays/"] .quick-category-photo img{transform:scale(1.15)}
html body.editorial-mode #app .quick-category-link[href$="/category/displays/"]:hover .quick-category-photo img{transform:translateY(-3px) scale(1.15)}