@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.page-wrap{padding-top:80px;padding-bottom:8px}
.page-hero{position:relative;
  border-radius:22px;
  overflow:hidden;
  padding:32px 22px 26px;
  background:
    radial-gradient(700px 320px at 50% 0%,rgba(124,58,237,.42),transparent 65%),
    radial-gradient(500px 300px at 85% 100%,rgba(168,85,247,.22),transparent 65%),
    linear-gradient(120deg,#0a0514 0%,#14082b 50%,#0a0514 100%);
  border:1px solid rgba(168,85,247,.28);
  box-shadow:0 30px 80px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);
  isolation:isolate;
  text-align:center;}
.page-hero::before{content:'';position:absolute;top:-80px;left:-80px;width:340px;height:340px;border-radius:50%;filter:blur(60px);background:radial-gradient(circle,rgba(168,85,247,.35),transparent 70%);pointer-events:none}
.page-hero::after{content:'';position:absolute;inset:-1px;border-radius:22px;background:linear-gradient(120deg,transparent 30%,rgba(196,181,253,.18) 50%,transparent 70%);background-size:250% 100%;animation:flow 9s linear infinite;pointer-events:none;z-index:0;opacity:.5}
.ph-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.ph-icon{width:56px;height:56px;border-radius:18px;
  background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(124,58,237,.12));
  border:1px solid rgba(196,181,253,.45);
  display:flex;align-items:center;justify-content:center;
  color:var(--v-soft);
  box-shadow:0 14px 34px rgba(124,58,237,.45),inset 0 1px 0 rgba(255,255,255,.15);
  margin-bottom:14px;
  position:relative;}
.ph-icon::before{content:'';position:absolute;inset:-6px;border-radius:22px;
  background:radial-gradient(circle,rgba(196,181,253,.4),transparent 65%);
  z-index:-1;filter:blur(10px);opacity:.7;}
.ph-icon svg{width:24px;height:24px;stroke-width:1.9}
.ph-title{font-size:clamp(22px,5vw,32px);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin-bottom:8px}
.ph-desc{font-size:12px;line-height:1.7;color:rgba(255,255,255,.55);max-width:440px}
.search-section{padding:0 var(--edge);margin-top:14px;position:sticky;top:calc(var(--edge) + 64px + 6px);z-index:40}
.search-main{border-radius:20px;
  background:rgba(10,5,20,.94);
  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  border:1px solid rgba(168,85,247,.3);
  box-shadow:0 22px 60px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);
  padding:8px;
  display:flex;align-items:center;gap:8px;
  position:relative;
  overflow:hidden;}
.search-main::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;
  background:linear-gradient(90deg,transparent,var(--v-soft),transparent);
  opacity:.6;}
.search-field{flex:1;min-width:0;
  display:flex;align-items:center;gap:10px;
  padding:0 6px;}
.search-field-icon{width:38px;height:38px;border-radius:12px;
  background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(124,58,237,.08));
  border:1px solid rgba(196,181,253,.35);
  display:flex;align-items:center;justify-content:center;
  color:var(--v-soft);flex-shrink:0;
  box-shadow:0 6px 16px rgba(124,58,237,.25);}
.search-field-icon svg{width:17px;height:17px;stroke-width:2}
.search-input{flex:1;min-width:0;
  height:44px;
  background:transparent;
  border:0;
  color:#fff;
  font-size:13.5px;
  font-weight:600;
  padding:0 4px;}
.search-input::placeholder{color:rgba(255,255,255,.4);font-weight:500}
.search-btn-clear{width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  display:none;align-items:center;justify-content:center;
  color:rgba(255,255,255,.65);
  transition:.25s;
  flex-shrink:0;}
.search-btn-clear.show{display:flex}
.search-btn-clear:hover{background:rgba(168,85,247,.2);color:#fff;transform:scale(1.06)}
.search-btn-clear svg{width:14px;height:14px;stroke-width:2.5}
.search-submit{height:44px;padding:0 20px;
  border-radius:14px;
  background:var(--grad);background-size:220% 100%;
  animation:flow 4s linear infinite;
  color:#0a0514;
  font-size:12.5px;
  font-weight:900;
  display:inline-flex;align-items:center;gap:7px;
  box-shadow:0 10px 26px rgba(168,85,247,.5),inset 0 1px 0 rgba(255,255,255,.35);
  transition:.3s cubic-bezier(.34,1.4,.64,1);
  flex-shrink:0;}
.search-submit:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(168,85,247,.75)}
.search-submit svg{width:14px;height:14px}
.suggest-panel{position:absolute;
  top:calc(100% + 6px);
  left:0;right:0;
  background:rgba(15,8,28,.98);
  backdrop-filter:blur(30px);
  border:1px solid rgba(168,85,247,.35);
  border-radius:18px;
  padding:8px;
  box-shadow:0 28px 70px rgba(0,0,0,.95);
  z-index:60;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:.25s cubic-bezier(.34,1.4,.64,1);
  max-height:400px;
  overflow-y:auto;}
