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

/* -------------------------------------------------------------------------
   Homepage guide: SVG is measured against the actual word and switch, so the
   line cannot drift above the control or disappear as the headline changes.
   ---------------------------------------------------------------------- */
.mks-gateway__head{position:relative!important;overflow:visible!important}
.mks-view-annotation{display:none!important}
.mks-view-guide-svg{
  position:absolute;inset:0;z-index:24;width:100%;height:100%;overflow:visible;pointer-events:none;
  color:#48bfdc
}
.mks-view-guide-svg .mks-view-guide__line{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.78}
.mks-view-guide-svg .mks-view-guide__arrow{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.92}
.mks-view-guide-svg .mks-view-guide__label{
  fill:currentColor;stroke:#071225;stroke-width:8px;paint-order:stroke fill;
  font:900 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.35px;text-transform:uppercase
}
html[data-mks-theme="light"] .mks-view-guide-svg{color:#21839b}
html[data-mks-theme="light"] .mks-view-guide-svg .mks-view-guide__label{stroke:#eee9df}

/* Switch: clearly a two-state technical selector, sharp rather than pill-like. */
.mks-view-switch,.mks-view-switch[aria-pressed="true"]{
  width:246px!important;height:46px!important;padding:3px!important;border-radius:0!important;
  border:1px solid rgba(210,174,103,.78)!important;background:rgba(4,10,23,.76)!important;
  box-shadow:5px 5px 0 rgba(210,174,103,.08)!important
}
.mks-view-switch__btn{border-radius:0!important;min-height:38px!important}
.mks-view-switch__btn:first-child{border-right:1px solid rgba(210,174,103,.22)!important}
.mks-view-switch__btn+ .mks-view-switch__btn{border-left:0!important}
.mks-view-switch__btn.is-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important}
html[data-mks-theme="light"] .mks-view-switch{background:rgba(255,255,255,.58)!important}

/* -------------------------------------------------------------------------
   MK title regression: the generic .mks-identity span rule must never shrink
   the two fracture-title lines.
   ---------------------------------------------------------------------- */
.mks-gateway .mks-fracture-title>span{
  display:block!important;margin:0!important;padding:0!important;color:inherit!important;
  font:inherit!important;font-size:1em!important;font-weight:inherit!important;line-height:inherit!important;
  letter-spacing:inherit!important;text-transform:inherit!important
}

/* -------------------------------------------------------------------------
   Wishlist: give the Turkish capital İ enough breathing room and make the
   save control visually fit its own circle.
   ---------------------------------------------------------------------- */
.mks-account-wishlist>header span{display:block!important;margin-bottom:.72rem!important}
.mks-account-wishlist>header h2{margin:0 0 .55rem!important;line-height:1!important;overflow:visible!important}
.mks-wishlist-btn--card{
  width:38px!important;height:38px!important;right:.72rem!important;top:.72rem!important;padding:0!important;
  border-radius:50%!important;display:grid!important;place-items:center!important
}
.mks-wishlist-btn--card svg{
  width:15px!important;height:15px!important;display:block!important;margin:0!important;transform:none!important;
  overflow:visible!important
}
.mks-wishlist-btn--card.is-active svg{transform:none!important}
.mks-wishlist-btn--card svg path{vector-effect:non-scaling-stroke}

/* -------------------------------------------------------------------------
   Dashboard: concise, useful member overview.
   ---------------------------------------------------------------------- */
.mks-dashboard-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:1.1rem 0 1.35rem;border:1px solid var(--line);background:var(--line)}
.mks-dashboard-overview__card{position:relative;display:grid;min-height:142px;padding:1rem;background:#071225;color:inherit;text-decoration:none;transition:background .18s ease,transform .18s ease}
.mks-dashboard-overview__card span{color:var(--gold);font-size:.47rem;font-weight:900;letter-spacing:.14em}
.mks-dashboard-overview__card strong{align-self:end;margin:.55rem 0 .35rem;font:500 2.25rem/.9 ui-serif,Georgia,serif;letter-spacing:-.05em}
.mks-dashboard-overview__card small{max-width:20ch;color:var(--muted);font-size:.62rem;line-height:1.4}
.mks-dashboard-overview__card i{position:absolute;right:.8rem;top:.75rem;color:rgba(210,174,103,.62);font-style:normal;font-size:.72rem}
.mks-dashboard-overview__card:hover{background:#0a172a;transform:translateY(-1px)}
html[data-mks-theme="light"] .mks-dashboard-overview__card{background:rgba(255,255,255,.58)}
html[data-mks-theme="light"] .mks-dashboard-overview__card:hover{background:#fff}

/* -------------------------------------------------------------------------
   Address forms: required phone + a deliberate country control rather than a
   browser-default select dropped into the member UI.
   ---------------------------------------------------------------------- */
.mks-account-page #billing_phone_field label .optional{display:none!important}
.mks-account-page select.country_to_state,
.mks-account-page select.country_select{
  width:100%!important;min-height:56px!important;padding:.8rem 3rem .8rem 1rem!important;
  border:1px solid var(--line)!important;border-radius:3px!important;appearance:none!important;-webkit-appearance:none!important;
  background-color:rgba(255,255,255,.035)!important;color:inherit!important;
  background-image:linear-gradient(45deg,transparent 50%,#8c98aa 50%),linear-gradient(135deg,#8c98aa 50%,transparent 50%)!important;
  background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important
}
.mks-account-page .select2-container{width:100%!important}
.mks-account-page .select2-container--default .select2-selection--single{
  min-height:56px!important;border:1px solid var(--line)!important;border-radius:3px!important;background:rgba(255,255,255,.035)!important;color:inherit!important
}
.mks-account-page .select2-container--default .select2-selection--single .select2-selection__rendered{height:54px!important;padding:0 3rem 0 1rem!important;color:inherit!important;line-height:54px!important}
.mks-account-page .select2-container--default .select2-selection--single .select2-selection__arrow{height:54px!important;right:.75rem!important}
.mks-account-page .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#8c98aa transparent transparent transparent!important}
.select2-container--open .select2-dropdown{border-color:var(--line)!important;border-radius:0!important;background:#0a1424!important;color:#e8edf4!important}
.select2-results__option{padding:.7rem .9rem!important;font-size:.78rem!important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#18263a!important;color:#fff!important}
html[data-mks-theme="light"] .mks-account-page select.country_to_state,
html[data-mks-theme="light"] .mks-account-page select.country_select,
html[data-mks-theme="light"] .mks-account-page .select2-container--default .select2-selection--single{background-color:rgba(255,255,255,.88)!important;color:#171b24!important;border-color:rgba(40,55,76,.15)!important}
html[data-mks-theme="light"] .select2-container--open .select2-dropdown{background:#fff!important;color:#171b24!important;border-color:rgba(40,55,76,.15)!important}
html[data-mks-theme="light"] .select2-container--default .select2-results__option--highlighted[aria-selected]{background:#eee9df!important;color:#171b24!important}

@media(max-width:1050px){
  .mks-view-guide-svg{display:none!important}
  .mks-dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mks-dashboard-overview{grid-template-columns:1fr}
  .mks-dashboard-overview__card{min-height:112px}
  .mks-wishlist-btn--card{width:40px!important;height:40px!important}
}