/* Astra 01 — isolated homepage proposal, 14 October 2026 */
.ci22 .as-brands{margin:36px 0 62px;padding:22px 0 25px;border-top:1px solid rgba(69,51,110,.16);border-bottom:1px solid rgba(69,51,110,.16)}
.ci22 .as-brands-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.ci22 .as-brands-heading h2{font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.025em;margin:0;color:#45336e}
.ci22 .as-brands-heading>a{font-size:12px;font-weight:650;text-decoration:none;color:#45336e;white-space:nowrap}
.ci22 .as-brand-line{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:35px}
.ci22 .as-brand-line a{display:flex;justify-content:center;align-items:center;min-height:48px;padding:0 12px;border-radius:4px;transition:background .15s}
.ci22 .as-brand-line a:hover{background:rgba(223,210,242,.22)}
.ci22 .as-brand-line a:focus-visible,.ci22 .as-brands-heading>a:focus-visible{outline:2px solid #45336e;outline-offset:6px}
.ci22 .as-brand-line img{display:block;width:100%;height:42px;max-width:123px;object-fit:contain;object-position:center}
.ci22 .as-discover .c22-category-list>a:not(.c22-all){grid-template-columns:72px minmax(0,1fr) 24px;gap:20px;min-height:100px;padding:13px 0;background:transparent;border-radius:0;box-shadow:none;transform:none}
.ci22 .as-discover .as-category-photo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#fff;border-radius:4px;overflow:hidden}
.ci22 .as-discover .as-category-photo img{display:block;width:64px;height:64px;object-fit:contain}
.ci22 .as-discover .c22-category-list>a strong{font-size:18px;line-height:1.35}
.ci22 .as-discover .c22-category-list>a small{font-size:12px;line-height:1.6;margin-top:5px;color:#766c7f}
.ci22 .as-discover .c22-category-list>a:not(.c22-all)>span:last-child{font-size:20px;color:#716184}
.ci22 .as-discover .c22-category-list>a:not(.c22-all):hover strong{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.as-preview-note{position:fixed;z-index:100000;left:12px;bottom:12px;padding:7px 11px;background:#fffaf1;border:1px solid #dcd4e2;border-radius:4px;font:11px/1.4 Manrope,sans-serif;color:#45336e;box-shadow:0 2px 8px #3123400a;pointer-events:none}
@media(max-width:900px){.ci22 .as-brands{margin:28px 0 48px}.ci22 .as-brand-line{gap:15px}.ci22 .as-brand-line a{padding:0 4px}.ci22 .as-brand-line img{height:35px}.ci22 .as-discover .c22-category-list>a:not(.c22-all){gap:14px;grid-template-columns:62px minmax(0,1fr) 20px}.ci22 .as-discover .as-category-photo{width:62px;height:62px}.ci22 .as-discover .as-category-photo img{width:56px;height:56px}.ci22 .as-discover .c22-category-list>a strong{font-size:16px}}
@media(max-width:600px){.ci22 .as-brands{margin:24px 0 42px;padding:19px 0 21px}.ci22 .as-brands-heading{margin-bottom:18px}.ci22 .as-brand-line{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:17px}.ci22 .as-brand-line img{height:31px;max-width:100px}.ci22 .as-brand-line a{min-height:38px}.ci22 .as-discover .c22-category-list>a:not(.c22-all){grid-template-columns:56px minmax(0,1fr) 18px;gap:13px;min-height:86px;padding:12px 0}.ci22 .as-discover .as-category-photo{width:56px;height:56px}.ci22 .as-discover .as-category-photo img{width:50px;height:50px}.ci22 .as-discover .c22-category-list>a strong{font-size:15px}.ci22 .as-discover .c22-category-list>a small{font-size:11px;margin-top:4px}}
/* Explicit hierarchy wins over existing global homepage heading rules. */
body.ci22 .d-home .as-brands .as-brands-heading h2{font-size:13px!important;line-height:1.5!important;font-weight:700!important;letter-spacing:.025em!important;margin:0!important}
body.ci22 .d-home .as-brand-line img{width:100%!important;height:42px!important;max-width:123px!important;object-fit:contain!important}
@media(max-width:900px){body.ci22 .d-home .as-brand-line img{height:35px!important}}
@media(max-width:600px){body.ci22 .d-home .as-brand-line img{height:31px!important;max-width:100px!important}}