body.catalog-body{
  --void:var(--bg);--base:var(--bg);--surface:var(--card);
  --border:var(--line);--br2:var(--line-2);--silver:var(--text-2);--silver2:var(--text-2);
  --ivory:var(--text);--cream:var(--text);--chalk:var(--text);--muted:var(--text-3);--gold:var(--text);
  background:var(--bg);
}
body.catalog-body .catalog-page{padding-top:var(--mk-nav-h);background:var(--bg)}
body.catalog-body #sec-katalog{background:none;padding:0 0 72px}
body.catalog-body #sec-sultan{display:none}

.kt-head{padding-top:28px;padding-bottom:20px}
.kt-crumb{display:flex;align-items:center;gap:8px;font:400 14px var(--font);color:var(--text-3)}
.kt-crumb a{color:var(--text-2)}
.kt-crumb a:hover{color:var(--text)}
.kt-title-row{display:flex;align-items:baseline;gap:12px;margin-top:10px}
.kt-h1{font:600 28px/1.2 var(--font);letter-spacing:-.02em;color:var(--text)}
.kt-count{font:400 15px var(--font);color:var(--text-3)}
body.catalog-body #count-all{all:unset}

.kt-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.kt-side{position:sticky;top:calc(var(--mk-nav-h) + 16px)}
.kt-filter-toggle{display:none}
.kt-side-title{font:500 13px var(--font);color:var(--text-3);margin:0 0 8px}
.kt-side-title:not(:first-child){margin-top:24px}

body.catalog-body .filter-row{margin:0;padding:0;display:block}
body.catalog-body .filter-tabs{display:flex;flex-direction:column;gap:2px;border:0;background:none;padding:0;border-radius:0}
body.catalog-body .ftab{
  display:block;width:100%;text-align:left;height:38px;padding:0 12px;border:0;border-radius:var(--r);
  background:none;color:var(--text-2);cursor:pointer;box-shadow:none;
  font:400 15px var(--font);letter-spacing:0;text-transform:none;transition:background .15s,color .15s;
}
body.catalog-body .ftab:hover{background:var(--card);color:var(--text)}
body.catalog-body .ftab.active{background:var(--card-2);color:var(--text);font-weight:500;box-shadow:none}

body.catalog-body .filter-panel{display:block;max-height:none;overflow:visible;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
body.catalog-body .fp-grid{display:flex;flex-direction:column;gap:12px}
body.catalog-body .fp-field{gap:6px}
body.catalog-body .fp-field label{font:400 13px var(--font);letter-spacing:0;text-transform:none;color:var(--text-2)}
body.catalog-body .fp-field input,
body.catalog-body .fp-field select,
body.catalog-body .ref-bar-input{
  width:100%;height:40px;padding:0 12px;border-radius:var(--r);
  background:var(--card);border:1px solid var(--line);color:var(--text);
  font:400 14px var(--font);letter-spacing:0;text-transform:none;box-shadow:none;outline:0;
}
body.catalog-body .fp-field input::placeholder,body.catalog-body .ref-bar-input::placeholder{color:var(--text-3)}
body.catalog-body .fp-field input:focus,
body.catalog-body .fp-field select:focus,
body.catalog-body .ref-bar-input:focus{border-color:var(--text-3);box-shadow:none}
body.catalog-body .filter-panel > div:last-child{text-align:left!important;margin-top:12px!important}
body.catalog-body .fp-reset{
  background:none;border:0;padding:0;cursor:pointer;color:var(--text-2);
  font:400 14px var(--font);letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:4px;
}
body.catalog-body .fp-reset:hover{color:var(--text)}

body.catalog-body .ref-bar{
  display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:24px 0 0;padding:16px 0 0;
  background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;
}
body.catalog-body .ref-bar-label{font:500 13px var(--font);letter-spacing:0;text-transform:none;color:var(--text-3)}
body.catalog-body .ref-bar-input-wrap{display:flex;gap:8px;min-width:0}
body.catalog-body .ref-bar-btn{
  flex:none;height:40px;padding:0 14px;border-radius:var(--r);border:1px solid var(--line-2);cursor:pointer;
  background:none;color:var(--text);font:500 14px var(--font);letter-spacing:0;text-transform:none;
}
body.catalog-body .ref-bar-btn:hover{border-color:var(--text-3);background:none}

.kt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;min-height:40px}
body.catalog-body .page-info{margin:0;text-align:left;font:400 14px var(--font);letter-spacing:0;color:var(--text-3)}
body.catalog-body .kt-toolbar .fp-field{flex-direction:row;align-items:center;gap:10px}
body.catalog-body .kt-toolbar .fp-field label{white-space:nowrap;color:var(--text-3)}
body.catalog-body .kt-toolbar .fp-field select{width:auto;min-width:150px}