.suggest-panel.show{opacity:1;visibility:visible;transform:translateY(0)}
.suggest-panel::-webkit-scrollbar{width:4px}
.suggest-panel::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:99px}
.suggest-item{display:flex;align-items:center;gap:12px;
  padding:11px 12px;
  border-radius:12px;
  font-size:13px;font-weight:600;
  color:rgba(255,255,255,.75);
  text-align:right;
  width:100%;
  transition:.2s;}
.suggest-item:hover,.suggest-item.highlight{background:rgba(168,85,247,.14);color:#fff}
.suggest-item:hover .sug-arrow,.suggest-item.highlight .sug-arrow{opacity:1;transform:translateX(-3px)}
.sug-icon{width:30px;height:30px;border-radius:9px;
  background:rgba(168,85,247,.1);
  border:1px solid rgba(168,85,247,.2);
  display:flex;align-items:center;justify-content:center;
  color:var(--v-soft);flex-shrink:0;}
.sug-icon svg{width:13px;height:13px;stroke-width:2.2}
.sug-text{flex:1;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug-text b{color:var(--v-soft);font-weight:900}
.sug-arrow{color:var(--v-soft);
  opacity:.4;
  transition:.25s;
  flex-shrink:0;
  display:flex;align-items:center;}
.sug-arrow svg{width:12px;height:12px}
.suggest-label{padding:10px 12px 6px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
  color:rgba(196,181,253,.65);
  display:flex;align-items:center;gap:8px;}
.suggest-label::before{content:'';width:12px;height:1px;background:var(--v-soft);opacity:.6}
.quick-tabs{padding:0 var(--edge);
  margin-top:16px;}
.qtabs-bar{display:flex;gap:4px;
  padding:6px;
  border-radius:18px;
  background:rgba(20,10,40,.6);
  backdrop-filter:blur(20px);
  border:1px solid rgba(168,85,247,.22);
  overflow-x:auto;
  scrollbar-width:none;
  position:relative;}
.qtabs-bar::-webkit-scrollbar{display:none}
.qtabs-bar::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;
  background:linear-gradient(90deg,transparent,var(--v-soft),transparent);
  opacity:.5;}
.qtab{flex:1;min-width:max-content;
  height:42px;padding:0 16px;
  border-radius:12px;
  font-size:12px;font-weight:800;
  color:rgba(255,255,255,.6);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  transition:.3s cubic-bezier(.34,1.4,.64,1);
  white-space:nowrap;}
.qtab:hover{color:#fff;background:rgba(168,85,247,.1)}
.qtab.active{background:var(--grad);background-size:220% 100%;animation:flow 4s linear infinite;
  color:#0a0514;
  box-shadow:0 8px 22px rgba(168,85,247,.5),inset 0 1px 0 rgba(255,255,255,.35);}
.qtab svg{width:14px;height:14px;stroke-width:2.2}
.qtab .tab-count{display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;border-radius:99px;
  font-size:10px;font-weight:900;
  background:rgba(10,5,20,.3);color:#fff;}
.qtab.active .tab-count{background:rgba(10,5,20,.25);color:#0a0514}
.discover{padding:0 var(--edge);margin-top:24px;display:block}
.discover.hidden{display:none}
.disc-card{border-radius:20px;
  background:linear-gradient(180deg,rgba(20,10,40,.7),rgba(10,5,20,.95));
  border:1px solid rgba(168,85,247,.22);
  box-shadow:0 18px 50px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);
  padding:20px;
  position:relative;
  overflow:hidden;
  margin-bottom:14px;}
.disc-card::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;
  background:linear-gradient(90deg,transparent,var(--v-soft),transparent);
  opacity:.5;}
.disc-head{display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:14px;}
.disc-title{display:flex;align-items:center;gap:10px;
  font-size:14px;font-weight:900;color:#fff;}
.disc-title-icon{width:32px;height:32px;border-radius:10px;
  background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(124,58,237,.08));
  border:1px solid rgba(196,181,253,.35);
  display:flex;align-items:center;justify-content:center;
  color:var(--v-soft);flex-shrink:0;}
.disc-title-icon svg{width:15px;height:15px;stroke-width:2}
.disc-action{font-size:10.5px;font-weight:800;
  color:var(--v-soft);
  padding:6px 12px;border-radius:99px;
  background:rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.25);
  transition:.25s;}
.disc-action:hover{background:rgba(168,85,247,.2);border-color:rgba(196,181,253,.55);color:#fff}
.recent-list{display:flex;flex-direction:column;gap:6px}
.recent-item{display:flex;align-items:center;gap:10px;
  padding:11px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.05);
  transition:.25s;
  text-align:right;
  width:100%;
  font-size:12.5px;
  font-weight:600;
  color:rgba(255,255,255,.75);}
.recent-item:hover{background:rgba(168,85,247,.12);border-color:rgba(196,181,253,.4);color:#fff;transform:translateX(-4px)}
.recent-item .recent-icon{width:26px;height:26px;border-radius:50%;
  background:rgba(168,85,247,.12);
  border:1px solid rgba(168,85,247,.25);
  display:flex;align-items:center;justify-content:center;
  color:var(--v-soft);flex-shrink:0;}
.recent-item .recent-icon svg{width:12px;height:12px;stroke-width:2}
.recent-item .recent-text{flex:1;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-item .remove-btn{width:26px;height:26px;border-radius:50%;
  background:rgba(255,255,255,.04);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.4);
  transition:.25s;flex-shrink:0;}
.recent-item .remove-btn:hover{background:rgba(239,68,68,.2);color:#fca5a5}
.recent-item .remove-btn svg{width:11px;height:11px;stroke-width:2.5}
.trending-tags{display:flex;gap:8px;flex-wrap:wrap}
.trend-tag{height:34px;padding:0 14px;border-radius:99px;
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:700;
  color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  transition:.3s cubic-bezier(.34,1.4,.64,1);
  cursor:pointer;}
.trend-tag:hover{background:linear-gradient(120deg,rgba(168,85,247,.25),rgba(124,58,237,.1));
  border-color:rgba(196,181,253,.55);color:#fff;
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(124,58,237,.35);}
.trend-tag .trend-arrow{display:inline-flex;align-items:center;
  color:var(--v-soft);opacity:.7;}
.trend-tag .trend-arrow svg{width:11px;height:11px;stroke-width:2.5}
.trend-tag .trend-num{font-size:9px;
  color:rgba(196,181,253,.6);
  font-weight:800;}
.pop-cats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
@media(min-width:640px){.pop-cats-grid{grid-template-columns:repeat(4,1fr);gap:10px}}
.pop-cat{display:flex;align-items:center;gap:10px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  text-align:right;
  transition:.3s cubic-bezier(.34,1.4,.64,1);
  cursor:pointer;}
.pop-cat:hover{background:linear-gradient(120deg,rgba(168,85,247,.16),rgba(124,58,237,.04));
  border-color:rgba(196,181,253,.45);
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(124,58,237,.3);}
.pop-cat-icon{width:36px;height:36px;border-radius:11px;
  background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(124,58,237,.08));
  border:1px solid rgba(196,181,253,.3);
  display:flex;align-items:center;justify-content:center;
  color:var(--v-soft);flex-shrink:0;
  box-shadow:0 6px 16px rgba(124,58,237,.25);}
.pop-cat-icon svg{width:16px;height:16px;stroke-width:1.9}
.pop-cat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pop-cat-info b{font-size:11.5px;font-weight:800;color:#fff;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop-cat-info span{font-size:9.5px;color:rgba(196,181,253,.6);font-weight:600;line-height:1.1}
.results-section{padding:0 var(--edge);margin-top:20px;display:none}
.results-section.show{display:block}
.results-head{display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;
  padding:0 4px;margin-bottom:14px;}
.results-info{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.55);font-weight:500}
.results-info b{font-size:15px;font-weight:900;color:#fff}
.results-info .dot{width:4px;height:4px;border-radius:50%;background:var(--v-soft);box-shadow:0 0 8px var(--v-soft)}
.results-info .q{color:var(--v-soft);font-weight:800}
.results-sort{display:flex;align-items:center;gap:8px;}
.results-sort-label{font-size:10px;letter-spacing:.16em;color:rgba(196,181,253,.7);font-weight:700}
.results-select{height:36px;padding:0 32px 0 14px;
  border-radius:11px;
  background:rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.25);
  color:#fff;font-size:11px;font-weight:700;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;
  background-position:left 12px center;
  transition:.2s;
  outline:none;}
.results-select:hover,.results-select:focus{border-color:rgba(196,181,253,.55);background-color:rgba(168,85,247,.15)}
.results-select option{background:#14082b;color:#fff}
.products-grid{display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;}
@media(min-width:640px){.products-grid{grid-template-columns:repeat(3,1fr);gap:12px}}
@media(min-width:900px){.products-grid{grid-template-columns:repeat(4,1fr);gap:14px}}
@media(min-width:1200px){.products-grid{grid-template-columns:repeat(5,1fr)}}
.prod{position:relative;
  border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(20,10,40,.7),rgba(10,5,20,.98));
  border:1px solid rgba(255,255,255,.09);
  transition:.4s cubic-bezier(.34,1.4,.64,1);
  padding-bottom:52px;
  animation:fadeUp .55s cubic-bezier(.16,1,.3,1) both;
  display:flex;flex-direction:column;
  text-align:right;
  cursor:pointer;}
.prod:hover{border-color:rgba(196,181,253,.5);transform:translateY(-5px);box-shadow:0 28px 60px rgba(0,0,0,.85),0 0 40px rgba(124,58,237,.25)}
.prod-img-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#0a0514;flex-shrink:0}
.prod-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,5,20,.75),rgba(10,5,20,.05) 40%,transparent)}
.prod-tag{position:absolute;top:9px;right:9px;
  height:20px;padding:0 9px;border-radius:99px;
  background:rgba(10,5,20,.78);
  backdrop-filter:blur(12px);
  border:1px solid rgba(168,85,247,.4);
  font-size:7px;font-weight:800;letter-spacing:.13em;
  color:var(--v-soft);display:flex;align-items:center;
  box-shadow:0 4px 14px rgba(0,0,0,.5);z-index:2;}
