/* Mert Karataş Shop v1.6.8 --------------------------------------------- */

/* Email verification: a status strip that belongs to the member system. */
.mks-verify-status{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;
  margin:0 0 1.1rem;padding:1.15rem 1.2rem;border:1px solid var(--line);background:rgba(6,17,34,.72);
  box-shadow:inset 3px 0 0 var(--gold)
}
.mks-verify-status>div>span{display:block;margin-bottom:.42rem;color:var(--gold);font-size:.48rem;font-weight:900;letter-spacing:.16em}
.mks-verify-status strong{display:block;font:500 1.55rem/1 ui-serif,Georgia,serif;letter-spacing:-.035em;color:var(--ink)}
.mks-verify-status p{max-width:74ch;margin:.45rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.55}
.mks-verify-status form{margin:0}
.mks-verify-status button{
  min-height:44px;padding:.75rem 1rem;border:1px solid var(--gold);border-radius:0;background:transparent;color:var(--ink);
  font:900 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;cursor:pointer
}
.mks-verify-status button:hover{background:var(--gold);color:#071225}
.mks-verify-status>b{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);font:900 1rem/1 ui-monospace,monospace}
.mks-verify-status.is-success{box-shadow:inset 3px 0 0 #48bfdc}
.mks-verify-status.is-success>div>span,.mks-verify-status.is-success>b{color:#48bfdc;border-color:#48bfdc}

/* Achievements: editorial records rather than game-like badges. */
.mks-achievements{margin:1.35rem 0 0;border-top:1px solid var(--line);padding-top:1.35rem}
.mks-achievements__head{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:1.5rem;align-items:end;margin-bottom:1rem}
.mks-achievements__head>div>span{display:block;color:var(--gold);font-size:.48rem;font-weight:900;letter-spacing:.16em}
.mks-achievements__head h2{margin:.38rem 0 .35rem;font:500 clamp(2rem,4vw,3.4rem)/.94 ui-serif,Georgia,serif;letter-spacing:-.055em;color:var(--ink)}
.mks-achievements__head p{max-width:62ch;margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}
.mks-achievements__score{display:grid;justify-items:end;align-content:end;gap:.25rem}
.mks-achievements__score strong{font:500 2.3rem/.9 ui-serif,Georgia,serif;letter-spacing:-.05em}
.mks-achievements__score span{color:var(--muted);font-size:.47rem;font-weight:900;letter-spacing:.15em}
.mks-achievements__score i{display:block;width:100%;height:2px;background:var(--line);position:relative;margin-top:.35rem}
.mks-achievements__score i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--achievement-progress);background:var(--gold)}
.mks-achievements__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}
.mks-achievement{position:relative;min-height:182px;padding:1rem;background:#071225;overflow:hidden}
.mks-achievement:after{content:"";position:absolute;right:-24px;bottom:-34px;width:105px;height:105px;border:1px solid rgba(210,174,103,.12);transform:rotate(45deg)}
.mks-achievement.is-locked{opacity:.67}
.mks-achievement__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.35rem}
.mks-achievement__top span{color:var(--gold);font-size:.48rem;font-weight:900;letter-spacing:.14em}
.mks-achievement__top b{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);font:900 .65rem/1 ui-monospace,monospace;color:var(--muted)}
.mks-achievement.is-unlocked .mks-achievement__top b{border-color:rgba(210,174,103,.65);color:var(--gold)}
.mks-achievement h3{margin:0 0 .42rem;font:600 1.25rem/1 ui-serif,Georgia,serif;letter-spacing:-.025em;color:var(--ink)}
.mks-achievement p{max-width:30ch;margin:0;color:var(--muted);font-size:.65rem;line-height:1.5}
.mks-achievement__progress{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center}
.mks-achievement__progress>i{height:2px;background:var(--line);position:relative}
.mks-achievement__progress>i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:var(--gold)}
.mks-achievement__progress small{font-size:.45rem;font-weight:900;letter-spacing:.12em;color:var(--muted)}
.mks-achievement time{position:absolute;right:1rem;top:3.35rem;color:rgba(148,160,179,.7);font:700 .44rem/1 ui-monospace,monospace;letter-spacing:.08em}

html[data-mks-theme="light"] .mks-verify-status{background:rgba(255,255,255,.62)}
html[data-mks-theme="light"] .mks-achievement{background:rgba(255,255,255,.62)}
html[data-mks-theme="light"] .mks-achievement:after{border-color:rgba(137,102,36,.10)}

@media(max-width:1050px){
  .mks-achievements__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mks-verify-status{grid-template-columns:1fr;padding:1rem}
  .mks-verify-status form{width:100%}.mks-verify-status button{width:100%}
  .mks-achievements__head{grid-template-columns:1fr}
  .mks-achievements__score{justify-items:start;width:100%}
  .mks-achievements__grid{grid-template-columns:1fr}
  .mks-achievement{min-height:158px}
}