body.catalog-body #katalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.catalog-body .account-card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  box-shadow:none;transition:border-color .15s;
}
body.catalog-body .account-card:hover{border-color:var(--line-2);box-shadow:none}
body.catalog-body .card-img-wrap{aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column;flex:1}
body.catalog-body .card-img-wrap > img{
  width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:var(--card-2);
  filter:none;transform:none;transition:none;display:block;
}
body.catalog-body .account-card:hover .card-img-wrap img{transform:none;filter:none}
body.catalog-body .card-badge-row{display:none}
body.catalog-body .card-badge-status{
  top:10px;left:10px;padding:4px 8px;border-radius:6px;border:0;
  font:500 12px var(--font);letter-spacing:0;text-transform:none;font-style:normal;
}
body.catalog-body .card-badge-status.ready{display:none}
body.catalog-body .card-badge-status.sold{background:var(--card);color:var(--text-2)}
body.catalog-body .card-overlay{
  position:static;inset:auto;opacity:1;background:none;transition:none;
  display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:14px;flex:1;
}
body.catalog-body .card-top-row{align-items:baseline;margin:0}
body.catalog-body .card-kode{font:500 15px var(--font);letter-spacing:0;color:var(--text)}
body.catalog-body .card-price-glass{
  font:600 16px var(--font);letter-spacing:0;color:var(--text);font-variant-numeric:tabular-nums;
  background:none;border:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:0;
}
body.catalog-body .card-price-glass span{color:inherit}
body.catalog-body .card-stats-row{align-items:center;margin:0;gap:10px;background:none;border:0;padding:0;border-radius:0}
body.catalog-body .card-stat-box{background:none;border:0;padding:0;gap:4px}
body.catalog-body .card-stat-label{display:none}
body.catalog-body .card-stat-rank-val{font:400 13px var(--font);color:var(--text-2)}
body.catalog-body .card-stat-box:last-child{flex-direction:row;align-items:center;gap:10px}
body.catalog-body .card-currency-row{margin:0;gap:8px}
body.catalog-body .card-currency-val{font:400 13px var(--font);color:var(--text-2)}
body.catalog-body .card-email-badge{background:none;border:0;padding:0;font:400 13px var(--font);letter-spacing:0;text-transform:lowercase}
body.catalog-body .card-email-badge.verified{color:var(--ok)}
body.catalog-body .card-email-badge.unverified{color:var(--text-3)}
body.catalog-body .card-buy-btn{
  margin-top:auto;height:40px;padding:0;border-radius:var(--r);border:1px solid var(--line-2);
  background:none;color:var(--text);font:500 14px var(--font);letter-spacing:0;text-transform:none;
  display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s,border-color .15s;
}
body.catalog-body .account-card:hover .card-detail-btn{background:var(--text);border-color:var(--text);color:var(--on-solid)}
body.catalog-body .card-buy-btn-sold{color:var(--text-3);border-color:var(--line);cursor:not-allowed}

body.catalog-body .pagination-wrap{gap:6px;margin-top:32px}
body.catalog-body .page-btn{
  min-width:38px;height:38px;padding:0 10px;border-radius:var(--r);border:1px solid var(--line);
  background:none;color:var(--text-2);font:400 14px var(--font);letter-spacing:0;
}
body.catalog-body .page-btn:hover:not(:disabled){border-color:var(--line-2);color:var(--text);background:none}
body.catalog-body .page-btn.active{background:var(--text);border-color:var(--text);color:var(--on-solid)}

