/* consolidated canonical module */
/* WarextMarket v0.602 — Wiki + profile awards + notification refinements */
.wiki-nav-menu-v0602{position:relative;display:flex;align-items:stretch}
.wiki-nav-trigger-v0602{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;cursor:pointer}
.wiki-nav-trigger-v0602::after{content:"▾";font-size:.72em;opacity:.72}
.wiki-nav-dropdown-v0602{position:absolute;left:50%;top:calc(100% + 10px);z-index:2147482000;width:min(360px,calc(100vw - 24px));padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(10,14,30,.985);box-shadow:0 24px 60px rgba(0,0,0,.40);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-5px);transition:opacity .15s ease,transform .15s ease,visibility .15s}
.wiki-nav-menu-v0602:hover .wiki-nav-dropdown-v0602{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.wiki-nav-group-v0602{display:grid;gap:4px;padding:5px}
.wiki-nav-group-v0602+.wiki-nav-group-v0602{border-top:1px solid rgba(148,163,184,.12)}
.wiki-nav-group-v0602>span{padding:5px 8px 2px;color:#8290b5;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wiki-nav-group-v0602 a{display:flex;padding:8px 9px;border-radius:9px;color:#e9edff;text-decoration:none;font-size:.88rem;font-weight:650}
.wiki-nav-group-v0602 a:hover{background:rgba(112,92,246,.12)}
.wiki-page-v0602{padding:34px 0 70px;display:grid;gap:20px}
.wiki-hero-v0602,.wiki-section-v0602,.wiki-card-v0602{border:1px solid rgba(148,163,184,.14);background:rgba(10,15,27,.66)}
.wiki-hero-v0602{padding:26px;border-radius:20px}.wiki-hero-v0602>span,.wiki-card-v0602__eyebrow,.wiki-section-v0602__head span{color:#9688ff;font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.wiki-hero-v0602 h1{margin:6px 0 9px}.wiki-hero-v0602 p{margin:0;color:#aebbd8}
.wiki-shortcuts-v0602{display:flex;gap:8px;flex-wrap:wrap}.wiki-shortcuts-v0602 a{padding:9px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.15);color:#dce4ff;text-decoration:none}
.wiki-grid-v0602{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wiki-grid-v0602--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.wiki-card-v0602{padding:18px;border-radius:15px}.wiki-card-v0602 h2,.wiki-card-v0602 h3{margin:6px 0 8px}.wiki-card-v0602 p{color:#a8b5d1;line-height:1.55}.wiki-card-v0602 a{font-weight:750;text-decoration:none}
.wiki-section-v0602{padding:20px;border-radius:18px}.wiki-section-v0602__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:14px}.wiki-section-v0602__head h2{margin:3px 0 0}.wiki-section-v0602__head p{max-width:580px;margin:0;color:#9eacc8}
.wiki-contracts-v0602{display:grid;gap:12px}.wiki-contract-v0602{padding:17px;border-radius:13px;border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.02)}.wiki-contract-v0602.is-highlighted{border-color:rgba(112,92,246,.55);box-shadow:0 0 0 2px rgba(112,92,246,.08)}.wiki-contract-v0602 h3{margin-top:0}.wiki-contract-v0602__content{color:#d4dcf5;line-height:1.7}.wiki-empty-v0602{padding:15px;border-radius:12px;background:rgba(255,255,255,.025);color:#9eacc8}

/* Profile award hover must escape the profile paint containment. */
.profile-page .public-profile-top,.profile-page .public-profile-awards-slot,.profile-page .public-profile-award-panel,.profile-page .profile-medal-grid{overflow:visible!important;contain:none!important}
.profile-page .public-profile-awards-slot{position:relative;z-index:40}
.profile-page .public-profile-award-panel{position:relative;z-index:41}
.profile-page .public-profile-award-panel:hover{z-index:900}
.profile-page .medal-chip{position:relative;overflow:visible!important}
.profile-page .medal-chip:hover,.profile-page .medal-chip:focus-visible{z-index:1200}
.profile-page .medal-chip__hover-note{position:absolute!important;left:50%!important;bottom:calc(100% + 9px)!important;z-index:2147481000!important;min-width:170px;max-width:230px;padding:9px 11px;border:1px solid rgba(148,163,184,.22);border-radius:11px;background:#0b1124;color:#eef3ff;box-shadow:0 14px 34px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:opacity .14s ease,transform .14s ease,visibility .14s}
.profile-page .medal-chip:hover .medal-chip__hover-note,.profile-page .medal-chip:focus-visible .medal-chip__hover-note{opacity:1;visibility:visible;transform:translate(-50%,0)}
.profile-page .medal-chip__hover-note::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#0b1124}
.profile-page .medal-chip__hover-date{display:block;white-space:nowrap;font-size:.78rem;font-weight:700}
.public-profile-owned-awards-v0602{display:grid;gap:12px}
.public-profile-owned-awards-v0602__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.public-profile-owned-awards-v0602__head h2{margin:0}.public-profile-owned-awards-v0602__head p{margin:0;color:#98a7c6}
.public-profile-owned-awards-v0602__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.public-profile-owned-award-v0602{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:rgba(255,255,255,.025)}
.public-profile-owned-award-v0602 img{width:50px;height:50px;object-fit:contain}.public-profile-owned-award-v0602 h3{margin:0 0 4px;font-size:1rem}.public-profile-owned-award-v0602 p{margin:0;color:#9daaca;font-size:.85rem}.public-profile-owned-award-v0602 small{display:block;margin-top:5px;color:#7180a5}
@media(max-width:960px){.wiki-grid-v0602{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.wiki-grid-v0602,.wiki-grid-v0602--two,.public-profile-owned-awards-v0602__grid{grid-template-columns:1fr}.wiki-section-v0602__head{align-items:flex-start;flex-direction:column}.wiki-nav-dropdown-v0602{left:auto;right:0;transform:translateY(-5px)}.wiki-nav-menu-v0602:hover .wiki-nav-dropdown-v0602{transform:translateY(0)}}

/* consolidated canonical module */
/* WarextMarket v0.603 — profile inventory + floating Wiki */
.wiki-nav-trigger-v0602{height:100%;min-height:48px;padding:0 18px}
.wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating{
  position:fixed!important;
  top:0;
  left:0;
  right:auto!important;
  bottom:auto!important;
  z-index:2147483500!important;
  width:min(360px,calc(100vw - 24px))!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  display:block!important;
}
.wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.public-profile-award-title-button-v0603{
  appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;
  font:inherit;font-weight:800;cursor:pointer;text-align:left;
}
.public-profile-award-title-button-v0603:hover,
.public-profile-award-title-button-v0603:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.profile-award-inventory-v0603__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  max-height:min(58vh,560px);overflow-y:auto;padding-right:4px;
}
.profile-award-inventory-v0603__item{
  display:grid;grid-template-columns:50px minmax(0,1fr);gap:11px;align-items:center;
  padding:12px;border:1px solid rgba(148,163,184,.13);border-radius:13px;background:rgba(255,255,255,.025)
}
.profile-award-inventory-v0603__item img{width:48px;height:48px;object-fit:contain}
.profile-award-inventory-v0603__item h4{margin:0 0 4px;font-size:.96rem}
.profile-award-inventory-v0603__item p{margin:0;color:#9facc8;font-size:.82rem;line-height:1.4}
.profile-award-inventory-v0603__item small{display:block;margin-top:5px;color:#7180a5}
@media(max-width:680px){
  .profile-award-inventory-v0603__grid{grid-template-columns:1fr}
  .wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating{width:calc(100vw - 16px)!important}
}

/* consolidated canonical module */


/* Inventory dialogs are portaled to body by v0.604 JS. This keeps the profile
   tab bar, cards and transformed/contained profile wrappers below the overlay. */
body.profile-page > .profile-award-inventory-modal-v0603{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:clamp(12px,2vw,28px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:auto!important;
  contain:none!important;
  isolation:isolate!important;
}
body.profile-page > .profile-award-inventory-modal-v0603[hidden]{
  display:none!important;
}
body.profile-page > .profile-award-inventory-modal-v0603 .medal-awardees-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  width:100vw!important;
  height:100vh!important;
  background:rgba(3,7,18,.78)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
body.profile-page > .profile-award-inventory-modal-v0603 .medal-awardees-dialog{
  position:relative!important;
  z-index:1!important;
  width:min(100%,1220px)!important;
  max-width:1220px!important;
  max-height:min(86vh,820px)!important;
  margin:auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#11182b,#0b1121)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.58)!important;
  transform:none!important;
}
body.profile-page > .profile-award-inventory-modal-v0603 .medal-awardees-dialog__head{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:22px 28px!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  background:#11182b!important;
}
body.profile-page > .profile-award-inventory-modal-v0603 .medal-awardees-dialog__head h3{
  margin:0!important;
}
body.profile-page > .profile-award-inventory-modal-v0603 .medal-awardees-close{
  position:relative!important;
  z-index:3!important;
  flex:0 0 auto!important;
}
body.profile-page > .profile-award-inventory-modal-v0603 .profile-award-inventory-v0603__grid{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:18px 22px 24px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.profile-page.modal-open{
  overflow:hidden!important;
}

@media(max-width:680px){
  body.profile-page > .profile-award-inventory-modal-v0603{
    padding:8px!important;
    align-items:stretch!important;
  }
  body.profile-page > .profile-award-inventory-modal-v0603 .medal-awardees-dialog{
    max-height:calc(100vh - 16px)!important;
    border-radius:20px!important;
  }
  body.profile-page > .profile-award-inventory-modal-v0603 .medal-awardees-dialog__head{
    padding:17px 18px!important;
  }
  body.profile-page > .profile-award-inventory-modal-v0603 .profile-award-inventory-v0603__grid{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
}


/* WAREXT_CATEGORY_DIRECTORY_V0657 */
.category-directory-page{padding-top:34px;padding-bottom:64px}
.category-directory-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;align-items:stretch;margin-bottom:22px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(circle at 86% 10%,rgba(124,92,255,.14),transparent 34%),linear-gradient(180deg,rgba(27,32,42,.92),rgba(17,21,30,.94));box-shadow:0 24px 54px rgba(0,0,0,.22)}
.category-directory-hero__copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.category-directory-hero__copy h1{margin:6px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.035em}
.category-directory-hero__copy p{max-width:760px;margin:0;color:rgba(231,235,244,.72);font-size:1rem;line-height:1.7}
.category-directory-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.category-directory-primary-btn,.category-directory-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:14px;font-weight:800}
.category-directory-primary-btn{background:linear-gradient(135deg,#7c5cff,#a855f7);color:#fff;box-shadow:0 14px 30px rgba(36,24,82,.28)}
.category-directory-secondary-btn{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#eef2f7}
.category-directory-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.category-directory-stats>div{display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}
.category-directory-stats strong{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1;color:#fff}
.category-directory-stats span{margin-top:7px;color:rgba(225,230,240,.62);font-size:.88rem}
.category-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px}
.category-directory-search{position:relative;display:flex;align-items:center;gap:10px;flex:1;min-width:0;max-width:720px;height:52px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(180deg,rgba(29,34,43,.84),rgba(19,23,30,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.category-directory-search>span{color:rgba(235,239,246,.62);font-size:1.35rem}
.category-directory-search input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;outline:none!important}
.category-directory-search input::placeholder{color:rgba(207,214,226,.46)!important}
.category-directory-search button{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-size:1.25rem;line-height:1}
.category-directory-all-link{white-space:nowrap;color:#d9d4ff;font-weight:750}
.category-directory-sections{display:grid;gap:24px}
.category-directory-section{padding:24px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(180deg,rgba(25,30,39,.76),rgba(15,19,26,.82));box-shadow:0 20px 46px rgba(0,0,0,.16)}
.category-directory-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.065)}
.category-directory-section__eyebrow{display:block;margin-bottom:5px;color:#9e92ff;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.category-directory-section__header h2{margin:0;font-size:1.55rem;line-height:1.2}
.category-directory-section__header p{max-width:760px;margin:7px 0 0;color:rgba(220,226,236,.62);line-height:1.55}
.category-directory-section__meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap}
.category-directory-section__meta span{color:rgba(222,228,238,.56);font-size:.83rem}
.category-directory-section__meta a{color:#dcd7ff;font-weight:800}
.category-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.category-directory-grid--single{margin-top:20px}
.category-directory-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,rgba(37,43,53,.72),rgba(24,29,37,.78));transition:transform .16s ease,border-color .16s ease,background .16s ease}
.category-directory-card:hover{transform:translateY(-2px);border-color:rgba(165,151,255,.20);background:linear-gradient(180deg,rgba(43,49,60,.78),rgba(27,32,41,.84))}
.category-directory-card__head{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:14px}
.category-directory-card__image{width:48px;height:48px;overflow:hidden;border-radius:13px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035)}
.category-directory-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.category-directory-card__title{display:flex;flex-direction:column;min-width:0}
.category-directory-card__title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f7fb;font-size:.98rem}
.category-directory-card__title small{margin-top:4px;color:rgba(213,220,231,.52);font-size:.76rem}
.category-directory-card__arrow{justify-self:end;color:rgba(218,211,255,.72);font-size:1.05rem}
.category-directory-subcategories{display:grid;border-top:1px solid rgba(255,255,255,.055)}
.category-directory-subcategories>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.045);transition:background .14s ease,color .14s ease}
.category-directory-subcategories>a:last-child{border-bottom:0}
.category-directory-subcategories>a:hover{background:rgba(124,92,255,.08);color:#fff}
.category-directory-subcategories>a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(236,240,246,.84);font-size:.88rem}
.category-directory-subcategories>a small{flex:0 0 auto;color:rgba(204,211,223,.44);font-size:.70rem}
.category-directory-subcategories--empty{padding:13px 14px;color:rgba(205,212,224,.46);font-size:.80rem}
.category-directory-search-empty{grid-column:1/-1}
.mega-directory-cta-v0657{margin:0 0 13px}
.mega-directory-cta-v0657>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(154,139,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(124,92,255,.13),rgba(168,85,247,.07))}
.mega-directory-cta-v0657 span{display:flex;flex-direction:column;min-width:0}
.mega-directory-cta-v0657 strong{font-size:.88rem;color:#f4f2ff}
.mega-directory-cta-v0657 small{margin-top:2px;color:rgba(222,218,241,.56);font-size:.72rem;line-height:1.35}
.mega-directory-cta-v0657 b{color:#d9d2ff;font-size:1.2rem}
@media (max-width:1080px){
  .category-directory-hero{grid-template-columns:1fr}
  .category-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .category-directory-page{padding-top:22px;padding-bottom:36px}
  .category-directory-hero{padding:20px;border-radius:22px}
  .category-directory-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-directory-stats>div{min-height:90px;padding:14px}
  .category-directory-toolbar{align-items:stretch;flex-direction:column}
  .category-directory-search{max-width:none}
  .category-directory-all-link{align-self:flex-start}
  .category-directory-section{padding:17px;border-radius:20px}
  .category-directory-section__header{flex-direction:column}
  .category-directory-section__meta{align-items:flex-start}
  .category-directory-grid{grid-template-columns:1fr}
}
@media (max-width:460px){
  .category-directory-stats{grid-template-columns:1fr 1fr}
  .category-directory-stats>div{min-height:78px}
  .category-directory-card__head{grid-template-columns:42px minmax(0,1fr) 20px;padding:12px}
  .category-directory-card__image{width:42px;height:42px}
}


/* WAREXT_CATEGORY_DIRECTORY_THEME_ALIGN_V0658 */
.category-directory-page{
  --wm-dir-surface:linear-gradient(180deg,rgba(35,40,48,.94),rgba(24,28,34,.96));
  --wm-dir-surface-soft:linear-gradient(180deg,rgba(48,55,66,.50),rgba(31,36,44,.62));
  --wm-dir-surface-card:linear-gradient(180deg,rgba(45,51,60,.72),rgba(30,35,43,.80));
  --wm-dir-border:rgba(255,255,255,.08);
  --wm-dir-border-strong:rgba(255,255,255,.11);
  --wm-dir-text:#eef1f5;
  --wm-dir-muted:rgba(215,222,232,.62);
  --wm-dir-accent:#a88cff;
}

/* The old generic eyebrow rule stretched this label like a progress bar.
   Keep it a compact Warext chip instead. */
.category-directory-page .catalog-browser__eyebrow{
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  align-items:center!important;
  min-height:30px!important;
  margin:0 0 8px!important;
  padding:0 12px!important;
  border:1px solid var(--wm-dir-border)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(60,67,79,.70),rgba(39,45,54,.82))!important;
  color:#dfe4ec!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.category-directory-hero{
  border-color:var(--wm-dir-border)!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(142,132,180,.055),transparent 34%),
    var(--wm-dir-surface)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.category-directory-hero__copy h1{color:var(--wm-dir-text)!important}
.category-directory-hero__copy p{color:var(--wm-dir-muted)!important}

.category-directory-stats>div{
  border-color:var(--wm-dir-border)!important;
  background:var(--wm-dir-surface-soft)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.category-directory-stats strong{color:var(--wm-dir-text)!important}
.category-directory-stats span{color:rgba(215,222,232,.58)!important}

.category-directory-primary-btn{
  background:linear-gradient(135deg,#7c5cff,#a855f7)!important;
  border:1px solid rgba(190,197,208,.16)!important;
  box-shadow:0 12px 28px rgba(12,15,20,.22)!important;
}
.category-directory-secondary-btn{
  border-color:var(--wm-dir-border)!important;
  background:linear-gradient(180deg,rgba(60,67,79,.72),rgba(39,45,54,.86))!important;
  color:var(--wm-dir-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.category-directory-primary-btn:hover,
.category-directory-secondary-btn:hover{filter:brightness(1.05)}

.category-directory-section{
  border-color:var(--wm-dir-border)!important;
  background:var(--wm-dir-surface)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.category-directory-section__header{border-bottom-color:rgba(255,255,255,.065)!important}
.category-directory-section__eyebrow{color:#c8bcff!important}
.category-directory-section__header h2{color:var(--wm-dir-text)!important}
.category-directory-section__header p{color:var(--wm-dir-muted)!important}
.category-directory-section__meta span{color:rgba(215,222,232,.54)!important}
.category-directory-section__meta a,
.category-directory-all-link{color:#d8d2ff!important}

.category-directory-card{
  border-color:var(--wm-dir-border)!important;
  background:var(--wm-dir-surface-card)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.category-directory-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(190,197,208,.16)!important;
  background:linear-gradient(180deg,rgba(53,60,71,.78),rgba(34,40,49,.86))!important;
}
.category-directory-card__image{
  border-color:var(--wm-dir-border)!important;
  background:rgba(255,255,255,.035)!important;
}
.category-directory-card__title strong{color:var(--wm-dir-text)!important}
.category-directory-card__title small{color:rgba(215,222,232,.50)!important}
.category-directory-card__arrow{color:rgba(225,229,237,.62)!important}
.category-directory-subcategories{border-top-color:rgba(255,255,255,.055)!important}
.category-directory-subcategories>a{border-bottom-color:rgba(255,255,255,.045)!important}
.category-directory-subcategories>a:hover{background:rgba(255,255,255,.045)!important}
.category-directory-subcategories>a span{color:rgba(236,240,246,.84)!important}
.category-directory-subcategories>a small{color:rgba(204,211,223,.44)!important}

/* Same search language as header/category search; scoped here because the
   core search.css intentionally hard-scopes most rules to header.site-header. */
.category-directory-toolbar{
  align-items:center!important;
  margin:4px 0 24px!important;
}
.category-directory-search-v0658{
  flex:1 1 720px!important;
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  z-index:20!important;
}
.category-directory-search-v0658 .wm-search__shell{
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 58px!important;
  grid-template-rows:64px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 12% 50%,rgba(124,92,255,.06),transparent 26%),
    linear-gradient(180deg,rgba(35,40,48,.96),rgba(24,28,34,.98))!important;
  box-shadow:0 18px 42px rgba(1,4,15,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.category-directory-search-v0658:focus-within .wm-search__shell{
  border-color:rgba(158,99,255,.56)!important;
  box-shadow:
    0 20px 46px rgba(1,4,15,.28),
    0 0 0 1px rgba(99,106,255,.10),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.category-directory-search-v0658 .wm-search__icon{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-column:1!important;
  grid-row:1!important;
  place-items:center!important;
  width:58px!important;
  height:64px!important;
  color:#d9d7e9!important;
  pointer-events:none!important;
}
.category-directory-search-v0658 .wm-search__icon svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
}
.category-directory-search-v0658 .wm-search__input{
  all:unset!important;
  box-sizing:border-box!important;
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  color:#f4f5fa!important;
  font-family:inherit!important;
  font-size:1rem!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  caret-color:#f3f4ff!important;
}
.category-directory-search-v0658 .wm-search__input::placeholder{
  color:rgba(210,213,231,.68)!important;
  opacity:1!important;
  font:inherit!important;
  font-weight:650!important;
}
.category-directory-search-v0658 .wm-search__input::-webkit-search-cancel-button,
.category-directory-search-v0658 .wm-search__input::-webkit-search-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
.category-directory-search-v0658 .wm-search__clear{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-column:3!important;
  grid-row:1!important;
  place-items:center!important;
  justify-self:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  color:#f5f3fb!important;
  cursor:pointer!important;
  transition:background .14s ease,transform .14s ease!important;
}
.category-directory-search-v0658 .wm-search__clear[hidden]{display:none!important}
.category-directory-search-v0658 .wm-search__clear:hover,
.category-directory-search-v0658 .wm-search__clear:focus-visible{
  background:rgba(255,255,255,.075)!important;
}
.category-directory-search-v0658 .wm-search__clear:active{transform:scale(.94)!important}
.category-directory-search-v0658 .wm-search__clear svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
}

/* Remove the obsolete one-off search box visual rules from v0.657 by
   neutralizing their selector if cached CSS is combined in an unusual order. */
.category-directory-page .category-directory-search{display:none!important}

.mega-directory-cta-v0657>a{
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(48,55,66,.62),rgba(31,36,44,.74))!important;
}
.mega-directory-cta-v0657 strong{color:#eef1f5!important}
.mega-directory-cta-v0657 small{color:rgba(215,222,232,.56)!important}
.mega-directory-cta-v0657 b{color:#d8d2ff!important}

@media (max-width:760px){
  .category-directory-search-v0658{max-width:none!important;flex-basis:auto!important}
  .category-directory-search-v0658 .wm-search__shell{
    grid-template-columns:50px minmax(0,1fr) 50px!important;
    grid-template-rows:58px!important;
    border-radius:20px!important;
  }
  .category-directory-search-v0658 .wm-search__icon{width:50px!important;height:58px!important}
  .category-directory-search-v0658 .wm-search__input{font-size:.95rem!important}
}


/* WAREXT_CATEGORY_DIRECTORY_FINAL_ALIGN_V0659
   Use the site's real navy/purple palette and remove the split-column look
   from the category search. */
.category-directory-page{
  --wm-dir-bg:#070c1a;
  --wm-dir-bg-alt:#080c17;
  --wm-dir-panel:#10162b;
  --wm-dir-panel-2:#151f3e;
  --wm-dir-panel-3:#221739;
  --wm-dir-primary:#7c5cff;
  --wm-dir-primary-2:#a855f7;
  --wm-dir-text:#f3f5ff;
  --wm-dir-muted:#b9c2e8;
  --wm-dir-line:rgba(255,255,255,.08);
}

/* Hero / stats: match the rest of WarextMarket instead of neutral gray. */
.category-directory-hero{
  background:
    radial-gradient(circle at 88% 14%,rgba(124,92,255,.16),transparent 34%),
    radial-gradient(circle at 72% 86%,rgba(168,85,247,.08),transparent 28%),
    linear-gradient(180deg,rgba(16,22,43,.98),rgba(8,12,23,.98))!important;
  border-color:rgba(142,157,255,.13)!important;
  box-shadow:0 24px 54px rgba(2,4,14,.34),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.category-directory-page .catalog-browser__eyebrow{
  background:linear-gradient(180deg,rgba(39,47,76,.94),rgba(24,30,53,.96))!important;
  border-color:rgba(142,157,255,.15)!important;
  color:#dfe4ff!important;
}
.category-directory-hero__copy h1{color:var(--wm-dir-text)!important}
.category-directory-hero__copy p{color:rgba(185,194,232,.78)!important}

.category-directory-stats>div{
  background:
    radial-gradient(circle at 90% 12%,rgba(124,92,255,.11),transparent 42%),
    linear-gradient(180deg,rgba(21,31,62,.94),rgba(15,22,43,.96))!important;
  border-color:rgba(142,157,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.category-directory-stats strong{color:#f4f5ff!important}
.category-directory-stats span{color:rgba(185,194,232,.68)!important}

/* Main category sections. */
.category-directory-section{
  background:
    radial-gradient(circle at 100% 0,rgba(124,92,255,.055),transparent 30%),
    linear-gradient(180deg,rgba(16,22,43,.96),rgba(8,13,26,.96))!important;
  border-color:rgba(142,157,255,.11)!important;
  box-shadow:0 20px 46px rgba(2,4,14,.26),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.category-directory-section__header{
  border-bottom-color:rgba(142,157,255,.09)!important;
}
.category-directory-section__eyebrow{
  color:#a99cff!important;
}
.category-directory-section__header h2{color:#f3f5ff!important}
.category-directory-section__header p{color:rgba(185,194,232,.68)!important}
.category-directory-section__meta span{color:rgba(185,194,232,.54)!important}
.category-directory-section__meta a,
.category-directory-all-link{color:#d7d0ff!important}

/* Cards: clearly Warext navy/purple, not gray. */
.category-directory-card{
  background:
    linear-gradient(180deg,rgba(21,31,62,.84),rgba(15,22,43,.90))!important;
  border-color:rgba(142,157,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.category-directory-card:hover{
  background:
    linear-gradient(180deg,rgba(31,42,78,.92),rgba(20,28,55,.94))!important;
  border-color:rgba(168,151,255,.22)!important;
  transform:translateY(-2px)!important;
}
.category-directory-card__image{
  background:rgba(8,12,28,.78)!important;
  border-color:rgba(142,157,255,.12)!important;
}
.category-directory-card__title strong{color:#f1f3ff!important}
.category-directory-card__title small{color:rgba(185,194,232,.56)!important}
.category-directory-card__arrow{color:#b7adff!important}
.category-directory-subcategories{
  border-top-color:rgba(142,157,255,.08)!important;
}
.category-directory-subcategories>a{
  border-bottom-color:rgba(142,157,255,.06)!important;
}
.category-directory-subcategories>a:hover{
  background:rgba(124,92,255,.10)!important;
}
.category-directory-subcategories>a span{color:rgba(235,238,255,.86)!important}
.category-directory-subcategories>a small{color:rgba(185,194,232,.46)!important}

/* Buttons follow the site's established primary/secondary language. */
.category-directory-primary-btn{
  background:linear-gradient(135deg,#7c5cff,#a855f7)!important;
  border-color:rgba(190,197,208,.18)!important;
  color:#fff!important;
}
.category-directory-secondary-btn{
  background:linear-gradient(180deg,rgba(48,55,86,.92),rgba(28,34,60,.96))!important;
  border-color:rgba(142,157,255,.12)!important;
  color:#eef1ff!important;
}

/* SEARCH FIX:
   Do not use grid columns for icon/input/clear. Generic site input CSS could
   repaint the middle cell and visually create three separate blocks. The
   shell is now one continuous surface, while icon and clear are absolutely
   positioned on top of it. */
.category-directory-search-v0658{
  position:relative!important;
  display:block!important;
  flex:1 1 760px!important;
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.category-directory-search-v0658 .wm-search__shell{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  border:1px solid rgba(142,157,255,.13)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(124,92,255,.07),transparent 24%),
    linear-gradient(180deg,rgba(13,18,38,.985),rgba(8,12,28,.995))!important;
  box-shadow:
    0 18px 42px rgba(1,4,15,.28),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}
.category-directory-search-v0658:focus-within .wm-search__shell{
  border-color:rgba(158,99,255,.72)!important;
  box-shadow:
    0 20px 46px rgba(1,4,15,.34),
    0 0 0 1px rgba(99,106,255,.12),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.category-directory-search-v0658 .wm-search__icon{
  all:unset!important;
  box-sizing:border-box!important;
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  width:26px!important;
  height:26px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  color:#d9d7e9!important;
  pointer-events:none!important;
  z-index:3!important;
}
.category-directory-search-v0658 .wm-search__icon svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
}
.category-directory-search-v0658 .wm-search__input,
.category-directory-page input[data-category-directory-search]{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
  margin:0!important;
  padding:0 62px 0 58px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f3f4ff!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  font-family:inherit!important;
  font-size:1rem!important;
  font-weight:650!important;
  line-height:62px!important;
  letter-spacing:-.015em!important;
  text-align:left!important;
  caret-color:#f3f4ff!important;
  z-index:2!important;
}
.category-directory-search-v0658 .wm-search__input:focus,
.category-directory-page input[data-category-directory-search]:focus{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.category-directory-search-v0658 .wm-search__input::placeholder,
.category-directory-page input[data-category-directory-search]::placeholder{
  color:rgba(210,213,231,.72)!important;
  opacity:1!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:650!important;
}
.category-directory-search-v0658 .wm-search__input::-webkit-search-cancel-button,
.category-directory-search-v0658 .wm-search__input::-webkit-search-decoration,
.category-directory-page input[data-category-directory-search]::-webkit-search-cancel-button,
.category-directory-page input[data-category-directory-search]::-webkit-search-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
.category-directory-search-v0658 .wm-search__clear{
  all:unset!important;
  box-sizing:border-box!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#f5f3fb!important;
  background:transparent!important;
  cursor:pointer!important;
  z-index:4!important;
}
.category-directory-search-v0658 .wm-search__clear[hidden]{display:none!important}
.category-directory-search-v0658 .wm-search__clear:hover,
.category-directory-search-v0658 .wm-search__clear:focus-visible{
  background:rgba(255,255,255,.075)!important;
}
.category-directory-search-v0658 .wm-search__clear svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
}
.category-directory-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:4px 0 24px!important;
}

.mega-directory-cta-v0657>a{
  background:
    linear-gradient(135deg,rgba(124,92,255,.11),rgba(21,31,62,.78))!important;
  border-color:rgba(142,157,255,.13)!important;
}

@media (max-width:760px){
  .category-directory-search-v0658{max-width:none!important;flex-basis:auto!important}
  .category-directory-search-v0658 .wm-search__shell{
    height:58px!important;
    min-height:58px!important;
    border-radius:20px!important;
  }
  .category-directory-search-v0658 .wm-search__input,
  .category-directory-page input[data-category-directory-search]{
    height:56px!important;
    min-height:56px!important;
    line-height:56px!important;
    padding-left:52px!important;
    padding-right:56px!important;
    font-size:.95rem!important;
  }
  .category-directory-search-v0658 .wm-search__icon{left:15px!important}
  .category-directory-search-v0658 .wm-search__clear{right:8px!important}
}


/* WAREXT_CATEGORY_DIRECTORY_TOP_GAP_V0660
   The global .catalog-browser skin was painting one giant bordered rectangle
   behind the whole category page. This page already has its own hero/section
   cards, so keep the outer directory wrapper transparent and add breathing
   room below the header instead. */
.category-directory-page.catalog-browser{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding-top:48px!important;
}
.category-directory-page .category-directory-hero{
  margin-top:10px!important;
}

@media (max-width:760px){
  .category-directory-page.catalog-browser{
    padding-top:30px!important;
  }
  .category-directory-page .category-directory-hero{
    margin-top:6px!important;
  }
}


/* WAREXT_CATEGORY_REAL_VISUALS_CSS_V0661 */
.category-directory-card__head{
  grid-template-columns:58px minmax(0,1fr) 24px!important;
}
.category-directory-card__image{
  width:58px!important;
  height:58px!important;
  border-radius:15px!important;
  background:#080d1b!important;
}
.category-directory-card__image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media (max-width:460px){
  .category-directory-card__head{
    grid-template-columns:50px minmax(0,1fr) 20px!important;
  }
  .category-directory-card__image{
    width:50px!important;
    height:50px!important;
  }
}


/* WAREXT_ALPHA_MEDIA_SURFACE_CSS_V0662
   Transparent content media gets a subtle WarextMarket surface behind its
   alpha pixels. No padding or geometry is changed, so existing layouts stay
   intact. Header branding, avatars, badges, icons and logos are excluded by
   the detector. */
:root{
  --wm-alpha-media-bg-a:#151f3e;
  --wm-alpha-media-bg-b:#0b1020;
  --wm-alpha-media-accent:rgba(124,92,255,.18);
  --wm-alpha-media-accent-soft:rgba(168,85,247,.08);
  --wm-alpha-media-line:rgba(150,160,255,.12);
}

img.wm-alpha-media,
img[data-wm-alpha-bg="force"]{
  background-color:var(--wm-alpha-media-bg-b)!important;
  background-image:
    radial-gradient(circle at 50% 38%,var(--wm-alpha-media-accent),transparent 56%),
    radial-gradient(circle at 82% 82%,var(--wm-alpha-media-accent-soft),transparent 42%),
    linear-gradient(145deg,var(--wm-alpha-media-bg-a),var(--wm-alpha-media-bg-b))!important;
  box-shadow:
    inset 0 0 0 1px var(--wm-alpha-media-line),
    inset 0 -18px 36px rgba(1,4,15,.18)!important;
}

img[data-wm-alpha-bg="off"]{
  background-image:none!important;
}

/* Content images that already live in rounded media containers inherit the
   visual language without forcing a new radius or changing their dimensions. */
.category-directory-card__image img.wm-alpha-media,
.market-card img.wm-alpha-media,
.listing-card img.wm-alpha-media,
.product-card img.wm-alpha-media,
.promo-card img.wm-alpha-media,
.uiverse-search__result-thumb img.wm-alpha-media{
  background-image:
    radial-gradient(circle at 50% 38%,rgba(124,92,255,.22),transparent 58%),
    linear-gradient(145deg,#172141,#0a1022)!important;
}


/* WAREXT_ALPHA_MEDIA_HOST_CSS_V0664
   IMPORTANT: the picture itself stays transparent. The WarextMarket surface
   is painted by its site media container behind the picture. */
img.wm-alpha-media,
img[data-wm-alpha-bg="force"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

.wm-alpha-media-host{
  background-color:#111a34!important;
  background-image:linear-gradient(180deg,#172142 0%,#111a34 58%,#0c1329 100%)!important;
  border-color:rgba(130,149,255,.14)!important;
}

.wm-alpha-media-host > img.wm-alpha-media,
.wm-alpha-media-host img.wm-alpha-media,
.wm-alpha-media-host > img[data-wm-alpha-bg="force"],
.wm-alpha-media-host img[data-wm-alpha-bg="force"]{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Dedicated listing/category media surfaces keep their existing geometry and
   overlays; only the color behind transparent pixels changes. */
.listing-browser-card__media.wm-alpha-media-host,
.category-directory-card__image.wm-alpha-media-host,
.uiverse-search__result-thumb.wm-alpha-media-host,
.catalog-card__media.wm-alpha-media-host,
.listing-type-item__icon.wm-alpha-media-host,
.market-thumb.wm-alpha-media-host{
  background-color:#111a34!important;
  background-image:linear-gradient(180deg,#172142,#0c1329)!important;
}

/* Undo the old v0.662 image-painted accent completely. */
.category-directory-card__image img.wm-alpha-media,
.market-card img.wm-alpha-media,
.listing-card img.wm-alpha-media,
.product-card img.wm-alpha-media,
.promo-card img.wm-alpha-media,
.uiverse-search__result-thumb img.wm-alpha-media{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* WAREXT_BRAND_MEDIA_SAFE_V0665
   Brand-safe transparent media is designed for the site's dark host surface.
   No background is painted on the image itself. */
img[src*="/assets/media/market/youtube.webp"],
img[src*="/assets/media/market/steam.webp"],
img[src*="/assets/media/market-thumb/youtube.webp"],
img[src*="/assets/media/market-thumb/steam.webp"],
img[src*="assets/media/market/youtube.webp"],
img[src*="assets/media/market/steam.webp"],
img[src*="assets/media/market-thumb/youtube.webp"],
img[src*="assets/media/market-thumb/steam.webp"]{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center!important;
}


/* WAREXT_V0704_WIKI_NAV_HARMONY */
header.site-header .main-nav .wiki-nav-menu-v0602{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(238,244,255,.86)!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:color .18s ease!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602::before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:22px!important;
  bottom:3px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(123,143,255,0),rgba(123,143,255,.92),rgba(159,118,255,.78),rgba(123,143,255,0))!important;
  opacity:0!important;
  transform:scaleX(.4)!important;
  transform-origin:center!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602::after{
  content:"▾"!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:1px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  opacity:.64!important;
  transform:rotate(0deg)!important;
  font-size:.68em!important;
  line-height:1!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602:hover,
header.site-header .main-nav a.wiki-nav-trigger-v0602:focus-visible,
header.site-header .main-nav .wiki-nav-menu-v0602.is-open a.wiki-nav-trigger-v0602{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  transform:none!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602:hover::before,
header.site-header .main-nav a.wiki-nav-trigger-v0602:focus-visible::before,
header.site-header .main-nav .wiki-nav-menu-v0602.is-open a.wiki-nav-trigger-v0602::before{
  opacity:1!important;
  transform:scaleX(1)!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602:hover::after,
header.site-header .main-nav a.wiki-nav-trigger-v0602:focus-visible::after,
header.site-header .main-nav .wiki-nav-menu-v0602.is-open a.wiki-nav-trigger-v0602::after{
  opacity:.92!important;
  transform:rotate(180deg)!important;
}
body>.wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating{
  width:min(332px,calc(100vw - 24px))!important;
  padding:10px!important;
  border:1px solid rgba(151,164,220,.13)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(10,14,27,.992),rgba(8,12,23,.996))!important;
  box-shadow:0 20px 44px rgba(2,5,15,.34),inset 0 1px 0 rgba(255,255,255,.025)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-5px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
body>.wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
body>.wiki-nav-dropdown-v0602 .wiki-nav-group-v0602{
  gap:3px!important;
  padding:5px!important;
}
body>.wiki-nav-dropdown-v0602 .wiki-nav-group-v0602+.wiki-nav-group-v0602{
  margin-top:5px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(151,164,220,.09)!important;
}
body>.wiki-nav-dropdown-v0602 .wiki-nav-group-v0602>span{
  padding:4px 8px 5px!important;
  color:rgba(172,184,222,.66)!important;
  font-size:.69rem!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
}
body>.wiki-nav-dropdown-v0602 .wiki-nav-group-v0602 a{
  min-height:38px!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:rgba(235,239,251,.86)!important;
  font-size:.86rem!important;
  font-weight:680!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
body>.wiki-nav-dropdown-v0602 .wiki-nav-group-v0602 a:hover,
body>.wiki-nav-dropdown-v0602 .wiki-nav-group-v0602 a:focus-visible{
  color:#fff!important;
  background:rgba(113,96,204,.09)!important;
  border-color:rgba(146,130,224,.12)!important;
  transform:translateX(2px)!important;
}
@media(max-width:680px){
  body>.wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating{
    width:calc(100vw - 16px)!important;
  }
}


/* WAREXT_V0705_WIKI_NAV_FINAL */
header.site-header .main-nav .wiki-nav-menu-v0602{
  min-height:38px!important;
  align-items:center!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602{
  min-height:38px!important;
  height:38px!important;
  padding:0 10px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:rgba(238,244,255,.86)!important;
  font:inherit!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
  text-decoration:none!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602::before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:22px!important;
  bottom:3px!important;
  width:auto!important;
  height:2px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(123,143,255,0),rgba(123,143,255,.92),rgba(159,118,255,.78),rgba(123,143,255,0))!important;
  opacity:0!important;
  transform:scaleX(.4)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602::after{
  content:"▾"!important;
  position:static!important;
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  margin:1px 0 0 1px!important;
  background:none!important;
  border:0!important;
  opacity:.64!important;
  transform:rotate(0deg)!important;
  font-size:.68em!important;
  line-height:1!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602:hover,
header.site-header .main-nav a.wiki-nav-trigger-v0602:focus-visible,
header.site-header .main-nav .wiki-nav-menu-v0602.is-open a.wiki-nav-trigger-v0602{
  color:#fff!important;
  background:transparent!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602:hover::before,
header.site-header .main-nav a.wiki-nav-trigger-v0602:focus-visible::before,
header.site-header .main-nav .wiki-nav-menu-v0602.is-open a.wiki-nav-trigger-v0602::before{
  opacity:1!important;
  transform:scaleX(1)!important;
}
header.site-header .main-nav a.wiki-nav-trigger-v0602:hover::after,
header.site-header .main-nav a.wiki-nav-trigger-v0602:focus-visible::after,
header.site-header .main-nav .wiki-nav-menu-v0602.is-open a.wiki-nav-trigger-v0602::after{
  opacity:.94!important;
  transform:rotate(180deg)!important;
}
body>.wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating{
  display:block!important;
  width:min(326px,calc(100vw - 24px))!important;
  padding:9px!important;
  border:1px solid rgba(137,148,195,.14)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(9,13,25,.995),rgba(7,10,20,.998))!important;
  box-shadow:0 18px 40px rgba(1,4,13,.34),inset 0 1px 0 rgba(255,255,255,.025)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,-6px,0)!important;
}
body>.wiki-nav-dropdown-v0602.wiki-nav-dropdown-v0603--floating.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
}


/* WAREXT_V0706_WIKI_TRIGGER_INHERITS_MAIN_NAV */
header.site-header .main-nav [data-wiki-trigger] .wiki-nav-caret-v0706{
  display:inline-block!important;
  margin-left:6px!important;
  font-size:.68em!important;
  line-height:1!important;
  opacity:.68!important;
  transform:translateY(-1px) rotate(0deg)!important;
  transform-origin:center!important;
  transition:opacity .18s ease,transform .18s ease!important;
  pointer-events:none!important;
}
header.site-header .main-nav [data-wiki-menu].is-open [data-wiki-trigger] .wiki-nav-caret-v0706,
header.site-header .main-nav [data-wiki-trigger]:hover .wiki-nav-caret-v0706,
header.site-header .main-nav [data-wiki-trigger]:focus-visible .wiki-nav-caret-v0706{
  opacity:.95!important;
}
header.site-header .main-nav [data-wiki-menu].is-open [data-wiki-trigger] .wiki-nav-caret-v0706{
  transform:translateY(-1px) rotate(180deg)!important;
}


/* WAREXT_V0707_WIKI_TRUE_NAV_SIBLING */
header.site-header .main-nav > [data-wiki-trigger]{
  /* Intentionally no visual overrides: this node inherits the exact same
     direct-child navbar cascade as Blog / Alım İlanları / İlan Pazarı. */
}
header.site-header .main-nav > [data-wiki-trigger] .wiki-nav-caret-v0706{
  display:inline-block!important;
  margin-left:6px!important;
  font-size:.68em!important;
  line-height:1!important;
  opacity:.68!important;
  transform:translateY(-1px) rotate(0deg)!important;
  transform-origin:center!important;
  transition:opacity .18s ease,transform .18s ease!important;
  pointer-events:none!important;
}
header.site-header .main-nav > [data-wiki-trigger]:hover .wiki-nav-caret-v0706,
header.site-header .main-nav > [data-wiki-trigger]:focus-visible .wiki-nav-caret-v0706,
header.site-header .main-nav > [data-wiki-trigger].is-open .wiki-nav-caret-v0706{
  opacity:.95!important;
}
header.site-header .main-nav > [data-wiki-trigger].is-open .wiki-nav-caret-v0706{
  transform:translateY(-1px) rotate(180deg)!important;
}
