:root {
  --catalog-bg: #06131f;
  --catalog-bg-deep: #030b13;
  --catalog-surface: #0a1c2a;
  --catalog-surface-2: #102636;
  --catalog-line: rgba(240, 180, 60, .20);
  --catalog-line-strong: rgba(240, 180, 60, .62);
  --catalog-gold: #f0b43c;
  --catalog-gold-soft: #ffd36d;
  --catalog-text: #f5f8fa;
  --catalog-muted: #91a6b5;
  --catalog-success: #48d59a;
  --catalog-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.catalog-archive-page { margin: 0; overflow-x: hidden; background: var(--catalog-bg); color: var(--catalog-text); font-family: "Vazirmatn Variable", "Vazirmatn", "Vazir", Tahoma, Arial, sans-serif; }
body.catalog-archive-page a { color: inherit; text-decoration: none; }
body.catalog-archive-page button, body.catalog-archive-page input, body.catalog-archive-page select { font: inherit; }
.catalog-container { width: min(calc(100% - 40px), var(--catalog-container)); margin-inline: auto; }

.catalog-archive-ssr { min-height: 70vh; padding: 90px 24px; background: var(--catalog-bg); }
.catalog-archive-ssr > section { max-width: var(--catalog-container); margin: auto; }
.catalog-archive-ssr > section > span { color: var(--catalog-gold); }
.catalog-archive-ssr h1 { font-size: clamp(30px, 4vw, 54px); }
.catalog-archive-ssr p { color: var(--catalog-muted); }
.catalog-noscript-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.catalog-noscript-grid article { padding: 14px; border: 1px solid var(--catalog-line); border-radius: 18px; background: var(--catalog-surface); }
.catalog-noscript-grid img { width: 100%; height: 210px; object-fit: cover; border-radius: 13px; }
.catalog-noscript-grid a { color: var(--catalog-gold-soft); }
#catalog-archive-root:not(:empty) .catalog-archive-ssr { display: none; }

.catalog-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 520px;
  padding: 70px 0 64px;
  border-bottom: 1px solid rgba(255,255,255,.055);
  background:
    radial-gradient(circle at 16% 30%, rgba(240,180,60,.15), transparent 26%),
    radial-gradient(circle at 86% 18%, rgba(42,134,189,.10), transparent 28%),
    linear-gradient(135deg, #071724 0%, #06131f 58%, #040d16 100%);
}
.catalog-hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.18; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
.catalog-hero::after { content:""; position:absolute; width:520px; height:520px; left:-180px; bottom:-300px; z-index:-1; border:1px solid rgba(240,180,60,.22); border-radius:50%; box-shadow:0 0 0 60px rgba(240,180,60,.025),0 0 0 120px rgba(240,180,60,.018); }
.catalog-hero__inner { display:grid; grid-template-columns:minmax(0,1fr) 430px; gap:50px; align-items:end; }
.catalog-breadcrumb { grid-column:1/-1; display:flex; align-items:center; gap:8px; color:#7f95a4; font-size:12px; }
.catalog-breadcrumb a:hover { color:var(--catalog-gold-soft); }
.catalog-hero__copy { max-width:700px; }
.catalog-eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--catalog-gold-soft); font-size:13px; font-weight:900; }
.catalog-hero h1 { max-width:760px; margin:16px 0 15px; font-size:clamp(38px,5vw,66px); line-height:1.35; letter-spacing:-1.8px; }
.catalog-hero__copy > p { max-width:680px; margin:0; color:#a4b4bf; font-size:15px; line-height:2.1; }
.catalog-stat-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.catalog-stat-grid article { min-height:92px; padding:17px; display:flex; align-items:center; gap:13px; border:1px solid rgba(255,255,255,.075); border-radius:15px; background:linear-gradient(145deg,rgba(16,39,56,.88),rgba(8,25,38,.88)); box-shadow:0 14px 35px rgba(0,0,0,.13); }
.catalog-stat-grid article > span { width:43px; height:43px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(240,180,60,.28); border-radius:12px; color:var(--catalog-gold); background:rgba(240,180,60,.065); }
.catalog-stat-grid strong,.catalog-stat-grid small { display:block; }
.catalog-stat-grid strong { font-size:21px; }
.catalog-stat-grid small { margin-top:3px; color:var(--catalog-muted); font-size:10px; }

.catalog-featured { padding:55px 0 22px; background:linear-gradient(180deg,#071724,var(--catalog-bg)); }
.catalog-section-heading,.catalog-results__head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.catalog-section-heading > div > span,.catalog-results__head > div > span { display:flex; align-items:center; gap:7px; color:var(--catalog-gold); font-size:11px; font-weight:900; }
.catalog-section-heading h2,.catalog-results__head h2 { margin:6px 0 0; font-size:28px; }
.catalog-section-heading > a { min-height:42px; padding:0 14px; display:inline-flex; align-items:center; gap:8px; border:1px solid var(--catalog-line); border-radius:10px; color:var(--catalog-gold-soft); font-size:11px; font-weight:900; }
.catalog-section-heading > a:hover { border-color:var(--catalog-line-strong); background:rgba(240,180,60,.06); }
.catalog-featured__grid { display:grid; grid-template-columns:1.35fr .825fr .825fr; grid-template-rows:360px; gap:14px; }
.catalog-featured-card { position:relative; min-width:0; overflow:hidden; border:1px solid var(--catalog-line); border-radius:19px; background:#0a1b29; box-shadow:0 18px 45px rgba(0,0,0,.18); }
.catalog-featured-card img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; }
.catalog-featured-card:hover img { transform:scale(1.035); }
.catalog-featured-card__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,8,13,.08),rgba(2,8,13,.18) 35%,rgba(2,8,13,.92)); }
.catalog-featured-card__rank { position:absolute; top:14px; left:14px; width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(255,211,109,.55); border-radius:12px; color:#07121c; background:linear-gradient(135deg,var(--catalog-gold-soft),#df9f26); font-size:12px; font-weight:900; }
.catalog-featured-card__content { position:absolute; inset:auto 18px 18px; }
.catalog-featured-card__content small { color:var(--catalog-gold-soft); font-size:10px; font-weight:900; }
.catalog-featured-card__content h3 { margin:5px 0 4px; font-size:19px; }
.catalog-featured-card.is-primary .catalog-featured-card__content h3 { font-size:27px; }
.catalog-featured-card__content p { margin:0; color:#b1c0ca; font-size:11px; }
.catalog-featured-card__rating { position:absolute; top:15px; right:15px; min-height:31px; padding:0 9px; display:flex; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.13); border-radius:9px; color:var(--catalog-gold-soft); background:rgba(3,12,19,.68); backdrop-filter:blur(8px); font-size:11px; font-weight:900; }

.catalog-results { padding:62px 0 75px; background:var(--catalog-bg); }
.catalog-results__head p { margin:5px 0 0; color:var(--catalog-muted); font-size:12px; }
.catalog-toolbar { position:sticky; top:82px; z-index:45; margin-bottom:13px; padding:10px; display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:10px; border:1px solid rgba(255,255,255,.075); border-radius:16px; background:rgba(7,23,36,.92); backdrop-filter:blur(15px); box-shadow:0 16px 40px rgba(0,0,0,.18); }
.catalog-search { min-width:0; height:50px; padding:0 7px 0 7px; display:grid; grid-template-columns:31px minmax(0,1fr) auto; align-items:center; gap:4px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:#061522; color:var(--catalog-gold); }
.catalog-search input { width:100%; height:100%; border:0; outline:0; background:transparent; color:var(--catalog-text); }
.catalog-search input::placeholder { color:#708694; }
.catalog-search button { height:38px; padding:0 17px; border:0; border-radius:8px; color:#07131e; background:linear-gradient(135deg,var(--catalog-gold-soft),#e3a32c); font-weight:900; cursor:pointer; }
.catalog-sort { min-width:0; height:50px; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:7px; padding:0 11px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:#0a1e2d; }
.catalog-sort > span { display:flex; align-items:center; gap:5px; color:#92a6b4; font-size:10px; }
.catalog-sort select { width:100%; height:100%; border:0; outline:0; color:var(--catalog-text); background:transparent; cursor:pointer; }
.catalog-sort option { color:#fff; background:#0b1c2a; }
.catalog-facets { display:flex; gap:8px; overflow-x:auto; padding:3px 1px 15px; scrollbar-width:thin; scrollbar-color:rgba(240,180,60,.25) transparent; }
.catalog-facets button { min-width:max-content; height:40px; padding:0 14px; display:flex; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.075); border-radius:10px; color:#a8b7c1; background:#0a1c2a; cursor:pointer; }
.catalog-facets button small { min-width:24px; height:22px; padding:0 6px; display:grid; place-items:center; border-radius:7px; color:#8ea1ae; background:rgba(255,255,255,.045); font-size:9px; }
.catalog-facets button:hover,.catalog-facets button:focus-visible { border-color:rgba(240,180,60,.35); color:#fff; outline:0; }
.catalog-facets button.is-active { border-color:rgba(240,180,60,.65); color:#07131e; background:linear-gradient(135deg,var(--catalog-gold-soft),#dfa028); box-shadow:0 9px 24px rgba(240,180,60,.15); }
.catalog-facets button.is-active small { color:#07131e; background:rgba(5,15,24,.12); }

.catalog-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.catalog-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.075); border-radius:19px; background:linear-gradient(180deg,var(--catalog-surface-2),var(--catalog-surface)); box-shadow:0 15px 40px rgba(0,0,0,.15); transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease; }
.catalog-card:hover { transform:translateY(-3px); border-color:rgba(240,180,60,.48); box-shadow:0 24px 55px rgba(0,0,0,.24); }
.catalog-card__media { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#102738; }
.catalog-card__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .42s ease; }
.catalog-card:hover .catalog-card__media img { transform:scale(1.035); }
.catalog-card__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,10,16,.06),rgba(3,10,16,.18) 45%,rgba(3,10,16,.86)); }
.catalog-card__eyebrow { position:absolute; top:12px; right:12px; min-height:29px; padding:0 9px; display:flex; align-items:center; gap:5px; border:1px solid rgba(255,255,255,.14); border-radius:8px; color:#f7d57d; background:rgba(3,13,21,.72); backdrop-filter:blur(8px); font-size:9px; font-weight:900; }
.catalog-card__count { position:absolute; right:14px; bottom:13px; display:flex; align-items:baseline; gap:5px; }
.catalog-card__count strong { color:#fff; font-size:23px; }
.catalog-card__count small { color:#c0cbd2; font-size:10px; }
.catalog-card__body { flex:1; padding:17px; display:flex; flex-direction:column; }
.catalog-card__body header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.catalog-card__body header > div { min-width:0; }
.catalog-card__body header small { color:var(--catalog-gold); font-size:9px; font-weight:900; }
.catalog-card__body h3 { margin:4px 0 0; font-size:20px; line-height:1.6; }
.catalog-card__body h3 a:hover { color:var(--catalog-gold-soft); }
.catalog-card__rating { min-height:31px; padding:0 8px; flex:0 0 auto; display:flex; align-items:center; gap:5px; border:1px solid rgba(240,180,60,.18); border-radius:8px; color:var(--catalog-gold-soft); background:rgba(240,180,60,.055); font-size:10px; font-weight:900; }
.catalog-card__body > p { min-height:54px; margin:10px 0 13px; color:#97aab7; font-size:11px; line-height:1.9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.catalog-card__metrics { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.catalog-card__metrics span { min-height:39px; padding:0 9px; display:flex; align-items:center; gap:6px; border:1px solid rgba(255,255,255,.055); border-radius:9px; color:#8fa4b2; background:rgba(255,255,255,.02); font-size:9px; }
.catalog-card__metrics svg { color:var(--catalog-gold); }
.catalog-card__metrics b { color:#dce5ea; }
.catalog-card__tags { margin-top:13px; padding-top:12px; border-top:1px solid rgba(255,255,255,.06); }
.catalog-card__tags > small { display:block; margin-bottom:8px; color:#718896; font-size:9px; }
.catalog-card__tags > div { min-height:28px; display:flex; flex-wrap:wrap; gap:5px; }
.catalog-card__tags span { padding:5px 8px; border:1px solid rgba(240,180,60,.10); border-radius:7px; color:#aebcc5; background:rgba(240,180,60,.035); font-size:8px; }
.catalog-card__tags b { color:var(--catalog-gold-soft); }
.catalog-card__cta { min-height:45px; margin-top:auto; padding:0 13px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid rgba(240,180,60,.24); border-radius:10px; color:#f5c75d; background:linear-gradient(135deg,rgba(240,180,60,.08),rgba(240,180,60,.025)); font-size:10px; font-weight:900; }
.catalog-card__cta:hover { color:#07131e; background:linear-gradient(135deg,var(--catalog-gold-soft),#dda027); }

.catalog-pagination { margin-top:27px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; }
.catalog-pagination button { min-width:41px; height:41px; padding:0 11px; border:1px solid rgba(255,255,255,.08); border-radius:9px; color:#aebdc6; background:#0a1d2c; cursor:pointer; }
.catalog-pagination button:hover:not(:disabled),.catalog-pagination button.is-active { border-color:rgba(240,180,60,.54); color:#07131e; background:var(--catalog-gold); }
.catalog-pagination button:disabled { opacity:.35; cursor:not-allowed; }
.catalog-pagination span { color:#6f8390; }
.catalog-empty,.catalog-error { min-height:330px; padding:50px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed rgba(240,180,60,.22); border-radius:18px; color:#8196a4; background:rgba(255,255,255,.018); }
.catalog-empty svg,.catalog-error svg { color:var(--catalog-gold); }
.catalog-empty h3,.catalog-error h3 { margin:14px 0 5px; color:#eef4f7; font-size:20px; }
.catalog-empty p,.catalog-error p { margin:0 0 16px; }
.catalog-empty button,.catalog-error button { min-height:42px; padding:0 15px; border:0; border-radius:9px; color:#07131e; background:var(--catalog-gold); font-weight:900; cursor:pointer; }

.catalog-skeleton { min-height:540px; }
.catalog-skeleton .sk-media,.catalog-skeleton div i { position:relative; display:block; overflow:hidden; background:#102737; }
.catalog-skeleton .sk-media::after,.catalog-skeleton div i::after { content:""; position:absolute; inset:0; transform:translateX(100%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent); animation:catalog-shimmer 1.2s infinite; }
.catalog-skeleton .sk-media { aspect-ratio:16/10; }
.catalog-skeleton > div { padding:17px; }
.catalog-skeleton div i { height:14px; margin-bottom:12px; border-radius:7px; }
.catalog-skeleton div i:nth-child(1) { width:55%; height:22px; }
.catalog-skeleton div i:nth-child(2) { width:90%; }
.catalog-skeleton div i:nth-child(3) { width:100%; height:54px; }
.catalog-skeleton div i:nth-child(4) { width:100%; height:45px; margin-top:90px; }
@keyframes catalog-shimmer { to { transform:translateX(-100%); } }

.catalog-trust { padding:0 0 72px; background:var(--catalog-bg); }
.catalog-trust__grid { overflow:hidden; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid rgba(240,180,60,.14); border-radius:17px; background:linear-gradient(90deg,#0b2131,#071724); }
.catalog-trust article { min-height:100px; padding:20px; display:flex; align-items:center; gap:13px; border-inline-end:1px solid rgba(255,255,255,.055); }
.catalog-trust article:last-child { border-inline-end:0; }
.catalog-trust article > span { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(240,180,60,.24); border-radius:14px; color:var(--catalog-gold); background:rgba(240,180,60,.055); }
.catalog-trust strong,.catalog-trust small { display:block; }
.catalog-trust strong { font-size:12px; }
.catalog-trust small { margin-top:4px; color:#8399a7; font-size:9px; line-height:1.7; }

@media (max-width:1100px) {
  .catalog-hero__inner { grid-template-columns:1fr 380px; gap:30px; }
  .catalog-featured__grid { grid-template-columns:1.25fr 1fr; grid-template-rows:320px 250px; }
  .catalog-featured-card.is-primary { grid-row:1/3; }
  .catalog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-trust__grid { grid-template-columns:1fr 1fr; }
  .catalog-trust article:nth-child(2) { border-inline-end:0; }
  .catalog-trust article:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.055); }
}
@media (max-width:820px) {
  .catalog-container { width:min(calc(100% - 26px),var(--catalog-container)); }
  .catalog-hero { min-height:auto; padding:44px 0 48px; }
  .catalog-hero__inner { grid-template-columns:1fr; align-items:start; }
  .catalog-hero h1 { font-size:clamp(34px,8vw,50px); }
  .catalog-stat-grid { width:100%; grid-template-columns:repeat(4,minmax(150px,1fr)); overflow-x:auto; padding-bottom:7px; }
  .catalog-featured__grid { grid-template-columns:1fr 1fr; grid-template-rows:350px 235px; }
  .catalog-featured-card.is-primary { grid-column:1/3; grid-row:auto; }
  .catalog-featured-card.is-primary .catalog-featured-card__content h3 { font-size:23px; }
  .catalog-toolbar { top:70px; grid-template-columns:1fr; }
  .catalog-sort { grid-template-columns:120px 1fr; }
}
@media (max-width:620px) {
  .catalog-hero { padding-top:32px; }
  .catalog-breadcrumb { font-size:10px; }
  .catalog-eyebrow { font-size:11px; }
  .catalog-hero h1 { margin-top:12px; font-size:32px; letter-spacing:-1px; }
  .catalog-hero__copy > p { font-size:12px; }
  .catalog-stat-grid { grid-template-columns:repeat(4,150px); }
  .catalog-stat-grid article { min-height:80px; padding:12px; }
  .catalog-featured { padding-top:38px; }
  .catalog-section-heading,.catalog-results__head { align-items:flex-start; flex-direction:column; }
  .catalog-section-heading h2,.catalog-results__head h2 { font-size:23px; }
  .catalog-featured__grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:10px; }
  .catalog-featured-card,.catalog-featured-card.is-primary { flex:0 0 86%; height:300px; scroll-snap-align:start; }
  .catalog-featured-card__content h3,.catalog-featured-card.is-primary .catalog-featured-card__content h3 { font-size:20px; }
  .catalog-results { padding-top:45px; }
  .catalog-toolbar { position:relative; top:auto; }
  .catalog-search { grid-template-columns:27px minmax(0,1fr); padding-left:10px; }
  .catalog-search button { grid-column:1/-1; width:100%; margin-bottom:6px; }
  .catalog-search { height:auto; min-height:50px; }
  .catalog-search input { height:46px; }
  .catalog-sort { grid-template-columns:auto minmax(0,1fr); }
  .catalog-card-grid { grid-template-columns:1fr; gap:15px; }
  .catalog-card__media { aspect-ratio:16/9; }
  .catalog-card__body h3 { font-size:18px; }
  .catalog-pagination button { min-width:38px; height:38px; }
  .catalog-trust__grid { grid-template-columns:1fr 1fr; }
  .catalog-trust article { min-height:120px; padding:14px 10px; flex-direction:column; text-align:center; }
  .catalog-trust article > span { width:43px; height:43px; }
}
@media (prefers-reduced-motion:reduce) {
  * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
  .catalog-card:hover,.catalog-featured-card:hover img,.catalog-card:hover .catalog-card__media img { transform:none!important; }
}