.prod-fav{position:absolute;top:9px;left:9px;
  width:30px;height:30px;border-radius:50%;
  background:rgba(10,5,20,.72);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:#fff;transition:.25s;z-index:2;}
.prod-fav svg{width:13px;height:13px}
.prod-info{padding:10px 10px 0;flex:1;display:flex;flex-direction:column}
.prod-name{font-size:12px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px}
.prod-rating{display:flex;align-items:center;gap:5px;font-size:10px;margin-bottom:6px}
.prod-stars{display:inline-flex;gap:1px;align-items:center}
.prod-stars svg{width:11px;height:11px;fill:var(--star);stroke:var(--star);stroke-width:1.2}
.prod-stars svg.empty{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.18)}
.prod-rating b{color:#fff;font-weight:900;font-size:10.5px}
.prod-rating i{color:rgba(255,255,255,.4);font-style:normal;font-size:9.5px;font-weight:600}
.prod-price{font-size:13px;font-weight:900;white-space:nowrap}
.prod-price small{font-size:9px;font-weight:700;color:rgba(196,181,253,.75);margin-right:2px}
.prod-add{position:absolute;bottom:10px;left:10px;right:10px;
  height:34px;border-radius:99px;
  font-size:10px;font-weight:900;color:#0a0514;
  display:flex;align-items:center;justify-content:center;gap:5px;
  box-shadow:0 10px 22px rgba(168,85,247,.45);
  transition:.3s cubic-bezier(.34,1.4,.64,1);}
.articles-grid{display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:640px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(min-width:900px){.articles-grid{grid-template-columns:repeat(3,1fr)}}
.article-card{display:block;
  border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(20,10,40,.65),rgba(10,5,20,.98));
  border:1px solid rgba(255,255,255,.08);
  transition:.4s cubic-bezier(.34,1.4,.64,1);
  cursor:pointer;text-align:right;
  animation:fadeUp .55s cubic-bezier(.16,1,.3,1) both;
  position:relative;
  isolation:isolate;
  width:100%;}
.article-card:hover{border-color:rgba(196,181,253,.5);transform:translateY(-5px);box-shadow:0 28px 60px rgba(0,0,0,.85),0 0 40px rgba(124,58,237,.22)}
.article-card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0a0514}
.article-card-img img{width:100%;height:100%;object-fit:cover;transition:1s cubic-bezier(.16,1,.3,1)}
.article-card:hover .article-card-img img{transform:scale(1.08)}
.article-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,5,20,.7),transparent 50%)}
.article-card-cat{position:absolute;top:10px;right:10px;
  height:20px;padding:0 9px;border-radius:99px;
  background:rgba(10,5,20,.78);
  backdrop-filter:blur(12px);
  border:1px solid rgba(168,85,247,.4);
  font-size:7.5px;font-weight:800;letter-spacing:.13em;
  color:var(--v-soft);display:flex;align-items:center;z-index:2;}
