/* The same catalogue in eight-item pages, with exact-amount search. */
.catalog-search-bar{margin:18px 0 12px}
.catalog-search-bar .search-field{width:100%;max-width:none;min-height:46px;padding-left:14px;border-radius:12px;background:#070707;border:1px solid #303030}
.catalog-search-bar .search-field svg{width:18px;height:18px;color:#aaa}
.catalog-search-bar .search-field input{height:44px;min-width:0;padding-right:14px;font-size:15px;width:100%}
.catalog-ranges{display:flex;flex-wrap:wrap;gap:7px}
.catalog-ranges button{min-height:38px;padding:7px 12px;border:1px solid #2b2b2b;border-radius:10px;background:#080808;color:#aaa;font-size:14px;line-height:20px;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}
.catalog-ranges button:hover{background:#151515;border-color:#484848;color:#eee}
.catalog-ranges button.selected{background:#1a1a1a;border-color:#5b5b5b;color:#fff}
.catalog-ranges button:focus-visible{outline:2px solid #888;outline-offset:2px}
.catalog .catalog-filter{min-height:48px;padding-top:7px;padding-bottom:7px}
.catalog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.catalog-cards .bundle-row{display:flex;align-items:center;gap:10px;width:100%;min-height:86px;padding:14px 12px;border:1px solid #262626;border-radius:13px;background:#070707;text-align:left;overflow:hidden}
.catalog-cards .bundle-row.selected{background:#111;border-color:#5a5a5a;box-shadow:none}
.catalog-cards .bundle-row:hover{background:#111;border-color:#454545;box-shadow:none}
.catalog-cards .bundle-symbol{width:22px;flex-shrink:0;margin:0}
.catalog-cards .bundle-symbol svg{width:21px;height:21px}
.catalog-cards .bundle-name{flex:1;min-width:0}
.catalog-cards .bundle-name strong{font-size:17px;line-height:24px;white-space:nowrap;letter-spacing:-.3px}
.catalog-cards .bundle-name small{display:block;font-size:13px;line-height:20px;margin-top:4px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-cards .bundle-name b{display:none}
.catalog-cards .bundle-price{min-width:0;font-size:15px;flex-shrink:0;white-space:nowrap;color:#e8e8e8}
.catalog-cards .radio-dot{width:13px;height:13px;flex-shrink:0;margin:0}
.catalog-cards .empty-state{grid-column:1/-1;padding:45px 18px}
.catalog-cards .empty-state h3{font-size:19px}
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:12px 0;border-top:1px solid #262626;color:#999;font-size:14px}
.catalog-pagination>div{display:flex;align-items:center;gap:12px}
.catalog-pagination>div>span{min-width:40px;text-align:center;color:#d0d0d0;font-variant-numeric:tabular-nums}
.catalog-pagination button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;border:1px solid #303030;border-radius:11px;background:#0a0a0a;color:#ddd}
.catalog-pagination button:hover:not(:disabled){background:#171717;border-color:#5a5a5a}
.catalog-pagination button:disabled{opacity:.3;cursor:default}
.catalog-pagination button:first-child svg{transform:rotate(180deg)}
.catalog-pagination svg{width:17px;height:17px}
@media(min-width:821px) and (max-width:1220px){.catalog-cards{grid-template-columns:1fr}.catalog-cards .bundle-row{min-height:72px}}
@media(max-width:600px){
 .catalog-ranges{gap:6px}
 .catalog-ranges button{padding:7px 10px;font-size:13px;flex:1}
 .catalog-cards{gap:8px}
 .catalog-cards .bundle-row{min-height:90px;padding:11px 10px;gap:6px;flex-wrap:wrap}
 .catalog-cards .bundle-symbol{width:18px}
 .catalog-cards .bundle-symbol svg{width:18px;height:18px}
 .catalog-cards .bundle-name{flex:1;min-width:70px}
 .catalog-cards .bundle-name strong{font-size:16px;line-height:22px}
 .catalog-cards .bundle-name small{font-size:12px;line-height:18px;margin-top:2px}
 .catalog-cards .bundle-price{margin-left:24px;flex:1;font-size:14px}
 .catalog-cards .radio-dot{margin-right:1px}
 .catalog-pagination{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.catalog-ranges button{transition:none!important}}
.reduce-motion .catalog-ranges button{transition:none!important}

@media(max-width:600px){
 .catalog-cards .bundle-row{display:grid;grid-template-columns:18px minmax(0,1fr) 13px;grid-template-rows:auto auto;align-content:center;column-gap:6px;row-gap:4px}
 .catalog-cards .bundle-symbol{grid-column:1;grid-row:1;align-self:start;margin-top:3px}
 .catalog-cards .bundle-name{grid-column:2/4;grid-row:1;min-width:0;width:100%}
 .catalog-cards .bundle-price{grid-column:2;grid-row:2;justify-self:start;margin:0;min-width:max-content}
 .catalog-cards .radio-dot{grid-column:3;grid-row:2;justify-self:end;margin:0}
}