/* AppNorbit category discovery, using the homepage's warm paper and sage palette. */
.an-categories {grid-column:1 / -1;min-width:0;background:var(--ya-surface,#fffefa);border:1px solid var(--ya-line,#dce1d7);border-radius:24px;padding:24px 28px;box-sizing:border-box;color:var(--ya-ink,#293d35)}
.an-categories h2 {font:700 21px/1.3 Urbanist,system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 20px;scroll-margin-top:24px}
.an-category-grid {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;align-items:start}
.an-category-link,.an-category-more summary {display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:inherit;min-width:0;cursor:pointer;text-align:center;font:600 13px/1.3 Urbanist,system-ui,sans-serif;padding:8px 2px;border-radius:14px;box-sizing:border-box}
.an-category-icon {width:48px;height:48px;border-radius:15px;background:var(--an-sage,#e7eee5);color:var(--ya-teal,#426c55);display:grid;place-items:center;transition:transform .16s ease,background .16s ease}
.an-category-icon svg {width:24px;height:24px}
.an-category-link:nth-child(3n+2) .an-category-icon {background:var(--an-sand,#f4eadb)}
.an-category-link:nth-child(3n) .an-category-icon {background:var(--an-lilac,#eeebf4)}
.an-category-link:hover .an-category-icon,.an-category-more summary:hover .an-category-icon {transform:translateY(-2px)}
.an-category-link:focus-visible,.an-category-more summary:focus-visible,.an-category-expanded a:focus-visible {outline:3px solid var(--ya-teal,#426c55);outline-offset:3px}
.an-category-more {display:contents}
.an-category-more summary {list-style:none}
.an-category-more summary::-webkit-details-marker {display:none}
.an-category-more[open] summary .an-category-icon {background:var(--ya-ink,#293d35);color:var(--ya-surface,#fffefa)}
.an-category-expanded {grid-column:1 / -1;border-top:1px solid var(--ya-line,#dce1d7);padding-top:20px;margin-top:6px}
.an-category-expanded h3 {font:700 16px/1.3 Urbanist,system-ui,sans-serif;margin:0 0 14px}
.an-category-expanded > div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.an-category-expanded a {font:500 13px/1.4 Urbanist,system-ui,sans-serif;color:inherit;text-decoration:none;background:var(--ya-bg,#f5f4ef);padding:10px 12px;border:1px solid var(--ya-line,#dce1d7);border-radius:10px;overflow-wrap:anywhere}
.an-category-expanded a:hover {border-color:var(--ya-teal,#426c55)}
html[data-layout="category-v1"] {--ya-bg:#f5f4ef;--ya-surface:#fffefa;--ya-ink:#293d35;--ya-muted:#6d776e;--ya-line:#dce1d7;--ya-teal:#426c55}
html[data-layout="category-v1"] body {background:var(--ya-bg);color:var(--ya-ink)}
html[data-layout="category-v1"] .body_container {max-width:1240px;margin:auto;padding:28px 24px 56px;box-sizing:border-box}
html[data-layout="category-v1"] h1.pre_start_title {font:700 28px/1.25 Urbanist,system-ui,sans-serif;color:var(--ya-ink);padding:0;margin:0 0 12px;height:auto}
html[data-layout="category-v1"] .an-chart-note {font:400 14px/1.6 system-ui,sans-serif;color:var(--ya-muted);max-width:800px;margin:0 0 12px}
html[data-layout="category-v1"] .an-chart-back {display:inline-block;color:var(--ya-teal);font:600 14px/1.5 system-ui,sans-serif;margin:0 0 24px}
html[data-layout="category-v1"] .cards {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:20px 0;box-sizing:border-box}
html[data-layout="category-v1"] .cards .card_item {display:flex !important;position:relative;align-items:center;gap:14px;box-sizing:border-box;width:auto !important;height:auto !important;min-width:0;margin:0 !important;padding:16px !important;border:1px solid var(--ya-line);border-radius:16px;background:var(--ya-surface);box-shadow:none !important}
html[data-layout="category-v1"] .an-category-rank {flex:none;width:26px;text-align:center;color:var(--ya-teal);font:800 18px/1 system-ui,sans-serif}
html[data-layout="category-v1"] .cards .card_item .app_icon {width:52px !important;height:52px !important;min-width:52px;border-radius:13px;margin:0 !important;box-shadow:none}
html[data-layout="category-v1"] .cards .card_item .app_icon img {width:100%;height:100%;object-fit:cover;border-radius:13px}
html[data-layout="category-v1"] .cards .card_item .content {min-width:0;flex:1;width:auto !important;margin:0 !important}
html[data-layout="category-v1"] .cards .card_item .name {font:600 16px/1.35 Urbanist,system-ui,sans-serif;white-space:normal;color:var(--ya-ink);margin:0 0 4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
html[data-layout="category-v1"] .cards .card_item .class {font-size:12px;color:var(--ya-muted);margin:0 0 5px}
html[data-layout="category-v1"] .cards .card_item .btn_get {flex:none;width:60px !important;min-width:60px;height:auto !important;line-height:20px;padding:7px 10px !important;border-radius:999px;background:#e7eee5;color:#355e4b;font:700 12px/20px system-ui;text-align:center}
html[data-layout="category-v1"] .lazy_dom_loading {display:none !important}
html[data-layout="category-v1"][data-theme="dark"] {--ya-bg:#101b17;--ya-surface:#19271f;--ya-ink:#e3e9df;--ya-muted:#b0bbae;--ya-line:#354338;--ya-teal:#b4d0b3}
@media(max-width:700px) {
 .an-categories {padding:20px 14px;border-radius:20px}
 .an-categories h2 {font-size:20px;margin-bottom:14px}
 .an-category-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 5px}
 .an-category-icon {width:44px;height:44px;border-radius:14px}
 .an-category-link,.an-category-more summary {font-size:12px;gap:8px;padding:4px 0}
 .an-category-expanded > div {grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-layout="category-v1"] .body_container {padding:20px 16px 40px}
 html[data-layout="category-v1"] h1.pre_start_title {font-size:23px}
 html[data-layout="category-v1"] .cards {grid-template-columns:minmax(0,1fr)}
 html[data-layout="category-v1"] .cards .card_item {gap:10px;padding:12px !important}
 html[data-layout="category-v1"] .an-category-rank {width:20px;font-size:16px}
 html[data-layout="category-v1"] .cards .card_item .app_icon {width:46px !important;height:46px !important;min-width:46px}
 html[data-layout="category-v1"] .cards .card_item .name {font-size:14px}
 html[data-layout="category-v1"] .cards .card_item .btn_get {width:48px !important;min-width:48px;padding:6px 8px !important}
}
@media(prefers-reduced-motion:reduce) {.an-category-icon {transition:none}}

/* Native details expands beneath the entire category grid. */
.an-categories {position:relative}
.an-category-more {display:block}
.an-category-more summary {position:absolute;right:28px;top:71px;width:calc((100% - 140px)/8)}
.an-category-expanded {margin-top:20px}
@media(max-width:700px) {
 .an-category-more summary {right:14px;top:calc(20px + 26px + 14px + 75.6px + 14px);width:calc((100% - 43px)/4)}
}
html[data-layout="category-v1"] .body_container {width:100% !important;min-width:0 !important;flex:1}
html[data-layout="category-v1"] :is(.category_container,.apps,.cards,.cover_swiper) {width:100% !important;max-width:100%;min-width:0;box-sizing:border-box}
html[data-layout="category-v1"] .category_container {padding:0 !important}
html[data-layout="category-v1"] h1.pre_start_title {width:100% !important;justify-content:flex-start;text-align:left;left:auto;right:auto;transform:none}
html[data-layout="category-v1"] .cover_swiper .swiper_box {width:100%;max-width:100%;overflow-x:auto}
html[data-layout="category-v1"] .cards .card_item .btn_get::before,
html[data-layout="category-v1"] .cards .card_item .btn_get::after {display:none !important;content:none !important}
html[data-layout="category-v1"] .cards .card_item .name {height:auto !important;max-height:none;min-height:0}