.article-card-body{padding:14px}
.article-card-title{font-size:13.5px;font-weight:900;line-height:1.35;
  color:#fff;margin-bottom:8px;
  overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;
  min-height:37px;}
.article-card-excerpt{font-size:11px;line-height:1.65;
  color:rgba(255,255,255,.55);
  margin-bottom:10px;
  overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.article-card-meta{display:flex;align-items:center;gap:8px;
  padding-top:10px;border-top:1px solid rgba(255,255,255,.06);
  font-size:10px;color:rgba(255,255,255,.45);font-weight:600;}
.article-card-meta svg{width:10px;height:10px;color:var(--v-soft);stroke-width:2.2}
.article-card-meta .sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2)}
.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
@media(min-width:640px){.categories-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.categories-grid{grid-template-columns:repeat(4,1fr)}}
.cat-card{position:relative;
  border-radius:18px;overflow:hidden;
  background:#0a0514;
  border:1px solid rgba(168,85,247,.2);
  transition:.4s cubic-bezier(.34,1.4,.64,1);
  aspect-ratio:1.4/1;
  cursor:pointer;
  text-align:right;
  width:100%;
  isolation:isolate;
  animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both;}
.cat-card:hover{border-color:rgba(196,181,253,.6);transform:translateY(-4px);box-shadow:0 22px 50px rgba(0,0,0,.85),0 0 40px rgba(124,58,237,.3)}
.cat-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.cat-card:hover .cat-bg img{transform:scale(1.1)}
.cat-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#0a0514 0%,rgba(10,5,20,.85) 45%,rgba(10,5,20,.3) 100%)}
.cat-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:14px}
.cat-name{font-size:13px;font-weight:900;color:#fff;line-height:1.2;margin-bottom:4px}
.cat-count{display:inline-flex;align-items:center;gap:4px;
  font-size:9.5px;color:var(--v-soft);font-weight:700;}
.cat-count b{color:#fff;font-weight:900}
.empty-state{padding:60px 20px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:14px;}
.empty-icon{width:76px;height:76px;border-radius:24px;
  background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(124,58,237,.05));
  border:1px solid rgba(168,85,247,.3);
  display:flex;align-items:center;justify-content:center;
  color:var(--v-soft);box-shadow:0 14px 30px rgba(124,58,237,.3);}
.empty-icon svg{width:32px;height:32px;stroke-width:1.6}
.empty-state h3{font-size:18px;font-weight:900;color:#fff}
.empty-state p{font-size:12.5px;color:rgba(255,255,255,.55);max-width:340px;line-height:1.85}
.empty-suggestions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;
  margin-top:8px;max-width:420px;}
.empty-suggestion{height:30px;padding:0 13px;border-radius:99px;
  background:rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.25);
  font-size:11px;font-weight:700;
  color:var(--v-soft);
  display:inline-flex;align-items:center;
  transition:.25s;}
