/* Browse page — clean, mobile-first discovery layout */
.xl-browse-body{--browse-ink:#202638;--browse-muted:#747d8e;--browse-line:#e8eaf0;--browse-panel:#fff;--browse-soft:#f6f7fb;--browse-accent:#d93656;background:var(--browse-soft);color:var(--browse-ink);padding-bottom:104px}
.xl-browse-container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.xl-browse-intro{padding:28px 0 24px;background:linear-gradient(135deg,#fff 0%,#fff8fa 100%);border-bottom:1px solid var(--browse-line)}
.xl-browse-intro-inner{display:flex;flex-direction:column;align-items:flex-start}
.xl-browse-eyebrow{margin:0 0 8px;color:var(--browse-accent);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.xl-browse-intro h1{max-width:760px;margin:0;color:var(--browse-ink);font-size:clamp(1.9rem,4.8vw,3rem);line-height:1.08;letter-spacing:-.045em}
.xl-browse-intro-copy{margin:12px 0 22px;color:var(--browse-muted);font-size:1rem}
.xl-browse-search{display:flex;width:min(760px,100%);min-height:58px;padding:5px;gap:8px;border:1px solid #e4e7ef;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgb(30 39 60 / 6%)}
.xl-browse-search-field{display:flex;flex:1;align-items:center;min-width:0;gap:12px;padding-inline:13px;border-radius:12px}
.xl-browse-search-field svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:#778094;stroke-width:1.8;stroke-linecap:round}
.xl-browse-search-field input{width:100%;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;color:var(--browse-ink);font:inherit;font-size:.95rem}
.xl-browse-search-field input::placeholder{color:#969cab}
.xl-browse-search-field:focus-within{outline:2px solid #e9a2b0;outline-offset:1px}
.xl-browse-search-field input:focus,.xl-browse-search-field input:focus-visible{outline:0;box-shadow:none}
.xl-browse-search-submit{min-width:102px;padding:0 20px;border:0;border-radius:12px;background:var(--browse-accent);color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:background .15s ease}
.xl-browse-search-submit:hover{background:#bd2443}
.xl-browse-content{padding-block:22px 42px}
.xl-browse-filter-card{padding:22px;border:1px solid var(--browse-line);border-radius:22px;background:var(--browse-panel);box-shadow:0 8px 30px rgb(32 38 56 / 3%)}
.xl-browse-filter-section{padding:0 0 22px}
.xl-browse-filter-section+.xl-browse-filter-section{padding-top:20px;border-top:1px solid #eff0f4}
.xl-browse-filter-section h2,.xl-browse-section-heading h2{margin:0;color:var(--browse-ink);font-size:1.12rem;font-weight:750;line-height:1.3;letter-spacing:-.025em}
.xl-browse-mode-section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px}
.xl-browse-mode-section h2{font-size:.95rem}
.xl-browse-mode{display:inline-flex;padding:4px;gap:4px;border-radius:13px;background:#f1f2f7}
.xl-browse-mode button{min-width:88px;min-height:39px;padding:8px 17px;border:0;border-radius:10px;background:transparent;color:#747c8d;font:inherit;font-size:.87rem;font-weight:750;cursor:pointer}
.xl-browse-mode button.is-active{background:#fff;color:#c52e4b;box-shadow:0 2px 8px rgb(30 39 60 / 10%)}
.xl-browse-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.xl-browse-section-heading>span{color:var(--browse-muted);font-size:.82rem}
.xl-browse-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xl-browse-category{min-width:0;border:0;font:inherit;cursor:pointer}
.xl-browse-category--tile{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:76px;padding:12px;border:1px solid var(--browse-line);border-radius:15px;background:#fff;color:#424b5d;text-align:left;transition:border-color .15s,background .15s,transform .15s}
.xl-browse-category--tile>span:last-child{min-width:0;overflow-wrap:normal;word-break:normal;font-size:.87rem;font-weight:650;line-height:1.25}
.xl-browse-category--tile:hover{border-color:#e7a0ad;background:#fff9fa;transform:translateY(-1px)}
.xl-browse-category--tile.is-active{border-color:#e5a0ad;background:#fff0f3;color:#bd2947;box-shadow:inset 0 0 0 1px rgb(217 54 86 / 7%)}
.xl-browse-category-art{display:inline-flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(145deg,#fff0f4,#f3eaff);font-size:1.38rem;line-height:1}
.xl-browse-category--tile:focus-visible{outline:3px solid rgb(217 54 86 / 30%);outline-offset:2px}
.xl-browse-advanced{margin:18px 0 0;border:1px solid var(--browse-line);border-radius:15px;background:#fff;overflow:hidden}
.xl-browse-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 16px;color:#454d5d;font-size:.88rem;font-weight:750;cursor:pointer;list-style:none}
.xl-browse-advanced>summary::-webkit-details-marker{display:none}
.xl-browse-advanced>summary::after{content:'+';color:var(--browse-accent);font-size:1.35rem;font-weight:500}
.xl-browse-advanced[open]>summary::after{content:'−'}
.xl-browse-advanced>summary span{margin-left:auto;color:#8b92a0;font-size:.78rem;font-weight:500}
.xl-browse-advanced-content{padding:0 16px 12px}
.xl-browse-advanced-content .xl-browse-filter-section{padding:15px 0;border-top:1px solid #eff0f4}
.xl-browse-advanced-content .xl-browse-filter-section h2{margin-bottom:12px;font-size:.9rem}
.xl-browse-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.xl-browse-tile,.xl-browse-sort{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--browse-line);border-radius:11px;background:#fff;color:#596174;font:inherit;font-size:.81rem;line-height:1.25;text-align:left;cursor:pointer}
.xl-browse-tile-icon{display:inline-flex;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;border-radius:8px;background:#f2f3f8;color:#707a8d;font-size:.9rem;font-weight:800}
.xl-browse-tile.is-active,.xl-browse-sort.is-active{border-color:#e5a0ad;background:#fff0f3;color:#bd2947}
.xl-browse-tile.is-active .xl-browse-tile-icon,.xl-browse-sort.is-active .xl-browse-tile-icon{background:#ffdae2;color:#bd2947}
.xl-browse-sort-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.xl-browse-clear{display:block;margin:14px 0 0 auto;padding:7px 0;border:0;background:transparent;color:#8b91a0;font:inherit;font-size:.8rem;cursor:pointer}
.xl-browse-clear:hover{color:#c52e4b}
.xl-browse-suggestions{padding:28px 0 18px}
.xl-browse-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.xl-browse-suggestion-grid button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:54px;padding:12px 15px;border:1px solid var(--browse-line);border-radius:14px;background:#fff;color:#424b5d;font:inherit;font-size:.87rem;font-weight:650;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.xl-browse-suggestion-grid button span{color:var(--browse-accent);font-size:1.1rem}
.xl-browse-suggestion-grid button:hover{border-color:#e5a0ad;background:#fff7f9}
.xl-browse-results-section{padding-top:14px}
.xl-browse-results-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}
.xl-browse-results-heading .xl-browse-eyebrow{margin-bottom:5px}
.xl-browse-results-heading h2{margin:0;color:var(--browse-ink);font-size:1.45rem;letter-spacing:-.035em}
.xl-browse-results-heading [data-results-count]{color:#858c9a;font-size:.85rem}
.xl-browse-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.xl-browse-results .xl-app-card{min-width:0;padding:14px;border:1px solid var(--browse-line);border-radius:17px;background:#fff;box-shadow:0 4px 16px rgb(32 38 56 / 3%);transition:border-color .15s,box-shadow .15s,transform .15s}
.xl-browse-results .xl-app-card:hover{border-color:#edb0ba;box-shadow:0 8px 24px rgb(32 38 56 / 8%);transform:translateY(-2px)}
.xl-browse-results .xl-card-topline{gap:10px}
.xl-browse-results .xl-card-media{width:58px;height:58px;flex:0 0 58px;overflow:hidden;border-radius:14px}
.xl-browse-results .xl-card-icon{width:100%;height:100%;object-fit:cover}
.xl-browse-results .xl-card-title{overflow-wrap:anywhere;color:#202638;font-size:.93rem;font-weight:750}
.xl-browse-results .xl-card-meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:#7b8392;font-size:.75rem}
.xl-browse-results .xl-card-badges{display:flex;flex-wrap:wrap;gap:4px}
.xl-browse-card-size{display:block;margin-top:8px;color:#858c9a;font-size:.75rem}
.xl-browse-results-state{padding:26px 16px;border:1px dashed #dfe3eb;border-radius:16px;background:#fff;color:#7b8392;font-size:.9rem;text-align:center}
.xl-browse-results-state[data-state=error]{border-color:#f1c2ca;background:#fff7f8;color:#b62643}
.xl-browse-results-state[hidden]{display:none}
.xl-browse-load-more{display:block;min-height:44px;margin:18px auto 0;padding:9px 22px;border:1px solid #e7a0ad;border-radius:12px;background:#fff;color:#c52e4b;font:inherit;font-weight:750;cursor:pointer}
.xl-browse-load-more:hover{background:#fff2f5}
.xl-browse-load-more:disabled{opacity:.55;cursor:progress}
.xl-browse-body :is(button,a):focus-visible{outline:3px solid rgb(217 54 86 / 32%);outline-offset:2px}
.xl-browse-body .xl-bottom-nav-item.active{color:var(--browse-accent)}
.xl-browse-body .xl-bottom-nav-item.active .xl-bottom-nav-icon svg{stroke:currentColor}
.xl-browse-body .xl-footer{margin-bottom:0}
.xl-browse-body .xl-footer-inner{padding-bottom:22px}
.xl-browse-body .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme=dark] .xl-browse-body{--browse-ink:var(--xl-text);--browse-muted:var(--xl-muted);--browse-line:var(--xl-border);--browse-panel:var(--xl-surface);--browse-soft:var(--xl-bg)}
html[data-theme=dark] .xl-browse-intro{background:linear-gradient(135deg,var(--xl-bg),#2b2027);border-color:var(--xl-border)}
html[data-theme=dark] .xl-browse-intro h1,html[data-theme=dark] .xl-browse-section-heading h2,html[data-theme=dark] .xl-browse-results-heading h2{color:var(--xl-text)}
html[data-theme=dark] .xl-browse-search,html[data-theme=dark] .xl-browse-advanced,html[data-theme=dark] .xl-browse-suggestion-grid button,html[data-theme=dark] .xl-browse-results .xl-app-card,html[data-theme=dark] .xl-browse-results-state,html[data-theme=dark] .xl-browse-load-more{border-color:var(--xl-border);background:var(--xl-surface);color:var(--xl-text)}
html[data-theme=dark] .xl-browse-search-field input{color:var(--xl-text)}
html[data-theme=dark] .xl-browse-mode,html[data-theme=dark] .xl-browse-category-art,html[data-theme=dark] .xl-browse-tile-icon{background:#35363c}
html[data-theme=dark] .xl-browse-mode button,html[data-theme=dark] .xl-browse-category--tile,html[data-theme=dark] .xl-browse-tile,html[data-theme=dark] .xl-browse-sort{color:var(--xl-text-secondary)}
html[data-theme=dark] .xl-browse-mode button.is-active{background:#292a2f;color:#ff91a2}
html[data-theme=dark] .xl-browse-category--tile,html[data-theme=dark] .xl-browse-tile,html[data-theme=dark] .xl-browse-sort{border-color:var(--xl-border);background:var(--xl-surface)}
html[data-theme=dark] .xl-browse-category--tile.is-active,html[data-theme=dark] .xl-browse-tile.is-active,html[data-theme=dark] .xl-browse-sort.is-active{border-color:#8b3a4b;background:#3a292f;color:#ff9cab}
html[data-theme=dark] .xl-browse-advanced-content .xl-browse-filter-section{border-color:var(--xl-border)}
html[data-theme=dark] .xl-browse-suggestion-grid button span{color:#ff91a2}
html[data-theme=dark] .xl-browse-results .xl-card-title{color:var(--xl-text)}
html[data-theme=dark] .xl-browse-results .xl-card-meta,html[data-theme=dark] .xl-browse-card-size{color:var(--xl-muted)}
html[data-theme=dark] .xl-browse-results-state[data-state=error]{border-color:#75404a;background:#35272b;color:#ff9cab}
@media(max-width:900px){.xl-browse-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xl-browse-results{grid-template-columns:repeat(3,minmax(0,1fr))}.xl-browse-tile-grid,.xl-browse-sort-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.xl-browse-body{padding-bottom:106px}.xl-browse-container{width:calc(100% - 28px)}.xl-browse-intro{padding:22px 0 20px}.xl-browse-intro h1{font-size:1.85rem}.xl-browse-intro-copy{margin:9px 0 17px;font-size:.91rem}.xl-browse-search{min-height:52px;border-radius:15px}.xl-browse-search-field{gap:8px;padding-inline:9px}.xl-browse-search-submit{min-width:76px;padding-inline:12px;border-radius:11px;font-size:.85rem}.xl-browse-content{padding-block:14px 28px}.xl-browse-filter-card{padding:15px;border-radius:18px}.xl-browse-filter-section{padding-bottom:17px}.xl-browse-mode-section{padding-bottom:14px}.xl-browse-mode button{min-width:76px;min-height:36px;padding:7px 13px}.xl-browse-section-heading{margin-bottom:12px}.xl-browse-section-heading h2{font-size:1.04rem}.xl-browse-section-heading>span{display:none}.xl-browse-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.xl-browse-category--tile{min-height:67px;padding:9px;gap:9px;border-radius:13px}.xl-browse-category--tile>span:last-child{font-size:.82rem;line-height:1.25}.xl-browse-category-art{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:1.18rem}.xl-browse-advanced{margin-top:13px}.xl-browse-advanced>summary{min-height:48px;padding:10px 12px;font-size:.83rem}.xl-browse-advanced-content{padding-inline:11px}.xl-browse-tile-grid,.xl-browse-sort-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.xl-browse-tile,.xl-browse-sort{min-height:42px;padding:8px;font-size:.76rem;gap:7px}.xl-browse-tile-icon{width:24px;height:24px;flex-basis:24px}.xl-browse-clear{margin-top:10px}.xl-browse-suggestions{padding:22px 0 12px}.xl-browse-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.xl-browse-suggestion-grid button{min-height:48px;padding:10px 11px;border-radius:12px;font-size:.8rem}.xl-browse-results-section{padding-top:8px}.xl-browse-results-heading h2{font-size:1.3rem}.xl-browse-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.xl-browse-results .xl-app-card{padding:10px;border-radius:13px}.xl-browse-results .xl-card-media{width:46px;height:46px;flex-basis:46px;border-radius:11px}.xl-browse-results .xl-card-title{font-size:.84rem}.xl-browse-results .xl-card-badges{display:none}.xl-browse-results .xl-card-meta{font-size:.68rem}.xl-browse-results-state{padding:20px 12px;font-size:.83rem}}
@media(max-width:360px){.xl-browse-container{width:calc(100% - 22px)}.xl-browse-category--tile{gap:7px;padding:8px}.xl-browse-category-art{width:31px;height:31px;flex-basis:31px}.xl-browse-results{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.xl-browse-category--tile,.xl-browse-search-submit,.xl-browse-results .xl-app-card{transition:none}}

/* Browse card polish: keep real app artwork intact and metadata consistently aligned. */
.xl-browse-results .xl-app-card--enhanced{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:100%;height:100%}
.xl-browse-results .xl-card-topline{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;min-height:64px}
.xl-browse-results .xl-card-media{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex:0 0 58px;overflow:hidden;border:1px solid #eef0f5;border-radius:14px;background:#fff}
.xl-browse-results .xl-card-icon{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:3px}
.xl-browse-results .xl-card-icon.xl-icon-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff0f4,#f2edff);color:#c52e4b;font-size:1.35rem;font-weight:800}
.xl-browse-results .xl-card-badges{display:flex;flex:1;flex-wrap:wrap;align-items:flex-start;gap:5px;min-width:0;padding-top:1px}
.xl-browse-results .xl-badge{max-width:100%;padding:4px 8px;border:1px solid #ead0d7;border-radius:9px;background:#fff5f7;color:#98314a;font-size:.68rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.xl-browse-results .xl-card-body{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:9px;min-width:0}
.xl-browse-results .xl-card-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.32;overflow-wrap:anywhere}
.xl-browse-results .xl-card-meta{display:flex;align-items:flex-start;gap:7px 10px;line-height:1.35}
.xl-browse-results .xl-card-meta .xl-slider-meta-item{display:inline-flex;align-items:center;gap:5px;min-width:0}
.xl-browse-results .xl-card-meta .xl-slider-meta-item>span:last-child{overflow-wrap:anywhere}
.xl-browse-results .xl-card-meta .xl-icon{width:15px;height:15px;flex:0 0 15px}
.xl-browse-results .xl-browse-card-size{margin-top:auto;padding-top:2px}
@media(max-width:620px){
 .xl-browse-results .xl-app-card--enhanced{gap:9px}
 .xl-browse-results .xl-card-topline{min-height:54px;gap:7px}
 .xl-browse-results .xl-card-media{width:48px;height:48px;flex-basis:48px;border-radius:12px}
 .xl-browse-results .xl-card-badges{display:flex;gap:4px}
 .xl-browse-results .xl-badge{padding:3px 6px;font-size:.61rem;border-radius:7px}
 .xl-browse-results .xl-card-body{gap:7px}
 .xl-browse-results .xl-card-title{-webkit-line-clamp:3;font-size:.84rem}
 .xl-browse-results .xl-card-meta{gap:5px 8px;font-size:.68rem}
}
@media(max-width:360px){.xl-browse-results .xl-card-topline{gap:6px}.xl-browse-results .xl-card-media{width:44px;height:44px;flex-basis:44px}}
html[data-theme=dark] .xl-browse-results .xl-card-media{border-color:var(--xl-border);background:#fff}
html[data-theme=dark] .xl-browse-results .xl-card-badges .xl-badge{border-color:#65404a;background:#35272d;color:#ffb1bf}

/* Simplified Browse filters: sorting lives with Discover results; feature-label tiles are removed. */
.xl-browse-sort-panel{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px;border:1px solid var(--browse-line);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fff7f9 100%)}
.xl-browse-sort-label{flex:0 0 auto;color:var(--browse-muted);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.xl-browse-sort-panel .xl-browse-sort-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.xl-browse-sort-panel .xl-browse-sort{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:8px 10px;border:1px solid var(--browse-line);border-radius:12px;background:#fff;color:var(--browse-muted);font-size:.8rem;font-weight:700;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.xl-browse-sort-panel .xl-browse-sort:hover{border-color:#e7a1b2;transform:translateY(-1px)}
.xl-browse-sort-panel .xl-browse-sort.is-active{border-color:var(--browse-accent);background:#fff0f4;color:#a92c4b;box-shadow:0 2px 8px #c72e4d12}
.xl-browse-sort-panel .xl-browse-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;border-radius:9px;background:#f5f0f4;font-size:1rem;line-height:1}
.xl-browse-sort-panel .xl-browse-sort.is-active .xl-browse-tile-icon{background:#ffdce5}
.xl-browse-clear{display:block;margin:12px 0 0 auto;padding:8px 12px;border:1px solid var(--browse-line);border-radius:10px;background:transparent;color:var(--browse-muted);font-size:.78rem;font-weight:650}
html[data-theme=dark] .xl-browse-sort-panel{border-color:var(--xl-border);background:var(--xl-surface)}
html[data-theme=dark] .xl-browse-sort-panel .xl-browse-sort{border-color:var(--xl-border);background:var(--xl-surface);color:var(--xl-text)}
html[data-theme=dark] .xl-browse-sort-panel .xl-browse-sort.is-active{border-color:#d84b6a;background:#3a252d;color:#ffb1bf}
html[data-theme=dark] .xl-browse-sort-panel .xl-browse-tile-icon{background:#373941}
html[data-theme=dark] .xl-browse-sort-panel .xl-browse-sort.is-active .xl-browse-tile-icon{background:#54313c}
@media(max-width:620px){
 .xl-browse-sort-panel{display:block;margin:0 0 14px;padding:11px;border-radius:14px}
 .xl-browse-sort-label{display:block;margin:0 0 9px;font-size:.7rem}
 .xl-browse-sort-panel .xl-browse-sort-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .xl-browse-sort-panel .xl-browse-sort{justify-content:flex-start;min-height:43px;padding:7px 9px;font-size:.77rem}
 .xl-browse-sort-panel .xl-browse-tile-icon{width:28px;height:28px;flex-basis:28px}
}

/* Prevent Android browser long-press/tap highlight on Browse controls without disabling text selection site-wide. */
.xl-browse-category,
.xl-browse-mode button,
.xl-browse-tile,
.xl-browse-sort,
.xl-browse-clear,
.xl-browse-suggestion-grid button,
.xl-browse-search-submit,
.xl-browse-results .xl-app-card,
.xl-browse-results .xl-card-media {
  -webkit-tap-highlight-color: transparent;
}
.xl-browse-category,
.xl-browse-mode button,
.xl-browse-tile,
.xl-browse-sort,
.xl-browse-clear,
.xl-browse-suggestion-grid button,
.xl-browse-search-submit {
  -webkit-user-select: none;
  user-select: none;
}
.xl-browse-category:active,
.xl-browse-mode button:active,
.xl-browse-tile:active,
.xl-browse-sort:active,
.xl-browse-clear:active,
.xl-browse-suggestion-grid button:active {
  filter: none;
}
.xl-browse-results .xl-card-icon {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-drag: none;
}



/* Browse result card media and badge alignment: one predictable mobile layout. */
.xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-topline {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  overflow: visible;
}
.xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  flex: 0 0 48px;
  align-self: start;
  overflow: hidden;
  border: 1px solid var(--browse-line);
  border-radius: 12px;
  background: #fff;
}
.xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-icon {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 3px;
  -webkit-user-drag: none;
}
.xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  max-height: none;
  margin: 0;
  padding: 1px 0 0;
  overflow: visible;
}
.xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-badges .xl-badge {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 18px;
  margin: 0;
  padding: 3px 5px;
  font-size: .57rem;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0;
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
  text-overflow: clip;
}
.xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-title {
  overflow-wrap: anywhere;
}
@media(max-width:620px) {
  .xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-topline {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 7px;
    min-height: 46px;
  }
  .xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-media {
    width: 46px;
    height: 46px;
    min-width: 46px;
    flex-basis: 46px;
    border-radius: 11px;
  }
  .xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-badges {
    gap: 4px;
  }
  .xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-badges .xl-badge {
    padding: 3px 4px;
    font-size: .55rem;
    min-height: 18px;
  }
}
@media(max-width:360px) {
  .xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-topline {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 6px;
  }
  .xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-media {
    width: 42px;
    height: 42px;
    min-width: 42px;
    flex-basis: 42px;
  }
}
html[data-theme=dark] .xl-browse-results .xl-card-sm.xl-app-card--enhanced .xl-card-media {
  border-color: var(--xl-border);
  background: var(--xl-surface);
}