.gc-desktop-catalog__toggle,
#gc-desktop-catalog[hidden],
body.ast-header-break-point #gc-desktop-catalog {
display: none !important;
}
body:not(.ast-header-break-point) #ast-desktop-header .gc-desktop-catalog-host {
position: relative;
display: flex;
align-items: center;
}
body:not(.ast-header-break-point) #ast-desktop-header .gc-desktop-catalog__toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
color: inherit;
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
margin: 0 12px 0 -6px;
width: 28px;
min-height: 36px;
cursor: pointer;
}
#ast-desktop-header .gc-desktop-catalog__toggle span { transition: transform .18s ease; }
#ast-desktop-header .gc-desktop-catalog__toggle[aria-expanded="true"] span { transform: rotate(180deg); }
body:not(.ast-header-break-point) #ast-desktop-header #gc-desktop-catalog {
position: absolute;
top: 100%;
left: 0;
z-index: 99;
display: grid;
grid-template-columns: minmax(220px, 42%) 1fr;
width: min(700px, 72vw);
max-height: min(620px, 70vh);
overflow-y: auto;
color: #282b2c;
background: #fff;
border: 1px solid #e7e5e1;
box-shadow: 0 16px 40px #00000012;
text-transform: none;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
animation: gc-catalog-enter .18s ease;
}
#ast-desktop-header #gc-desktop-catalog a {
display: block;
height: auto;
color: #282b2c;
text-decoration: none;
transition: color .15s ease, background-color .15s ease;
}
#gc-desktop-catalog .gc-desktop-catalog__categories {
padding: 16px;
border-right: 1px solid #e7e5e1;
background: #faf9f7;
}
#ast-desktop-header #gc-desktop-catalog .gc-desktop-catalog__categories a {
display: flex;
justify-content: space-between;
gap: 16px;
padding: 13px 14px;
border-bottom: 1px solid #e7e5e1;
}
#gc-desktop-catalog .gc-desktop-catalog__categories span { color: #8b8175; }
#ast-desktop-header #gc-desktop-catalog a:hover,
#ast-desktop-header #gc-desktop-catalog a.is-selected { background: #eeeae4; }
#gc-desktop-catalog .gc-desktop-catalog__details { padding: 28px; }
#gc-desktop-catalog section:not([hidden]) { animation: gc-catalog-enter .15s ease; }
#ast-desktop-header #gc-desktop-catalog .gc-desktop-catalog__heading { font-size: 19px; font-weight: 500; margin-bottom: 18px; }
#ast-desktop-header #gc-desktop-catalog ul { list-style: none; margin: 0; padding: 0; }
#ast-desktop-header #gc-desktop-catalog li { display: block; margin: 0; }
#ast-desktop-header #gc-desktop-catalog li a { padding: 9px 0; }
#ast-desktop-header #gc-desktop-catalog ul ul { padding-left: 16px; border-left: 1px solid #e7e5e1; }
#ast-desktop-header #gc-desktop-catalog .gc-desktop-catalog__all { border-top: 1px solid #e7e5e1; margin-top: 18px; padding-top: 16px; font-size: 13px; }
#ast-desktop-header #gc-desktop-catalog a:focus-visible,
#ast-desktop-header .gc-desktop-catalog__toggle:focus-visible { outline: 2px solid #9c7653; outline-offset: 3px; }
@keyframes gc-catalog-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
body:not(.ast-header-break-point) #ast-desktop-header #gc-desktop-catalog,
#gc-desktop-catalog section:not([hidden]) { animation: none; }
#ast-desktop-header #gc-desktop-catalog a, #ast-desktop-header .gc-desktop-catalog__toggle span { transition: none; }
}