.empty-suggestion:hover{background:rgba(168,85,247,.22);border-color:rgba(196,181,253,.55);color:#fff}
.load-more-wrap{margin-top:28px;display:flex;justify-content:center;padding:0 12px}
.load-more{height:48px;padding:0 28px;border-radius:99px;
  font-size:12.5px;font-weight:900;
  color:var(--v-soft);
  background:rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.35);
  display:inline-flex;align-items:center;gap:9px;
  transition:.3s cubic-bezier(.34,1.4,.64,1);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 34px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);}
.load-more:hover{background:rgba(168,85,247,.2);border-color:rgba(196,181,253,.65);color:#fff;transform:translateY(-3px);box-shadow:0 18px 44px rgba(124,58,237,.5)}
.load-more svg{width:14px;height:14px;transition:.3s}
.load-more:hover svg{transform:translateY(3px)}
.load-more .progress-info{font-size:10px;color:rgba(196,181,253,.7);font-weight:700;letter-spacing:.14em}
@media(max-width:820px){.page-wrap{padding-top:76px}.page-hero{padding:26px 18px 22px}.ph-icon{width:50px;height:50px;margin-bottom:12px}.ph-icon svg{width:22px;height:22px}.ph-title{font-size:clamp(20px,6vw,26px)}.search-main{padding:6px}.search-field{padding:0 4px;gap:8px}.search-field-icon{width:34px;height:34px}.search-field-icon svg{width:15px;height:15px}.search-input{font-size:12.5px;height:40px}.search-submit{padding:0 14px;font-size:11.5px;height:40px}.search-submit span{display:none}.qtab{height:38px;padding:0 12px;font-size:11px}.discover,.results-section{margin-top:18px}.disc-card{padding:16px}.popular-cats-grid,.pop-cats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.page-hero{padding:22px 14px 20px}.ph-title{font-size:22px}.disc-card{padding:14px}.recent-item{font-size:11.5px;padding:10px}.trend-tag{height:30px;padding:0 11px;font-size:10.5px}}