.book-browser-container{gap:var(--space-2xl);flex-direction:column;display:flex}.special-group-banner{border:1.5px solid var(--color-cyan-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-2xl) var(--space-xl);gap:var(--space-sm);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);background:linear-gradient(135deg,#0ea5e914 0%,#0ea5e905 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.sgb-header-row{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.sgb-badge{border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.sgb-badge--cyan{color:#008f7a;background:#00d4b81f;border:1px solid #00d4b84d}.sgb-badge--rose{color:#be123c;background:#e11d481a;border:1px solid #e11d4840}.sgb-badge--amber{color:#b45309;background:#d977061a;border:1px solid #d9770640}.sgb-badge--emerald{color:#047857;background:#0596691a;border:1px solid #05966940}[data-theme=dark] .sgb-badge--cyan{color:#00f0d0}[data-theme=dark] .sgb-badge--rose{color:#fb7185}[data-theme=dark] .sgb-badge--amber{color:#fbbf24}[data-theme=dark] .sgb-badge--emerald{color:#34d399}.sgb-clear-btn{background:var(--color-paper-2);border:1px solid var(--color-rule);color:var(--color-ink-2);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.sgb-clear-btn:hover{background:var(--color-paper-3);border-color:var(--color-ink-3);color:var(--color-ink)}.sgb-title{font-family:var(--font-display);color:var(--color-navy-raw);margin:0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:700;line-height:1.25}.sgb-desc{color:var(--color-ink-3);max-width:80ch;margin:0;font-size:.95rem;line-height:1.6}.section-label{align-items:center;gap:var(--space-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);margin-bottom:var(--space-md);font-size:.78rem;font-weight:800;display:flex}.book-cards-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.book-card{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-xs);touch-action:manipulation;flex-direction:column;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.book-card:hover{border-color:var(--color-navy-raw);box-shadow:var(--shadow-md);transform:translateY(-2px)}}.book-card.is-selected{border-color:var(--color-cyan-raw);background:linear-gradient(180deg, #0ea5e914 0%, var(--color-paper-2) 100%);box-shadow:0 6px 24px #0ea5e926}.bc-top{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.bc-badge{border-radius:var(--radius-pill);color:var(--color-cyan-raw);letter-spacing:.02em;background:#0ea5e926;padding:3px 10px;font-size:.75rem;font-weight:800}.bc-status-pill{color:#10b981;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.bc-title{color:var(--color-ink);margin:0 0 var(--space-xs) 0;font-size:1.25rem;font-weight:750;line-height:1.3}.bc-author{color:var(--color-ink-2);margin:0 0 var(--space-sm) 0;font-size:.85rem;font-weight:600}.bc-desc{color:var(--color-ink-3);margin:0 0 var(--space-md) 0;flex:1;font-size:.825rem;line-height:1.5}.bc-meta{color:var(--color-ink-3);border-top:1px solid var(--color-rule);padding-top:var(--space-sm);justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem;display:flex}.bc-species-total{color:var(--color-ink);font-weight:800}.volume-full-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:100%;display:grid}.volume-full-tab{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-sizing:border-box;appearance:none;touch-action:manipulation;flex-direction:column;justify-content:flex-start;gap:8px;width:100%;min-width:0;padding:12px 14px;display:flex;position:relative;overflow:hidden;color:var(--color-ink)!important}.volume-full-tab:last-child:nth-child(odd){grid-column:1/-1}@media (hover:hover) and (pointer:fine){.volume-full-tab:hover{border-color:var(--color-navy-raw);background:var(--color-paper-3);box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.volume-full-tab.is-active{background:var(--color-navy-raw);border-color:var(--color-navy-raw);box-shadow:0 4px 14px -2px #0b132940;color:var(--color-ink-on-navy,#fff)!important}.vft-header{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.vft-roman{background:var(--color-paper-3);color:var(--color-ink-2);white-space:nowrap;font-size:.76rem;font-weight:800;font-family:var(--font-outlier,inherit);letter-spacing:.04em;border-radius:6px;padding:3px 8px}.volume-full-tab.is-active .vft-roman{background:var(--color-cyan-raw);color:#0b1329}.vft-count{border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-ink-3);white-space:nowrap;padding:2px 8px;font-size:.74rem;font-weight:700}.volume-full-tab.is-active .vft-count{color:#fff;background:#ffffff29;border:1px solid #ffffff38}.vft-body{flex-direction:column;gap:3px;width:100%;min-width:0;display:flex}.vft-title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:.88rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden;color:var(--color-ink)!important}.volume-full-tab.is-active .vft-title{color:#fff!important}.vft-sub{color:var(--color-ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;line-height:1.35;overflow:hidden}.volume-full-tab.is-active .vft-sub{color:#ffffffbf!important}.single-volume-banner{padding:var(--space-md) var(--space-xl);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-md)}.svb-title{color:var(--color-ink);margin-bottom:4px;font-size:1.05rem;font-weight:700}.svb-sub{color:var(--color-ink-3);font-size:.85rem}.species-list-section{flex-direction:column;display:flex}.species-list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.slt-info{flex-direction:column;gap:2px;display:flex}.slt-volume-title{color:var(--color-ink);margin:0;font-size:1.25rem;font-weight:800}.slt-counter{color:var(--color-ink-3);font-size:.85rem}.slt-filter-box{align-items:center;width:100%;max-width:340px;display:flex;position:relative}.slt-filter-icon{color:var(--color-ink-3);pointer-events:none;position:absolute;left:14px}.slt-filter-input{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-pill);width:100%;color:var(--color-ink);font-size:.875rem;font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:.55rem 2.25rem .55rem 2.4rem}.slt-filter-input:focus{border-color:var(--color-navy-raw);outline:none;box-shadow:0 0 0 3px #0ea5e926}.slt-filter-clear{color:var(--color-ink-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:.85rem;display:flex;position:absolute;right:12px}.species-table-wrapper{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.species-list-table{border-collapse:collapse;text-align:left;width:100%}.species-list-table th{background:var(--color-paper-3);padding:var(--space-md) var(--space-lg);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-3);border-bottom:1px solid var(--color-rule);white-space:nowrap;font-size:.78rem;font-weight:800}.species-list-table th.th-stt{text-align:center;width:80px}.species-list-table th.th-vn{width:40%}.species-list-table th.th-action{text-align:right;width:50px}.species-row{border-bottom:1px solid var(--color-rule);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.species-row:last-child{border-bottom:none}.species-row:hover{background:#0ea5e90f}.species-row td{padding:7px var(--space-md);vertical-align:middle}.skeleton-row td{padding:8px var(--space-md)}.skeleton-shimmer{border-radius:var(--radius-sm,4px);background:linear-gradient(90deg,#94a3b81a 0%,#94a3b838 50%,#94a3b81a 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeletonShimmer;display:block}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer--stt{width:32px;height:1.1rem;margin:0 auto}.skeleton-shimmer--title{width:60%;height:1.1rem;margin-bottom:.4rem}.skeleton-shimmer--subtitle{width:40%;height:.8rem}.skeleton-shimmer--full{width:75%;height:.95rem}.skeleton-shimmer--btn{border-radius:50%;width:22px;height:22px;margin-left:auto}.td-stt{text-align:center;width:60px}.stt-badge{color:var(--color-ink-2);font-size:.75rem;font-weight:700;font-family:var(--font-mono,monospace);background:var(--color-paper-3);border:1px solid var(--color-rule);border-radius:4px;padding:2px 6px}.td-vn{font-weight:600}.species-vn-link{color:var(--color-navy-raw);transition:color var(--dur-fast) var(--ease-out);font-size:.88rem;font-weight:600;line-height:1.35;text-decoration:none;display:inline-block}.species-row:hover .species-vn-link{color:var(--color-cyan-raw)}.td-sci{color:var(--color-ink-2);font-size:.84rem;line-height:1.4}.sci-name{color:var(--color-ink-2,#1e293b);margin-right:var(--space-xs);font-size:.84rem;font-style:italic;font-weight:500}.sci-author{color:var(--color-ink-3);font-size:.76rem;font-weight:400}.td-action{text-align:right;width:50px}.row-arrow{color:var(--color-ink-4,#94a3b8);transition:transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.species-row:hover .row-arrow{color:var(--color-cyan-raw);transform:translate(4px)}.td-empty{text-align:center;color:var(--color-ink-3);font-size:var(--text-base);padding:4rem 1rem}.list-status-message{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-ink-3);background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);flex-direction:column;padding:4rem 1rem;display:flex}.list-status-message.is-error{color:#ef4444}.species-mobile-sci{display:none}.desktop-only{display:table-cell}@media (max-width:768px){.book-cards-grid{gap:var(--space-md);grid-template-columns:1fr}.volume-full-tabs{gap:8px 10px}.volume-full-tab{gap:6px;padding:10px 12px}.vft-title{font-size:.82rem}.vft-sub{font-size:.7rem}.species-list-toolbar{align-items:flex-start;gap:var(--space-md);flex-direction:column}.slt-filter-box{width:100%;max-width:100%}.slt-filter-input{padding:var(--space-sm) var(--space-md) var(--space-sm) 2.6rem;font-size:1.05rem}.desktop-only{display:none!important}.species-mobile-sci{margin-top:4px;line-height:1.4;display:block}.species-list-table th.th-vn{width:auto}.species-row td{vertical-align:middle;padding:6px 10px}.species-vn-link{overflow-wrap:anywhere;word-break:break-word;font-size:.85rem;font-weight:600;line-height:1.35}.species-mobile-sci{overflow-wrap:anywhere;word-break:break-word;margin-top:2px}.species-mobile-sci .sci-name{font-size:.8rem;font-weight:500}.species-mobile-sci .sci-author{font-size:.72rem}.td-stt{width:48px}.stt-badge{padding:2px 5px;font-size:.74rem}}@keyframes pwaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwaPopUp{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pwa-prompt-backdrop{z-index:1100;-webkit-backdrop-filter:blur(8px);background:#030712b8;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out pwaFadeIn;display:flex;position:fixed;inset:0}.pwa-prompt-sheet{color:#e2e8f0;background:linear-gradient(#0f172af5 0%,#0a1122fa 100%);border:1px solid #00b4d859;border-radius:20px;width:100%;max-width:460px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) pwaPopUp;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000bf,0 0 35px #00b4d81f}.pwa-prompt-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.pwa-prompt-close:hover{color:#fff;background:#ffffff26;transform:scale(1.05)}.pwa-prompt-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.pwa-prompt-app-icon{background:linear-gradient(135deg,#00b4d899 0%,#4ecdc466 100%);border-radius:14px;flex-shrink:0;padding:3px;box-shadow:0 8px 20px #00b4d840}.pwa-prompt-header-text{flex:1;min-width:0}.pwa-prompt-badge{letter-spacing:.06em;text-transform:uppercase;color:#6fffe8;background:#00b4d826;border:1px solid #00b4d84d;border-radius:12px;margin-bottom:6px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.pwa-prompt-title{color:#fff;margin:0 0 4px;font-size:1.15rem;font-weight:700;line-height:1.3}.pwa-prompt-subtitle{color:#94a3b8;margin:0;font-size:.84rem;line-height:1.45}.pwa-prompt-body{background:#0206178c;border:1px solid #ffffff14;border-radius:14px;margin-bottom:20px;padding:16px}.pwa-prompt-guide-lead{color:#cbd5e1;margin:0 0 12px;font-size:.86rem}.pwa-prompt-steps{flex-direction:column;gap:12px;display:flex}.pwa-step-item{color:#cbd5e1;align-items:flex-start;gap:12px;font-size:.85rem;line-height:1.5;display:flex}.pwa-step-number{color:#6fffe8;background:#00b4d833;border:1px solid #00b4d880;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.75rem;font-weight:700;display:flex}.pwa-step-content{flex:1}.pwa-icon-pill{vertical-align:middle;color:#6fffe8;background:#ffffff1f;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;margin:0 2px;padding:2px 5px;display:inline-flex}.pwa-prompt-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.pwa-btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:9px 18px;font-size:.88rem;font-weight:500;transition:all .2s}.pwa-btn-secondary:hover{color:#f1f5f9;background:#ffffff14}.pwa-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%);border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;padding:9px 22px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #00b4d859}.pwa-btn-primary:hover{background:linear-gradient(135deg,#48cae4 0%,#0096c7 100%);transform:translateY(-1px);box-shadow:0 6px 20px #00b4d880}@media (max-width:480px){.pwa-prompt-backdrop{align-items:flex-end;padding:12px}.pwa-prompt-sheet{border-radius:20px;margin-bottom:72px;padding:20px 16px}}
.special-group-banner{border:1.5px solid var(--color-cyan-border,#00d4b84d);border-radius:var(--radius-xl,16px);padding:var(--space-xl,24px) var(--space-xl,24px) var(--space-lg,20px);gap:var(--space-sm,12px);margin-bottom:var(--space-md,16px);background:linear-gradient(135deg,#0ea5e914 0%,#0ea5e905 100%);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a}.special-group-banner--rose{background:linear-gradient(135deg,#e11d4812 0%,#f43f5e05 100%);border-color:#e11d4840}.special-group-banner--cyan{background:linear-gradient(135deg,#00d4b814 0%,#0ea5e905 100%);border-color:#00d4b84d}.special-group-banner--amber{background:linear-gradient(135deg,#d9770614 0%,#f59e0b05 100%);border-color:#d9770640}.special-group-banner--emerald{background:linear-gradient(135deg,#05966914 0%,#10b98105 100%);border-color:#05966940}.sgb-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.sgb-badge-wrap{align-items:center;display:inline-flex}.sgb-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.sgb-badge--cyan{color:#008f7a;background:#00d4b81f;border:1px solid #00d4b84d}.sgb-badge--rose{color:#be123c;background:#e11d481a;border:1px solid #e11d4840}.sgb-badge--amber{color:#b45309;background:#d977061a;border:1px solid #d9770640}.sgb-badge--emerald{color:#047857;background:#0596691a;border:1px solid #05966940}[data-theme=dark] .sgb-badge--cyan{color:#00f0d0}[data-theme=dark] .sgb-badge--rose{color:#fb7185}[data-theme=dark] .sgb-badge--amber{color:#fbbf24}[data-theme=dark] .sgb-badge--emerald{color:#34d399}.sgb-clear-btn{background:var(--color-paper-2,#fff);border:1px solid var(--color-rule,#e2e8f0);color:var(--color-ink-2,#475569);cursor:pointer;appearance:none;white-space:nowrap;touch-action:manipulation;border-radius:9999px;outline:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s ease-out;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (hover:hover) and (pointer:fine){.sgb-clear-btn:hover{background:var(--color-paper-3,#f1f5f9);border-color:var(--color-ink-3,#94a3b8);color:var(--color-ink,#0f172a);transform:translateY(-1px);box-shadow:0 2px 5px #00000014}}.sgb-title{font-family:var(--font-display,serif);color:var(--color-navy-raw,#03045e);overflow-wrap:anywhere;word-break:break-word;min-width:0;margin:4px 0 0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:700;line-height:1.25}.sgb-desc{color:var(--color-ink-3,#64748b);overflow-wrap:anywhere;word-break:break-word;max-width:80ch;margin:0;font-size:.95rem;line-height:1.6}
.catalog-header{background:var(--color-paper-2);border:1.5px solid var(--color-rule);border-radius:var(--radius-xl,16px);padding:var(--space-xl) var(--space-2xl);margin-top:var(--space-md);margin-bottom:var(--space-xl);box-shadow:var(--shadow-xs);z-index:100;position:relative;overflow:visible!important}.catalog-header:before{content:"";background:linear-gradient(90deg, var(--color-accent) 0%, #6fffe866 100%);border-top-left-radius:calc(var(--radius-xl,16px) - 1.5px);border-top-right-radius:calc(var(--radius-xl,16px) - 1.5px);height:3px;position:absolute;top:0;left:0;right:0}.catalog-breadcrumb{color:var(--color-ink-3);margin-bottom:var(--space-sm);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.8rem;display:flex}.catalog-breadcrumb a{color:var(--color-ink-3);align-items:center;gap:.35rem;text-decoration:none;transition:color .15s;display:inline-flex}.catalog-breadcrumb a:hover{color:var(--color-accent);text-decoration:underline}.catalog-breadcrumb-sep{opacity:.4;font-size:.75rem}.catalog-breadcrumb-current{color:var(--color-ink);font-weight:600}.catalog-header__body{flex-direction:column;gap:.4rem;display:flex}.catalog-header__title{color:var(--color-navy-raw);font-size:clamp(1.45rem,2.8vw,1.95rem);line-height:1.2;font-family:var(--font-display,inherit);letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-word;min-width:0;margin:0;font-weight:700}.catalog-header__title-accent{color:var(--color-accent)}.catalog-header__desc{color:var(--color-ink-2);overflow-wrap:anywhere;word-break:break-word;max-width:75ch;margin:0;font-size:.88rem;line-height:1.45}.catalog-header__pills{margin-top:var(--space-xs);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.catalog-header__pill{background:var(--color-paper-3);color:var(--color-ink-2);border:1px solid var(--color-rule);white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.76rem;font-weight:600;display:inline-flex}.catalog-header__pill--highlight{color:#008f7a;background:#00d4b81a;border-color:#00d4b840}.catalog-header__pill--group{font-weight:700}.catalog-header__pill--group-amber{color:#b45309;background:#d977061f;border-color:#d977064d}.catalog-header__pill--group-rose{color:#be123c;background:#e11d481a;border-color:#e11d4840}.catalog-header__pill--group-cyan{color:#008f7a;background:#00d4b81a;border-color:#00d4b840}[data-theme=dark] .catalog-header__pill--highlight{color:#00f0d0;background:#00d4b826;border-color:#00d4b859}[data-theme=dark] .catalog-header__pill--group-amber{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}[data-theme=dark] .catalog-header__pill--group-rose{color:#fb7185;background:#f43f5e26;border-color:#f43f5e59}[data-theme=dark] .catalog-header__pill--group-cyan{color:#00f0d0;background:#00d4b826;border-color:#00d4b859}.catalog-header__search{margin-top:var(--space-md);z-index:90;width:100%;max-width:680px;position:relative}.catalog-header__search .search-wrapper{width:100%;max-width:100%;position:relative}.catalog-header__search .search-wrapper.is-open{z-index:1000}.catalog-header__search .search-input-container{background:var(--color-paper);border:1.5px solid var(--color-navy-raw);border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-out);min-height:48px;padding:.5rem 1.25rem;box-shadow:0 2px 8px #0b13290d}.catalog-header:focus-within{z-index:400!important}.catalog-header__search .search-input-container:focus-within{background:var(--color-paper-2);border-color:var(--color-cyan-raw);box-shadow:0 0 0 3px #00d4b838,0 6px 18px #0b132914}.catalog-header__search .search-input{color:var(--color-ink);padding:.35rem 0;font-size:16px}.catalog-header__search .search-input::placeholder{color:var(--color-ink-3);opacity:.85;font-size:.88rem}.catalog-header .search-results{background:var(--color-paper-2);border:1.5px solid var(--color-navy-raw);border-radius:var(--radius-lg,12px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:420px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 20px 48px #0b132940,0 8px 16px #0b13291f;z-index:99999!important}@media (max-width:640px){.catalog-header{padding:var(--space-lg) var(--space-md);margin-bottom:var(--space-lg)}.catalog-header__title{font-size:1.35rem}.catalog-header__desc{font-size:.82rem}.catalog-header__pills{gap:.35rem}.catalog-header__pill{padding:.18rem .5rem;font-size:.72rem}.catalog-header__search{margin-top:var(--space-sm)}.catalog-header__search .search-input-container{min-height:44px;padding:.4rem .95rem}.catalog-header__search .search-input{font-size:16px}.catalog-header__search .search-input::placeholder{font-size:.85rem}}