.kt-more{padding-top:24px;padding-bottom:72px}
.kt-more .mk-h2{margin-bottom:20px}
body.catalog-body .qa-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none;margin:0;padding:0}
body.catalog-body .qa-btn{
  display:block;width:auto;height:auto;min-height:0;aspect-ratio:4/3;margin:0;border-radius:var(--r);border:0;
  background-size:contain;background-position:center;background-repeat:no-repeat;
  box-shadow:none;transform:none;transition:opacity .15s;
}
body.catalog-body .qa-btn:hover,body.catalog-body .qa-btn:focus-visible{transform:none;box-shadow:none;opacity:.85;border:0}

@media (max-width:1000px){
  .kt-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}
  body.catalog-body #katalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .kt-layout{grid-template-columns:1fr;gap:16px}
  .kt-side{position:static}
  .kt-filter-toggle{
    display:flex;align-items:center;justify-content:center;width:100%;height:42px;border-radius:var(--r);
    border:1px solid var(--line-2);background:none;color:var(--text);font:500 15px var(--font);cursor:pointer;
  }
  .kt-side-body{display:none;padding-top:16px}
  .kt-side.open .kt-side-body{display:block}
  .kt-toolbar{flex-wrap:wrap}
  body.catalog-body #katalog-grid{gap:10px}
  body.catalog-body .card-overlay{padding:12px;gap:8px}
  body.catalog-body .card-top-row{flex-direction:column;gap:2px}
  body.catalog-body .card-stats-row{flex-direction:column;align-items:flex-start;gap:6px}
  body.catalog-body .qa-wrap{grid-template-columns:1fr}
}

body.catalog-body #accountModal{background:rgba(0,0,0,.72);backdrop-filter:none;-webkit-backdrop-filter:none}
body.catalog-body #accountModal #modalBox{
  background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.6);
}
body.catalog-body #accountModal #modalBg{display:none}
body.catalog-body #accountModal #modalScrim{background:none}
body.catalog-body #accountModal .modal-x{background:var(--card-2);border:1px solid var(--line);color:var(--text-2);border-radius:var(--r)}
body.catalog-body #accountModal .modal-x:hover{transform:none;background:var(--card-2);color:var(--text);border-color:var(--line-2)}
body.catalog-body #accountModal #modalImgWrap{border-radius:var(--r);border:1px solid var(--line);background:var(--card-2);box-shadow:none}
body.catalog-body #accountModal #modalImgWrap:hover #modalThumb,
body.catalog-body #accountModal #modalImgWrap:hover #modalThumb2{transform:none}
body.catalog-body #accountModal #modalStatusBadge{
  background:none;border:0;padding:0;font:400 14px var(--font);letter-spacing:0;text-transform:lowercase;color:var(--ok);box-shadow:none;
}
body.catalog-body #accountModal .mkode{font:600 26px/1.2 var(--font);letter-spacing:-.02em;color:var(--text);text-shadow:none}
body.catalog-body #accountModal .mharga{
  font:600 20px/1.3 var(--font);letter-spacing:0;color:var(--text);text-shadow:none;
  background:none;-webkit-text-fill-color:currentColor;font-variant-numeric:tabular-nums;
}
body.catalog-body #accountModal .mharga *{color:inherit;font-family:var(--font)}
body.catalog-body #accountModal .mv-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
body.catalog-body #accountModal .mv-tile:hover{border-color:var(--line);transform:none;box-shadow:none}
body.catalog-body #accountModal .mlabel{font:400 12px var(--font);letter-spacing:0;text-transform:none;color:var(--text-3)}
body.catalog-body #accountModal .mv-val{font-family:var(--font);color:var(--text)}
body.catalog-body #accountModal .mv-ico{background:none;border:0;box-shadow:none}
body.catalog-body #accountModal #modalEmail,
body.catalog-body #accountModal #modalPremier{font:400 14px var(--font);letter-spacing:0;text-transform:lowercase;background:none;border:0;padding:0;box-shadow:none}
body.catalog-body #accountModal .mv-sec-label{font:500 14px var(--font);letter-spacing:0;text-transform:none;color:var(--text)}
body.catalog-body #accountModal .mv-count{background:var(--card-2);border:1px solid var(--line);color:var(--text-2);font:400 12px var(--font);box-shadow:none}
body.catalog-body #accountModal .mv-sec-head::after{background:var(--line)}
body.catalog-body #accountModal .mskin-grid > *{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--text-2);
  font:400 14px var(--font);letter-spacing:0;text-transform:none;box-shadow:none;
}
body.catalog-body #accountModal .modal-ref-wrap{background:none;border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
body.catalog-body #accountModal .modal-ref-label{font:400 14px var(--font);color:var(--text-2)}
body.catalog-body #accountModal .modal-ref-label svg{color:var(--text-3)}
body.catalog-body #accountModal .modal-ref-label strong{color:var(--ok)}
body.catalog-body #accountModal .modal-ref-input{
  background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--text);
  font:400 14px var(--font);letter-spacing:0;box-shadow:none;
}
body.catalog-body #accountModal .modal-ref-input:focus{border-color:var(--text-3)}
body.catalog-body #accountModal .modal-ref-btn{
  background:none;border:1px solid var(--line-2);border-radius:var(--r);color:var(--text);
  font:500 14px var(--font);letter-spacing:0;text-transform:none;
}
body.catalog-body #accountModal .mv-actions{background:var(--card);border-top:1px solid var(--line);box-shadow:none}
body.catalog-body #accountModal .mbuy{
  border-radius:var(--r);font:500 15px var(--font);letter-spacing:0;text-transform:none;box-shadow:none;
}
body.catalog-body #accountModal .mbuy:hover{transform:none;filter:none;box-shadow:none}
body.catalog-body #accountModal .mbuy-wa{background:var(--text)!important;color:var(--on-solid)!important}
body.catalog-body #accountModal .mbuy-wa svg{fill:var(--on-solid)}
body.catalog-body #accountModal .mbuy-wa:hover{background:var(--text-2)!important;box-shadow:none}
body.catalog-body #accountModal .mbuy-tuker{background:none;border:1px solid var(--line-2);color:var(--text);box-shadow:none}
body.catalog-body #accountModal .mbuy-tuker svg{color:var(--text);stroke:currentColor}
body.catalog-body #accountModal .mbuy-tuker:hover{background:none;border-color:var(--text-3);box-shadow:none}

html[data-theme="light"] body.catalog-body .card-currency-item img,
html[data-theme="light"] body.catalog-body #accountModal img.mv-ico{filter:brightness(0) opacity(.6)!important}
html[data-theme="light"] body.catalog-body #accountModal{background:rgba(0,0,0,.45)}

@media (max-width:767px){
  .kt-head{padding-top:18px;padding-bottom:12px}
  .kt-h1{font-size:22px}
  .kt-strip img{margin-top:12px}
  .kt-layout{gap:12px}
  .kt-filter-toggle{height:40px}
  .kt-toolbar{margin-bottom:10px;min-height:0;gap:8px}
  body.catalog-body .page-info{font-size:13px}
  body.catalog-body .kt-toolbar .fp-field select{min-width:0;height:36px}
  body.catalog-body .card-kode{font-size:14px}
  body.catalog-body .card-price-glass{font-size:15px}
  body.catalog-body .card-buy-btn{height:36px;font-size:13px}
  body.catalog-body .pagination-wrap{margin-top:20px;gap:4px}
  body.catalog-body .page-btn{min-width:34px;height:34px;padding:0 6px}
  body.catalog-body #sec-katalog{padding-bottom:40px}
  .kt-more{padding-top:8px;padding-bottom:40px}
  .kt-more .mk-h2{margin-bottom:12px}
  body.catalog-body .qa-wrap{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;
    margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:none;
  }
  body.catalog-body .qa-wrap::-webkit-scrollbar{display:none}
  body.catalog-body .qa-btn{flex:0 0 62%!important;width:62%!important;height:auto!important;aspect-ratio:4/3!important;scroll-snap-align:start}
}
#accountModal #modalBuyBtnInner{background:var(--accent);color:#fff;border:none}
#accountModal #modalBuyBtnInner:hover{background:var(--accent-hover)}
@media (max-width:520px){#accountModal .mv-actions{flex-wrap:wrap}#accountModal .mv-actions a{flex:1 1 calc(50% - 4px)}#accountModal .mv-actions a#modalBuyBtn{flex-basis:100%}}