/* Production PHP bridge. The visual primitives are shared with preview-full.html. */
body.ms-php-market .product-inspect {
  display: grid;
  place-items: center;
  min-width: 94px;
  border: 0;
  background: linear-gradient(115deg, #bb7b24, #e6b64f);
  color: #1b0e04;
  font-size: 11px;
  font-weight: 850;
}
body.ms-php-market .product-inspect:hover {
  filter: brightness(1.12);
}
body.ms-php-market .product-art {
  display: grid;
  cursor: pointer;
}
body.ms-php-market .section-head .lede {
  margin-top: 12px;
}
body.ms-php-market .market-category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
}
body.ms-php-market .market-category-list a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 43px;
  padding: 7px 11px;
  border: 1px solid var(--line);
  background: #160e08;
  color: #cab99e;
  font-size: 11px;
  font-weight: 750;
}
body.ms-php-market .market-category-list a:hover,
body.ms-php-market .market-category-list a.active {
  border-color: var(--gold2);
  color: var(--gold2);
}
body.ms-php-market .market-category-list img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
body.ms-php-market .market-empty {
  padding: 35px;
  border: 1px solid var(--line);
  color: var(--muted);
  text-align: center;
}
body.ms-php-market .market-currency-fallback > p {
  margin: 0 0 16px;
  padding: 12px 15px;
  border-left: 2px solid var(--gold);
  background: rgba(223, 164, 58, 0.08);
  color: #d9c4a2;
  font-size: 12px;
}
body.ms-php-market #marketModalContent {
  min-height: 0;
}
body.ms-php-market .market-detail-price {
  color: var(--gold2);
  font-size: 18px;
  font-weight: 800;
}
body.ms-php-market .market-detail-description {
  min-height: 68px;
  padding: 14px;
  border: 1px solid var(--line);
  color: #d2c1a6;
  font-size: 12px;
}
body.ms-php-market .market-detail-quantity button {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  background: #140d08;
  color: var(--cream);
}
body.ms-php-market .market-detail-quantity button.active {
  border-color: var(--gold2);
  background: #39250f;
  color: var(--gold2);
}
body.ms-php-market .market-detail-buy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
body.ms-php-market .market-detail-buy:hover {
  filter: brightness(1.08);
}
body.ms-php-market .provider {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-width: 0;
  text-align: center;
}
body.ms-php-market .provider strong {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--cream);
  font-size: 11px;
}
body.ms-php-market .provider .provider-desc {
  display: block;
  margin-top: -4px;
  color: var(--cream);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
body.ms-php-market .payment-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: 16px;
}
body.ms-php-market .payment-form-grid .primary {
  width: 100%;
}
body.ms-php-market .market-result-page {
  max-width: 620px;
  margin: auto;
  text-align: center;
}
body.ms-php-market .market-result-page .symbol {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 10px auto 18px;
  border: 1px solid var(--gold);
  border-radius: 50%;
  color: var(--gold2);
  font-size: 30px;
}
body.ms-php-market .market-result-page .primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 160px;
  margin-top: 18px;
  padding: 0 24px;
  line-height: 1;
  white-space: nowrap;
}
body.ms-php-market .market-result-page .primary .fa {
  margin-right: 0;
  font-size: 14px;
}
body.ms-php-market .market-auth-panel {
  max-width: 520px;
  margin: auto;
}
body.ms-php-market .market-auth-panel .g-recaptcha {
  margin: 20px 0;
  min-height: 78px;
}
body.ms-php-market .market-auth-panel .primary {
  width: 100%;
}
body.ms-php-market .market-login-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}
body.ms-php-market .market-login-links a {
  color: var(--gold2);
  font-size: 11px;
}
body.ms-php-market .transfer-item-icon {
  display: block;
  width: 76px;
  height: 76px;
  object-fit: contain;
  margin: 16px auto;
  padding: 8px;
  border: 1px solid var(--line);
  background: #120c08;
}
@media (max-width: 760px) {
  body.ms-php-market .market-category-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  body.ms-php-market .market-category-list a {
    flex: 0 0 auto;
  }
}

/* Market navigation and catalog filters */
body.ms-php-market .navigation {
  min-height: 76px;
  gap: 24px;
  background: #100c09;
  border-top: 1px solid rgba(223, 164, 58, 0.12);
}
body.ms-php-market .navigation-label {
  flex: 0 0 auto;
  color: #bca985;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.16em;
  white-space: nowrap;
}
body.ms-php-market .navigation-label span {
  padding: 0 5px;
  color: var(--gold2);
  font-size: 8px;
}
body.ms-php-market .nav-links {
  gap: 4px;
}
body.ms-php-market .nav-links a {
  min-height: 39px;
  padding: 0 14px;
  border: 1px solid transparent;
  color: #c9bdad;
  font-size: 11px;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
body.ms-php-market .nav-links a:hover {
  border-color: rgba(223, 164, 58, 0.32);
  background: rgba(223, 164, 58, 0.08);
  color: var(--cream);
}
body.ms-php-market .nav-links a.active {
  border-color: rgba(223, 164, 58, 0.45);
  background: linear-gradient(
    120deg,
    rgba(180, 112, 32, 0.22),
    rgba(180, 112, 32, 0.08)
  );
  color: var(--gold2);
}
body.ms-php-market .nav-links a.active::after {
  display: none;
}
body.ms-php-market .market-filters {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  margin: 0 0 26px;
  padding: 15px 20px;
  border: 1px solid rgba(223, 164, 58, 0.27);
  background: linear-gradient(110deg, #20150c, #130e09 40%, #100c09);
}
body.ms-php-market .market-filters-heading {
  display: grid;
  gap: 5px;
  padding-right: 18px;
  border-right: 1px solid var(--line);
}
body.ms-php-market .market-filters-heading span,
body.ms-php-market .market-subfilters > span {
  color: var(--gold2);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.13em;
}
body.ms-php-market .market-filters-heading small {
  color: #a99880;
  font-size: 10px;
}
body.ms-php-market .market-filter-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.ms-php-market .market-filter-links::-webkit-scrollbar {
  display: none;
}
body.ms-php-market .market-filter-link {
  display: inline-flex;
  align-items: center;
  min-height: 39px;
  padding: 0 15px;
  border: 1px solid rgba(223, 164, 58, 0.23);
  background: rgba(8, 6, 4, 0.45);
  color: #d4c6b1;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
body.ms-php-market .market-filter-link:hover {
  border-color: var(--gold);
  background: #2a1b0d;
  color: var(--cream);
}
body.ms-php-market .market-filter-link.active {
  border-color: var(--gold);
  background: linear-gradient(115deg, #a16b27, #d69d3c);
  color: #160c04;
}
body.ms-php-market .market-subfilters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: -12px 0 24px;
}
body.ms-php-market .market-subfilters > span {
  margin-right: 8px;
}
body.ms-php-market .market-subfilters a {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(223, 164, 58, 0.38);
  color: #d1bea2;
  font-size: 11px;
}
body.ms-php-market .market-subfilters a:hover {
  color: var(--gold2);
  border-color: var(--gold2);
}

/* Compact product cards: the complete card is one accessible detail link. */
body.ms-php-market .product-card {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  grid-template-rows: minmax(112px, 1fr) 45px;
  min-height: 158px;
  color: var(--cream);
  text-decoration: none;
  background: linear-gradient(
    145deg,
    rgba(52, 32, 15, 0.78),
    rgba(13, 10, 7, 0.98) 58%
  );
}
body.ms-php-market .product-art {
  grid-column: 1;
  grid-row: 1;
  width: 88px;
  height: 88px;
  margin: 12px 0 12px 12px;
  border: 1px solid rgba(223, 164, 58, 0.4);
  box-shadow:
    inset 0 0 0 4px rgba(9, 6, 4, 0.66),
    inset 0 0 0 5px rgba(223, 164, 58, 0.2);
}
body.ms-php-market .product-art img {
  max-width: 74px;
  max-height: 74px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 5px 5px #000);
  image-rendering: auto;
}
body.ms-php-market .product-card:hover .product-art img {
  transform: none;
}
body.ms-php-market .product-art .tag {
  top: 3px;
  left: 3px;
  padding: 3px 5px;
  font-size: 8px;
}
body.ms-php-market .product-body {
  grid-column: 2;
  grid-row: 1;
  min-height: 0;
  padding: 15px 14px 10px 12px;
  overflow: hidden;
}
body.ms-php-market .product-body h3 {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
body.ms-php-market .product-duration {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: -1px 0 6px;
  padding: 4px 7px;
  border: 1px solid rgba(223, 164, 58, 0.35);
  background: rgba(223, 164, 58, 0.08);
  color: var(--gold2);
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}
body.ms-php-market .product-duration svg,
body.ms-php-market .market-detail-duration svg {
  width: 13px;
  height: 13px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.ms-php-market .product-body p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.5;
}
body.ms-php-market .product-duration + p {
  -webkit-line-clamp: 2;
}
body.ms-php-market .product-foot {
  grid-column: 1/-1;
  grid-row: 2;
  height: 45px;
}
body.ms-php-market .product-foot .cost {
  padding: 0 14px;
  font-size: 12px;
}
body.ms-php-market .product-inspect {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  gap: 6px;
  font-size: 10px;
}
body.ms-php-market .product-inspect span {
  font-size: 14px;
}
body.ms-php-market .market-detail-duration {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  color: #d1bea2;
  font-size: 12px;
}
body.ms-php-market .market-detail-duration svg {
  width: 16px;
  height: 16px;
  color: var(--gold2);
}
body.ms-php-market .market-detail-duration strong {
  color: var(--gold2);
}
body.ms-php-market .offer {
  display: block;
  color: inherit;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
body.ms-php-market .offer:hover {
  transform: translateY(-3px);
  border-color: rgba(245, 212, 116, 0.58);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.22);
}
body.ms-php-market .offer:active {
  transform: translateY(-1px);
}
body.ms-php-market .offer:hover > img {
  transform: none;
  transition: none;
}
body.ms-php-market .offer-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(223, 164, 58, 0.48);
  background: rgba(24, 14, 7, 0.84);
  color: var(--gold2);
  font-size: 10px;
  font-weight: 800;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
body.ms-php-market .offer:hover .offer-link,
body.ms-php-market .offer:focus-visible .offer-link {
  border-color: #f5c967;
  background: linear-gradient(115deg, #c58b32, #f3c967);
  color: #1b0e04;
}
body.ms-php-market .account-nav {
  gap: 5px;
  padding: 14px;
}
body.ms-php-market .account-nav a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 11px;
  line-height: 1.2;
  white-space: nowrap;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
body.ms-php-market .account-nav a:hover {
  border-color: rgba(223, 164, 58, 0.28);
  background: rgba(223, 164, 58, 0.07);
  color: var(--cream);
}
body.ms-php-market .account-nav a.active {
  border-color: rgba(223, 164, 58, 0.55);
  background: linear-gradient(
    115deg,
    rgba(176, 108, 29, 0.28),
    rgba(223, 164, 58, 0.1)
  );
  color: var(--gold2);
}
body.ms-php-market .character span + span {
  margin-top: 2px;
  color: var(--gold);
  font-weight: 750;
}
body.ms-php-market .drawer nav .drawer-logout {
  display: flex;
  justify-content: space-between;
  margin-top: 17px;
  border-color: rgba(223, 164, 58, 0.46);
  background: rgba(223, 164, 58, 0.08);
  color: var(--gold2);
}
body.ms-php-market .drawer nav .drawer-logout:hover {
  background: rgba(223, 164, 58, 0.18);
}

/* Login layout retains the existing form and authentication endpoints. */
body.market-login-page .market-auth-main {
  padding-top: clamp(28px, 5vw, 72px);
  padding-bottom: clamp(35px, 5vw, 70px);
}
body.market-login-page .market-auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(390px, 0.85fr);
  max-width: 1050px;
  min-height: 560px;
  margin: auto;
  border: 1px solid rgba(223, 164, 58, 0.38);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.36);
}
body.market-login-page .market-auth-story {
  position: relative;
  display: flex;
  align-items: end;
  min-height: 560px;
  padding: clamp(28px, 4vw, 58px);
  overflow: hidden;
  background:
    linear-gradient(0deg, rgba(13, 8, 5, 0.96), rgba(13, 8, 5, 0.18) 80%),
    url("../../ThemeMetinsah/images/footer-bg.png") center/cover no-repeat;
}
body.market-login-page .market-auth-story::after {
  position: absolute;
  inset: 15px;
  border: 1px solid rgba(223, 164, 58, 0.33);
  content: "";
  pointer-events: none;
}
body.market-login-page .market-auth-story > div {
  position: relative;
  z-index: 1;
  max-width: 390px;
}
body.market-login-page .market-auth-story h2 {
  margin: 12px 0;
  font-size: clamp(32px, 3.5vw, 50px);
  line-height: 1.05;
}
body.market-login-page .market-auth-story p {
  color: #d5c5af;
  font-size: 13px;
  line-height: 1.7;
}
body.market-login-page .market-trust {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding: 12px 14px;
  border: 1px solid rgba(223, 164, 58, 0.45);
  background: rgba(20, 12, 5, 0.76);
  color: #d9cbb4;
  font-size: 11px;
  line-height: 1.5;
}
body.market-login-page .market-trust .fa {
  flex: none;
  color: var(--gold2);
  font-size: 20px;
}
body.market-login-page .market-trust strong {
  color: var(--gold2);
}
body.market-login-page .market-auth-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: clamp(28px, 3vw, 48px);
  border: 0;
  background: linear-gradient(145deg, #24150b, #120c08 62%);
}
body.market-login-page .market-auth-panel .lede {
  margin-bottom: 25px;
}
/* Login and coupon use the same input states. */
body.market-login-page .market-auth-panel .field,
body.ms-php-market #couponForm .field {
  min-height: 48px;
  border: 1px solid rgba(223, 164, 58, 0.32);
  background: #100b08;
  color: var(--cream);
  outline: 0;
  box-shadow: none;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
body.market-login-page .market-auth-panel .field:hover:not(:focus),
body.ms-php-market #couponForm .field:hover:not(:focus) {
  border-color: rgba(245, 212, 116, 0.72);
  background: #21150c;
}
body.market-login-page .market-auth-panel .field:focus,
body.ms-php-market #couponForm .field:focus {
  border-color: var(--gold2);
  background: #1a110b;
  box-shadow: 0 0 0 3px rgba(245, 212, 116, 0.2);
}
body.market-login-page .market-auth-panel .field:-webkit-autofill,
body.ms-php-market #couponForm .field:-webkit-autofill {
  box-shadow: 0 0 0 1000px #100b08 inset;
  -webkit-text-fill-color: var(--cream);
  caret-color: var(--cream);
}
body.market-login-page .market-auth-panel .field:-webkit-autofill:focus,
body.ms-php-market #couponForm .field:-webkit-autofill:focus {
  box-shadow:
    0 0 0 1000px #100b08 inset,
    0 0 0 3px rgba(245, 212, 116, 0.2);
}
@media (max-width: 1400px) {
  body.ms-php-market .navigation-label {
    display: none;
  }
  body.ms-php-market .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1020px) {
  body.ms-php-market .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.ms-php-market .market-filters {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  body.ms-php-market .market-filters-heading {
    padding: 0 0 10px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  body.market-login-page .market-auth-layout {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 760px) {
  body.ms-php-market .navigation {
    display: grid;
    gap: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  body.ms-php-market .nav-links {
    grid-row: auto;
    width: 100%;
  }
  body.ms-php-market .nav-links a {
    min-height: 38px;
  }
  body.ms-php-market .market-filter-links {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 4px;
  }
  body.market-login-page .market-auth-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  body.market-login-page .market-auth-story {
    min-width: 0;
    min-height: 225px;
    padding: 30px;
  }
  body.market-login-page .market-auth-story h2 {
    font-size: 30px;
  }
  body.market-login-page .market-auth-story p {
    margin: 6px 0;
    font-size: 11px;
  }
  body.market-login-page .market-auth-story strong {
    margin-top: 8px;
  }
  body.market-login-page .market-auth-panel {
    min-width: 0;
    padding: 30px;
  }
}
@media (max-width: 620px) {
  body.ms-php-market .product-grid {
    grid-template-columns: 1fr;
  }
  body.ms-php-market .product-card {
    grid-template-columns: 104px minmax(0, 1fr);
  }
  body.ms-php-market .market-filters {
    margin-bottom: 20px;
    padding: 14px;
  }
  body.market-login-page .market-auth-story {
    min-height: 210px;
  }
  body.market-login-page .market-auth-main {
    padding-top: 20px;
  }
  body.market-login-page .market-auth-panel {
    padding: 20px;
  }
  body.market-login-page .market-auth-panel .g-recaptcha {
    transform: scale(0.92);
    transform-origin: left top;
    margin-bottom: 8px;
  }
}

/* The market identity follows the main site's exact logo hover direction. */
body.ms-php-market .brand {
  transform: none;
  filter: none;
}
body.ms-php-market .brand:hover,
body.ms-php-market .brand:focus-visible {
  transform: none;
  filter: none;
}
body.ms-php-market .brand img {
  filter: drop-shadow(0 0 19px rgba(255, 174, 35, 0.3));
  transition:
    filter 0.25s ease,
    transform 0.25s ease;
}
body.ms-php-market .brand img:hover,
body.ms-php-market .brand:focus-visible img {
  filter: drop-shadow(0 0 25px rgba(255, 174, 35, 0.48));
  transform: translateY(-2px) scale(1.035);
}

/* Keep the selected subcategory visible when its page is loaded. */
body.ms-php-market .market-subfilters {
  padding: 9px 0 4px;
  border-bottom: 1px solid rgba(223, 164, 58, 0.2);
}
body.ms-php-market .market-subfilters a {
  border: 1px solid transparent;
  border-bottom: 2px solid rgba(223, 164, 58, 0.28);
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}
body.ms-php-market .market-subfilters a:hover {
  border-color: rgba(223, 164, 58, 0.28);
  border-bottom-color: rgba(223, 164, 58, 0.6);
  background: rgba(223, 164, 58, 0.07);
  color: var(--cream);
}
body.ms-php-market .market-subfilters a.active {
  border-color: rgba(223, 164, 58, 0.46);
  border-bottom-color: var(--gold2);
  background: rgba(223, 164, 58, 0.16);
  color: var(--gold2);
  font-weight: 800;
}

/* Product hover is intentionally softer than the selected or keyboard focus state. */
body.ms-php-market .product-card:hover {
  transform: translateY(-2px);
  border-color: rgba(223, 164, 58, 0.42);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.19);
  background: linear-gradient(
    145deg,
    rgba(62, 39, 19, 0.83),
    rgba(18, 12, 8, 0.98) 58%
  );
}
body.ms-php-market .product-card:focus-visible {
  outline: 2px solid var(--gold2);
  outline-offset: 2px;
  border-color: var(--gold2);
  box-shadow: 0 0 0 3px rgba(223, 164, 58, 0.22);
}
body.ms-php-market .product-card:hover .product-art {
  border-color: rgba(223, 164, 58, 0.5);
}
body.ms-php-market .modal {
  width: min(760px, 100%);
}
body.ms-php-market .detail-layout {
  grid-template-columns: minmax(200px, 0.72fr) minmax(0, 1fr);
}
body.ms-php-market .detail-art {
  min-height: 305px;
}
body.ms-php-market .detail-art img {
  max-width: 105px;
  max-height: 145px;
  width: auto;
  height: auto;
}

/* Primary actions keep their size and position while the colour responds. */
body.ms-php-market .primary {
  background: linear-gradient(115deg, #be852d, #edbf59);
  border-color: #e0aa4e;
  box-shadow: inset 0 1px rgba(255, 238, 176, 0.25);
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}
body.ms-php-market .primary:hover {
  transform: none;
  background: linear-gradient(115deg, #d99b3d, #ffda79);
  border-color: #f5c967;
  box-shadow:
    0 0 0 2px rgba(245, 201, 103, 0.15),
    0 7px 18px rgba(0, 0, 0, 0.18);
  filter: none;
}
body.ms-php-market .primary:active {
  background: linear-gradient(115deg, #a66b20, #d4a344);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 760px) {
  body.ms-php-market .detail-layout {
    grid-template-columns: 1fr;
  }
  body.ms-php-market .detail-art {
    min-height: 185px;
  }
  body.ms-php-market .account-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    white-space: normal;
  }
  body.ms-php-market .account-nav a {
    min-width: 0;
    padding-inline: 9px;
    font-size: 10px;
  }
  body.ms-php-market .account-nav a:last-child {
    grid-column: 1/-1;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.ms-php-market .brand img,
  body.ms-php-market .product-card {
    transition: none;
  }
}

/* Search button follows the exact same look and reactions as the primary buttons (e.g. "Kodu Kullan"). */
body.ms-php-market .search button,
body.ms-php-market #searchForm button,
body.ms-php-market form[role="search"] button,
body.ms-php-market .ms-auth-search button,
body.ms-php-market #searchForm .btn-search {
  border: 0 !important;
  border-left: 1px solid #e0aa4e !important;
  background: linear-gradient(115deg, #be852d, #edbf59) !important;
  color: #1b0e04 !important;
  box-shadow: inset 0 1px rgba(255, 238, 176, 0.25);
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}
body.ms-php-market .search button:hover,
body.ms-php-market #searchForm button:hover,
body.ms-php-market form[role="search"] button:hover,
body.ms-php-market .ms-auth-search button:hover,
body.ms-php-market #searchForm .btn-search:hover,
body.ms-php-market .search button:focus-visible,
body.ms-php-market #searchForm button:focus-visible,
body.ms-php-market form[role="search"] button:focus-visible,
body.ms-php-market .ms-auth-search button:focus-visible,
body.ms-php-market #searchForm .btn-search:focus-visible {
  transform: none;
  background: linear-gradient(115deg, #d99b3d, #ffda79) !important;
  border-left-color: #f5c967 !important;
  box-shadow:
    0 0 0 2px rgba(245, 201, 103, 0.15),
    0 7px 18px rgba(0, 0, 0, 0.18);
  filter: none;
}
body.ms-php-market .search button:active,
body.ms-php-market #searchForm button:active,
body.ms-php-market form[role="search"] button:active,
body.ms-php-market .ms-auth-search button:active,
body.ms-php-market #searchForm .btn-search:active {
  background: linear-gradient(115deg, #a66b20, #d4a344) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}
body.ms-php-market .search button .fa,
body.ms-php-market #searchForm button .fa {
  color: inherit !important;
}

/* Search box uses the same hover / focus states as the coupon and login inputs. */
body.ms-php-market .search,
body.ms-php-market #searchForm.search {
  border: 1px solid rgba(223, 164, 58, 0.32);
  background: #100b08;
  box-shadow: none;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
body.ms-php-market .search:hover:not(:focus-within),
body.ms-php-market #searchForm.search:hover:not(:focus-within) {
  border-color: rgba(245, 212, 116, 0.72);
  background: #21150c;
}
body.ms-php-market .search:focus-within,
body.ms-php-market #searchForm.search:focus-within {
  border-color: var(--gold2);
  background: #1a110b;
  box-shadow: 0 0 0 3px rgba(245, 212, 116, 0.2);
}
body.ms-php-market .search input[type="search"],
body.ms-php-market .search input[type="search"]:focus {
  outline: 0;
  box-shadow: none;
  background: transparent;
}
body.ms-php-market .search input[type="search"]:-webkit-autofill {
  box-shadow: 0 0 0 1000px #100b08 inset;
  -webkit-text-fill-color: var(--cream);
  caret-color: var(--cream);
}

/* Account menu button: soft gold reaction on hover, press and open (no movement, size stays the same). */
body.ms-php-market .account-toggle {
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
body.ms-php-market .account-toggle .fa {
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}
body.ms-php-market .account-toggle:hover {
  border-color: rgba(245, 212, 116, 0.72);
  background: #33200f;
  box-shadow: 0 0 0 2px rgba(245, 212, 116, 0.12);
}
body.ms-php-market .account-toggle:hover .fa {
  color: #ffe08a;
}
body.ms-php-market .account-toggle:focus-visible {
  outline: 0;
  border-color: var(--gold2);
  background: #33200f;
  box-shadow: 0 0 0 3px rgba(245, 212, 116, 0.2);
}
body.ms-php-market .account-toggle:active,
body.ms-php-market .account-toggle[aria-expanded="true"] {
  border-color: var(--gold2);
  background: #170e07;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35);
}
body.ms-php-market .account-toggle:active .fa {
  transform: scale(0.92);
}

/* ==========================================================================
   Market buttons follow the main site's (ThemeMetinsah) button look.
   Gold buttons: same gradient, border and a soft colour shift on hover.
   No jumping, no glow ring, no brightness filter. Sizes and fonts are untouched.
   ========================================================================== */
body.ms-php-market .primary,
body.ms-php-market .topup,
body.ms-php-market .product-inspect,
body.ms-php-market .product-foot button,
body.ms-php-market #searchForm.search button[type="submit"],
body.ms-php-market .search button,
body.ms-php-market #searchForm button,
body.ms-php-market form[role="search"] button,
body.ms-php-market .ms-auth-search button,
body.ms-php-market #searchForm .btn-search {
  color: #140c04 !important;
  border-color: #edca77 !important;
  background: linear-gradient(135deg, #e8bd62, #b77d29) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.26), 0 8px 30px rgba(180, 121, 36, 0.16) !important;
  filter: none !important;
  cursor: pointer;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
body.ms-php-market #searchForm.search button[type="submit"],
body.ms-php-market .search button,
body.ms-php-market #searchForm button,
body.ms-php-market form[role="search"] button,
body.ms-php-market .ms-auth-search button,
body.ms-php-market #searchForm .btn-search {
  border-width: 0 0 0 1px !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.26) !important;
}
body.ms-php-market .primary:hover:not(:disabled),
body.ms-php-market .product-inspect:hover,
body.ms-php-market .product-foot button:hover:not(:disabled),
body.ms-php-market #searchForm.search button[type="submit"]:hover,
body.ms-php-market #searchForm.search button[type="submit"]:focus-visible,
body.ms-php-market .search button:hover,
body.ms-php-market #searchForm button:hover,
body.ms-php-market form[role="search"] button:hover,
body.ms-php-market .ms-auth-search button:hover,
body.ms-php-market #searchForm .btn-search:hover {
  transform: none !important;
  color: #080604 !important;
  border-color: #f4d383 !important;
  background: linear-gradient(135deg, #f4d383, #c99336) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 10px 30px rgba(180, 121, 36, 0.2) !important;
  filter: none !important;
}
body.ms-php-market #searchForm.search button[type="submit"]:hover,
body.ms-php-market #searchForm.search button[type="submit"]:focus-visible,
body.ms-php-market .search button:hover,
body.ms-php-market #searchForm button:hover,
body.ms-php-market form[role="search"] button:hover,
body.ms-php-market .ms-auth-search button:hover,
body.ms-php-market #searchForm .btn-search:hover {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3) !important;
}
body.ms-php-market .primary:active:not(:disabled),
body.ms-php-market .product-inspect:active,
body.ms-php-market .product-foot button:active:not(:disabled),
body.ms-php-market #searchForm.search button[type="submit"]:active,
body.ms-php-market .search button:active,
body.ms-php-market #searchForm button:active,
body.ms-php-market form[role="search"] button:active,
body.ms-php-market .ms-auth-search button:active,
body.ms-php-market #searchForm .btn-search:active {
  transform: none !important;
  color: #080604 !important;
  border-color: #d9b05a !important;
  background: linear-gradient(135deg, #d4a84f, #a06d22) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.28) !important;
}

/* Ghost buttons: same hover as the main site's .ms-button--ghost. */
body.ms-php-market .secondary {
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
body.ms-php-market .secondary:hover:not(:disabled) {
  transform: none;
  color: #ffe390;
  border-color: #ffc352;
  background: rgba(28, 19, 10, 0.78);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24);
}
body.ms-php-market .secondary:active:not(:disabled) {
  background: rgba(18, 11, 6, 0.9);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
}

/* ==========================================================================
   Market inputs follow the main site's (ThemeMetinsah) field states:
   muted amber border, dark background and a very soft halo instead of bright yellow.
   Applies to login, coupon, payment fields and the product search box.
   ========================================================================== */
body.ms-php-market .field,
body.market-login-page .market-auth-panel .field,
body.ms-php-market #couponForm .field {
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
body.ms-php-market .field:hover:not(:focus),
body.market-login-page .market-auth-panel .field:hover:not(:focus),
body.ms-php-market #couponForm .field:hover:not(:focus) {
  border-color: rgba(222, 164, 76, 0.5);
  background: #160f09;
}
body.ms-php-market .field:focus,
body.ms-php-market .field:focus-visible,
body.market-login-page .market-auth-panel .field:focus,
body.market-login-page .market-auth-panel .field:focus-visible,
body.ms-php-market #couponForm .field:focus,
body.ms-php-market #couponForm .field:focus-visible {
  outline: 0;
  border-color: rgba(222, 164, 76, 0.72);
  background: rgba(13, 7, 4, 0.92);
  box-shadow: 0 0 0 3px rgba(205, 140, 50, 0.13);
}
body.ms-php-market .field:-webkit-autofill,
body.market-login-page .market-auth-panel .field:-webkit-autofill,
body.ms-php-market #couponForm .field:-webkit-autofill {
  box-shadow: 0 0 0 1000px #0a0503 inset;
  -webkit-text-fill-color: var(--cream);
  caret-color: #dea44c;
}
body.ms-php-market .field:-webkit-autofill:focus,
body.market-login-page .market-auth-panel .field:-webkit-autofill:focus,
body.ms-php-market #couponForm .field:-webkit-autofill:focus {
  box-shadow:
    0 0 0 1000px #0a0503 inset,
    0 0 0 3px rgba(205, 140, 50, 0.13);
}

/* Search box */
body.ms-php-market .search:hover:not(:focus-within),
body.ms-php-market #searchForm.search:hover:not(:focus-within) {
  border-color: rgba(222, 164, 76, 0.5);
  background: #160f09;
}
body.ms-php-market .search:focus-within,
body.ms-php-market #searchForm.search:focus-within {
  border-color: rgba(222, 164, 76, 0.72);
  background: rgba(13, 7, 4, 0.92);
  box-shadow: 0 0 0 3px rgba(205, 140, 50, 0.13);
}
body.ms-php-market .search input[type="search"]:-webkit-autofill {
  box-shadow: 0 0 0 1000px #0a0503 inset;
  caret-color: #dea44c;
}

/* Menu button: same softer amber. */
body.ms-php-market .account-toggle:hover {
  border-color: rgba(222, 164, 76, 0.6);
  box-shadow: 0 0 0 2px rgba(205, 140, 50, 0.1);
}
body.ms-php-market .account-toggle:focus-visible {
  border-color: rgba(222, 164, 76, 0.72);
  box-shadow: 0 0 0 3px rgba(205, 140, 50, 0.13);
}
body.ms-php-market .account-toggle:active,
body.ms-php-market .account-toggle[aria-expanded="true"] {
  border-color: rgba(222, 164, 76, 0.72);
}

/* "Ejderha Parası Al" keeps its original lift on hover; only the colours follow the main site. */
body.ms-php-market .topup {
  transition:
    transform 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
body.ms-php-market .topup:hover {
  transform: translateY(-3px) !important;
  color: #080604 !important;
  border-color: #f4d383 !important;
  background: linear-gradient(135deg, #f4d383, #c99336) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 10px 30px rgba(180, 121, 36, 0.2) !important;
  filter: none !important;
}
body.ms-php-market .topup:active {
  transform: translateY(-1px) !important;
  color: #080604 !important;
  border-color: #d9b05a !important;
  background: linear-gradient(135deg, #d4a84f, #a06d22) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.28) !important;
}

/* Close buttons (product detail window + account menu): the X icon sits exactly in the middle of the frame. */
body.ms-php-market .modal-close,
body.ms-php-market .drawer-head button {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
body.ms-php-market .modal-close .fa,
body.ms-php-market .drawer-head button .fa {
  display: block;
  width: 1em;
  height: 1em;
  margin: 0;
  line-height: 1;
  text-align: center;
}

/* Mobile: menu and category buttons sit in a tidy two-column grid (equal widths, no sideways scrolling). */
@media (max-width: 760px) {
  body.ms-php-market .nav-links,
  body.ms-php-market .market-filter-links,
  body.ms-php-market .market-category-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
    overflow-x: visible;
    padding-bottom: 0;
  }
  body.ms-php-market .nav-links a,
  body.ms-php-market .market-filter-link,
  body.ms-php-market .market-category-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    padding: 6px 10px;
    text-align: center;
    white-space: normal;
    line-height: 1.25;
  }
  /* A leftover single button on the last row stretches across the full width. */
  body.ms-php-market .nav-links a:last-child:nth-child(odd),
  body.ms-php-market .market-filter-link:last-child:nth-child(odd),
  body.ms-php-market .market-category-list a:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

/* Mobile: the search + menu block always spans the full width (the column must not shrink to its content). */
@media (max-width: 760px) {
  body.ms-php-market .navigation {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
    justify-items: stretch;
  }
  body.ms-php-market .navigation .search,
  body.ms-php-market .navigation #searchForm.search,
  body.ms-php-market .navigation .nav-links {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* Menu items look like the category buttons. */
  body.ms-php-market .nav-links a {
    border-color: rgba(223, 164, 58, 0.23);
    background: rgba(8, 6, 4, 0.45);
  }
}

/* Touch screens: the close buttons are focused by script when the menu / product window opens.
   Browsers sometimes show that automatic focus as a yellow ring, so it is hidden on touch devices.
   Keyboard users on desktop still see the focus ring. */
@media (hover: none), (pointer: coarse) {
  body.ms-php-market #drawerClose:focus,
  body.ms-php-market #drawerClose:focus-visible,
  body.ms-php-market #marketModalClose:focus,
  body.ms-php-market #marketModalClose:focus-visible,
  body.ms-php-market .drawer-head button:focus,
  body.ms-php-market .drawer-head button:focus-visible,
  body.ms-php-market .modal-close:focus,
  body.ms-php-market .modal-close:focus-visible {
    outline: 0;
    box-shadow: none;
  }
}

/* Menu button: minimal reaction. Only a small tone shift, like the gold buttons (no ring, no strong colour). */
body.ms-php-market .account-toggle:hover {
  border-color: rgba(222, 164, 76, 0.4);
  background: #29190c;
  box-shadow: none;
}
body.ms-php-market .account-toggle:focus-visible {
  outline: 0;
  border-color: rgba(222, 164, 76, 0.5);
  background: #29190c;
  box-shadow: 0 0 0 2px rgba(205, 140, 50, 0.1);
}
body.ms-php-market .account-toggle:active,
body.ms-php-market .account-toggle[aria-expanded="true"] {
  border-color: rgba(222, 164, 76, 0.5);
  background: #1a0f07;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Product detail window: the close (X) button stays visible while the window content is scrolled (sticky),
   instead of scrolling away with the content. The negative bottom margin keeps the content starting at the very top. */
body.ms-php-market .modal-backdrop .modal {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
body.ms-php-market .modal-backdrop .modal .modal-close {
  position: sticky;
  top: 12px;
  right: auto;
  z-index: 5;
  margin: 12px 12px -46px auto;
}
/* Phones: when the browser address bar hides or shows, the visible height changes and a fixed, blurred layer can keep its old
   size, leaving an uncovered strip at the bottom where the page behind shows through. On touch screens the blur is dropped and
   the dark layer is drawn by a pseudo element that reaches well beyond the screen edges, so nothing behind the window is visible.
   The window itself is limited to the SMALLEST viewport height (svh) so it fits with and without the address bar. */
@media (hover: none), (pointer: coarse) {
  body.ms-php-market .modal-backdrop,
  body.ms-php-market .drawer-backdrop {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: transparent;
  }
  body.ms-php-market .modal-backdrop::before,
  body.ms-php-market .drawer-backdrop::before {
    content: "";
    position: fixed;
    z-index: -1;
    top: -150px;
    right: 0;
    bottom: -300px;
    left: 0;
    background: rgba(1, 1, 1, 0.95);
    pointer-events: none;
  }
}
@supports (height: 100svh) {
  body.ms-php-market .modal-backdrop .modal {
    max-height: 86svh;
  }
}

/* Product detail window on phones: "Toplam tutar" and the "Satın Al" button are grouped in a bar that stays stuck to the bottom of
   the window while the content scrolls, so the buy button is always visible without having to scroll. */
@media (max-width: 760px) {
  body.ms-php-market .detail-copy {
    padding-bottom: 0;
  }
  body.ms-php-market .detail-buy-bar {
    position: sticky;
    bottom: 0;
    z-index: 4;
    margin: 0 -20px;
    padding: 14px 20px 18px;
    border-top: 1px solid var(--line);
    background: #190f09;
    box-shadow: 0 -14px 20px rgba(25, 15, 9, 0.95);
  }
  body.ms-php-market .detail-buy-bar .detail-total {
    margin-bottom: 12px;
  }
}

/* Phones: the product window is centred inside the part of the page that is REALLY visible. The top and height come from
   metinsah-market-viewport.js (visualViewport), which follows the browser address bar when it collapses or expands.
   Without that script (very old browsers) the normal full-screen layer is used. */
@media (hover: none), (pointer: coarse) {
  body.ms-php-market .modal-backdrop {
    top: var(--ms-vv-top, 0px);
    bottom: auto;
    height: var(--ms-vv-height, 100%);
    place-items: center;
    padding: 16px;
  }
  body.ms-php-market .modal-backdrop .modal {
    max-height: calc(var(--ms-vv-height, 100svh) - 32px);
  }
}

/* Market/Buy - EP bilgilendirme kutulari (metin kutunun tamamini kaplar) */
body.ms-php-market .panel .provider-grid { margin-bottom: 30px; }
body.ms-php-market .panel .ep-info { margin: 14px 0 30px; padding: 22px 32px; border-left: 2px solid var(--gold); background: #291a0d; color: #e3cfa8; font-size: 14.5px; line-height: 1.85; }
body.ms-php-market .panel .ep-info p { margin: 0; }
body.ms-php-market .panel .ep-info p + p,
body.ms-php-market .panel .ep-info p + ul,
body.ms-php-market .panel .ep-info ul + p { margin-top: 12px; }
body.ms-php-market .panel .ep-info ul { margin: 0; padding: 0; list-style: none; }
body.ms-php-market .panel .ep-info li { position: relative; padding-left: 20px; }
body.ms-php-market .panel .ep-info li + li { margin-top: 12px; }
body.ms-php-market .panel .ep-info li::before { content: ""; position: absolute; left: 3px; top: 0.78em; width: 6px; height: 6px; background: var(--gold); transform: rotate(45deg); }
body.ms-php-market .panel .ep-info strong { color: var(--gold2); font-weight: 700; }
body.ms-php-market .panel .ep-info em { color: #fff1cf; font-style: normal; font-weight: 600; }
body.ms-php-market .panel .ep-info:last-child { margin-bottom: 0; }
@media (max-width: 760px) {
  body.ms-php-market .panel .ep-info { padding: 16px 16px; font-size: 13px; line-height: 1.75; }
}

/* ---- Kompakt pencere: onay, satın alma sonucu, hata mesajları ---- */
body.ms-php-market .modal.is-compact { width: min(400px, 100%); }
body.ms-php-market .detail-layout.is-confirming { display: none; }
body.ms-php-market .mm { padding: 26px 24px 24px; text-align: left; }
body.ms-php-market .mm-head { display: flex; align-items: flex-start; gap: 14px; padding-right: 40px; }
body.ms-php-market .mm-icon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold2); font-size: 17px; }
body.ms-php-market .mm-icon.is-error { border-color: #d9735a; color: #e8876e; }
body.ms-php-market .mm h1,
body.ms-php-market .mm h2 { margin: 0; color: var(--cream); font-size: 18px; font-weight: 700; line-height: 1.3; }
body.ms-php-market .mm-head p { margin: 4px 0 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
body.ms-php-market .mm-item { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 12px 14px; border: 1px solid var(--line); background: rgba(0, 0, 0, 0.2); }
body.ms-php-market .mm-item img { flex: none; width: 48px; height: 48px; object-fit: contain; }
body.ms-php-market .mm-item div { display: grid; gap: 3px; min-width: 0; }
body.ms-php-market .mm-item strong { color: var(--cream); font-size: 16px; line-height: 1.3; overflow-wrap: anywhere; }
body.ms-php-market .mm-item span { color: var(--muted); font-size: 13px; }
body.ms-php-market .mm-rows { margin: 16px 0 0; padding: 0; border-top: 1px solid var(--line); }
body.ms-php-market .mm-rows > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
body.ms-php-market .mm-rows dt { color: var(--muted); font-weight: 400; }
body.ms-php-market .mm-rows dd { margin: 0; color: var(--cream); font-weight: 600; }
body.ms-php-market .mm-rows .is-total dd { color: var(--gold2); font-size: 18px; font-weight: 700; }
body.ms-php-market .mm-actions { display: flex; gap: 10px; margin-top: 20px; }
body.ms-php-market .mm-btn {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--cream);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
body.ms-php-market .mm-btn:hover { border-color: var(--gold); color: var(--gold2); }
body.ms-php-market .mm-btn.is-primary { border-color: #e3b55b; background: #dfa43a; color: #1a0f05; font-weight: 700; }
body.ms-php-market .mm-btn.is-primary:hover { background: #efc260; border-color: #efc260; color: #140c04; }
body.ms-php-market .mm-btn:focus-visible { outline: 2px solid var(--gold2); outline-offset: 2px; }
@media (max-width: 420px) {
  body.ms-php-market .mm { padding: 22px 18px 20px; }
}

/* ---- Tam sayfa sonuç ekranı (kupon, ödeme, hata): daha geniş, ortalı ---- */
body.ms-php-market .panel.mm-result { max-width: 560px; margin: clamp(40px, 14vh, 140px) auto; padding: 0; }
body.ms-php-market .mm-result .mm { padding: 44px 40px 40px; text-align: center; }
body.ms-php-market .mm-result .mm-head { flex-direction: column; align-items: center; gap: 18px; padding-right: 0; }
body.ms-php-market .mm-result .mm-icon { width: 60px; height: 60px; font-size: 24px; }
body.ms-php-market .mm-result .mm h1 { font-size: 28px; line-height: 1.25; }
body.ms-php-market .mm-result .mm-head p { margin-top: 10px; font-size: 16px; }
body.ms-php-market .mm-result .mm-actions { justify-content: center; margin-top: 30px; }
body.ms-php-market .mm-result .mm-btn { flex: 0 1 200px; min-height: 48px; font-size: 15px; }
@media (max-width: 520px) {
  body.ms-php-market .mm-result .mm { padding: 32px 20px 26px; }
  body.ms-php-market .mm-result .mm h1 { font-size: 24px; }
  body.ms-php-market .mm-result .mm-actions { flex-direction: column-reverse; }
  body.ms-php-market .mm-result .mm-btn { flex: 0 0 auto; width: 100%; }
}

/* ---- Ana sayfa kampanya alanı ---- */
/* İki kampanya görselinde yazının arkasında net kenarlı, yarı saydam karartma bandı.
   Band görselin altında tam genişlikte durur ve sadece yazı kadar yer kaplar.
   Koyuluk için aşağıdaki 0.58 değerini değiştir (0.45 hafif, 0.7 koyu). */
body.ms-php-market .hero-grid .hero::after,
body.ms-php-market .hero-grid .offer::after { background: none; }
body.ms-php-market .hero .hero-copy,
body.ms-php-market .offer .offer-copy {
  right: 0; bottom: 0; left: 0; width: auto; max-width: none; box-sizing: border-box;
  background: rgba(10, 6, 3, 0.58);
}
body.ms-php-market .hero .hero-copy {
  padding: 18px 170px 20px clamp(22px, 3vw, 46px);
  border-left: 0;
}
body.ms-php-market .hero .hero-copy::before {
  position: absolute; top: 20px; bottom: 22px; left: clamp(22px, 3vw, 46px);
  width: 2px; content: ""; background: var(--gold);
}
body.ms-php-market .hero .hero-copy h1,
body.ms-php-market .hero .hero-copy p { margin-left: 18px; }
/* Sağ kart: başlık + açıklama solda, buton aynı satırda sağda. Dar kartta alt alta (buton sağda). */
body.ms-php-market .offer { container-type: inline-size; }
body.ms-php-market .offer .offer-copy {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 14px;
  padding: 16px 20px 18px;
}
body.ms-php-market .offer .offer-copy h2 { grid-column: 1; margin: 0 0 6px; }
body.ms-php-market .offer .offer-copy p { grid-column: 1; margin: 0; }
body.ms-php-market .offer .offer-copy .offer-link { grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: end; }
@container (max-width: 390px) {
  body.ms-php-market .offer .offer-copy { grid-template-columns: 1fr; }
  body.ms-php-market .offer .offer-copy .offer-link { grid-column: 1; grid-row: auto; margin-top: 14px; }
}
/* İki kart yan yana iken iki bandın üst kenarı aynı hizada olsun */
@media (min-width: 1101px) {
  body.ms-php-market .hero .hero-copy,
  body.ms-php-market .offer .offer-copy { min-height: 104px; }
  body.ms-php-market .hero .hero-copy { display: flex; flex-direction: column; justify-content: center; }
}
body.ms-php-market .hero .hero-copy h1 { margin-bottom: 8px; font-size: clamp(22px, 2.1vw, 30px); line-height: 1.2; letter-spacing: -0.02em; text-shadow: 0 1px 14px rgba(0, 0, 0, 0.75); }
body.ms-php-market .hero .hero-copy p { font-size: 14px; font-weight: 500; line-height: 1.5; color: #f3e9d6; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.8); }
body.ms-php-market .offer-copy h2 { margin-bottom: 6px; }
body.ms-php-market .offer-copy p { margin: 0 0 16px; color: #f3e9d6; font-size: 14px; font-weight: 500; line-height: 1.45; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.8); }
@media (max-width: 760px) {
  body.ms-php-market .hero .hero-copy p { font-size: 13px; }
}
body.ms-php-market .offer:hover,
body.ms-php-market .offer:active { transform: none; box-shadow: none; }

/* ---- Satın alma pencereleri: klasik, net, küçük dokunuşlarla (onay / yetersiz bakiye / başarılı) ---- */
body.ms-php-market .modal.is-compact { width: min(420px, 100%); }
body.ms-php-market .mm.mm--clean {
  padding: 40px 36px 32px;
  text-align: center;
  background:
    linear-gradient(90deg, transparent, #e6b64f 50%, transparent) top / 100% 2px no-repeat,
    radial-gradient(ellipse 80% 120px at 50% 0, rgba(223, 164, 58, 0.10), transparent);
}
body.ms-php-market .mm--clean .mm-head { display: flex; flex-direction: column; align-items: center; gap: 0; padding-right: 0; }
body.ms-php-market .mm--clean .mm-head > div { display: block; }
body.ms-php-market .mm--clean h2 { margin: 0; color: var(--cream); font-size: 22px; font-weight: 800; line-height: 1.25; }
body.ms-php-market .mm--clean .mm-head p { margin: 8px 0 0; color: var(--muted); font-size: 13.5px; line-height: 1.55; }
/* Başlığın altında kenarlara doğru silinen ince ayraç */
body.ms-php-market .mm--clean .mm-head::after { content: ""; display: block; width: 100%; height: 1px; margin-top: 24px; background: linear-gradient(90deg, transparent, rgba(223, 164, 58, 0.45), transparent); }

/* İkon: sitedeki eşkenar dörtgen motifi */
body.ms-php-market .mm--clean .mm-icon { width: 46px; height: 46px; margin: 12px 0 28px; border: 1px solid var(--gold); border-radius: 0; background: rgba(223, 164, 58, 0.08); color: var(--gold2); font-size: 18px; transform: rotate(45deg); }
body.ms-php-market .mm--clean .mm-icon i { display: block; transform: rotate(-45deg); }
body.ms-php-market .mm--clean .mm-icon.is-success { border-color: #6fbf82; background: rgba(111, 191, 130, 0.10); color: #86d498; }
body.ms-php-market .mm--clean .mm-icon.is-warn,
body.ms-php-market .mm--clean .mm-icon.is-error { border-color: #d9735a; background: rgba(217, 115, 90, 0.10); color: #ee9a82; }

/* Ürün + toplam: tek panel, envanter yuvası */
body.ms-php-market .mm--clean .mm-item { flex-direction: row; align-items: center; gap: 16px; margin-top: 24px; padding: 14px 16px; border: 1px solid var(--line); background: rgba(223, 164, 58, 0.05); text-align: left; }
body.ms-php-market .mm--clean .mm-slot { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid rgba(223, 164, 58, 0.38); background: radial-gradient(circle at 50% 40%, rgba(223, 164, 58, 0.22), rgba(0, 0, 0, 0.45) 75%); box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.55); }
body.ms-php-market .mm--clean .mm-slot img { width: 36px; height: 36px; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)); }
body.ms-php-market .mm--clean .mm-item div { justify-items: start; gap: 3px; }
body.ms-php-market .mm--clean .mm-item strong { font-size: 15.5px; font-weight: 700; }
body.ms-php-market .mm--clean .mm-item span { font-size: 12.5px; }
body.ms-php-market .mm--clean .mm-item + .mm-rows { margin-top: -1px; }

/* Tutar paneli */
body.ms-php-market .mm--clean .mm-rows { margin: 22px 0 0; padding: 4px 18px; border: 1px solid var(--line); background: rgba(223, 164, 58, 0.05); }
body.ms-php-market .mm--clean .mm-rows > div { flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border: 0; border-bottom: 1px solid rgba(223, 164, 58, 0.14); font-size: 13px; }
body.ms-php-market .mm--clean .mm-rows > div:last-child { border-bottom: 0; }
body.ms-php-market .mm--clean .mm-rows dt { color: var(--muted); font-size: 13px; }
body.ms-php-market .mm--clean .mm-rows dd { font-size: 14px; }
body.ms-php-market .mm--clean .mm-rows .is-total dd { color: var(--gold2); font-size: 22px; font-weight: 800; }

/* Butonlar: tek geniş ana buton + altında sade ikincil bağlantı */
body.ms-php-market .mm--clean .mm-actions { flex-direction: column; align-items: stretch; gap: 6px; margin-top: 26px; padding: 0; border: 0; }
body.ms-php-market .mm--clean .mm-btn { flex: none; min-height: 52px; gap: 10px; border: 0; border-radius: 0; background: none; color: var(--muted); font-size: 13px; font-weight: 600; }
body.ms-php-market .mm--clean .mm-btn.is-primary { order: -1; border: 0; background: linear-gradient(115deg, #e8c066, #c48a2c); color: #1b0e04; font-size: 14px; font-weight: 800; letter-spacing: 0.02em; box-shadow: 0 8px 22px -10px rgba(223, 164, 58, 0.65); }
body.ms-php-market .mm--clean .mm-btn.is-primary:hover { background: linear-gradient(115deg, #f0cc78, #d09633); color: #1b0e04; }
body.ms-php-market .mm--clean .mm-btn.is-primary i { font-size: 14px; }
/* ikincil: yazı bağlantısı */
body.ms-php-market .mm--clean .mm-btn:not(.is-primary) { min-height: 36px; }
body.ms-php-market .mm--clean .mm-btn:not(.is-primary):hover { background: none; color: var(--gold2); text-decoration: underline; text-underline-offset: 4px; }
/* tek başına kalan (hata) buton: ortada, çizgili */
body.ms-php-market .mm--clean .mm-btn:only-child:not(.is-primary) { align-self: center; min-width: 180px; min-height: 46px; border: 1px solid rgba(223, 164, 58, 0.45); color: var(--cream); font-weight: 700; text-decoration: none; }
body.ms-php-market .mm--clean .mm-btn:only-child:not(.is-primary):hover { border-color: var(--gold2); color: var(--gold2); text-decoration: none; }
@media (max-width: 480px) {
  body.ms-php-market .mm.mm--clean { padding: 34px 20px 24px; }
  body.ms-php-market .mm--clean .mm-btn:only-child:not(.is-primary) { align-self: stretch; }
}

/* Onay penceresi: Vazgeç (sol, çizgili) + Satın al (sağ, altın) yan yana */
body.ms-php-market .mm--clean[data-market-confirm] .mm-actions { flex-direction: row; align-items: stretch; gap: 10px; }
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn { flex: 1 1 0; min-height: 52px; }
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn:not(.is-primary) { border: 1px solid rgba(223, 164, 58, 0.4); color: var(--cream); font-size: 13.5px; font-weight: 700; text-decoration: none; }
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn:not(.is-primary):hover { border-color: var(--gold2); color: var(--gold2); background: rgba(223, 164, 58, 0.06); text-decoration: none; }
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn.is-primary { order: 0; flex: 1.6 1 0; }

/* Daha derli toplu: boşlukları daralt */
body.ms-php-market .mm.mm--clean { padding: 32px 32px 26px; }
body.ms-php-market .mm--clean .mm-icon { width: 40px; height: 40px; margin: 8px 0 20px; font-size: 16px; }
body.ms-php-market .mm--clean h2 { font-size: 21px; }
body.ms-php-market .mm--clean .mm-head p { margin-top: 6px; font-size: 13px; }
body.ms-php-market .mm--clean .mm-head::after { margin-top: 18px; }
body.ms-php-market .mm--clean .mm-item { margin-top: 18px; padding: 12px 14px; }
body.ms-php-market .mm--clean .mm-rows { margin-top: 18px; padding: 2px 16px; }
body.ms-php-market .mm--clean .mm-item + .mm-rows { margin-top: -1px; }
body.ms-php-market .mm--clean .mm-rows > div { padding: 10px 0; }
body.ms-php-market .mm--clean .mm-actions { margin-top: 20px; }
body.ms-php-market .mm--clean .mm-btn,
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn { min-height: 48px; }
body.ms-php-market .mm--clean .mm-btn:only-child:not(.is-primary) { min-height: 44px; }
@media (max-width: 480px) { body.ms-php-market .mm.mm--clean { padding: 28px 18px 20px; } }

/* İkon: robot doğrulama ekranındaki gibi ince çizgili yuvarlak halka */
body.ms-php-market .mm--clean .mm-icon { width: 56px; height: 56px; margin: 4px 0 20px; border: 1.5px solid var(--gold); border-radius: 50%; background: transparent; color: var(--gold2); font-size: 22px; transform: none; box-shadow: none; }
body.ms-php-market .mm--clean .mm-icon i { transform: none; }
body.ms-php-market .mm--clean .mm-icon.is-success { border-color: var(--gold); background: transparent; color: var(--gold2); }
body.ms-php-market .mm--clean .mm-icon.is-warn,
body.ms-php-market .mm--clean .mm-icon.is-error { border-color: #d9735a; background: transparent; color: #ee9a82; }

/* ---- Pencere butonları: sitenin standart butonlarıyla birebir ---- */
/* Ortak ölçü: tüm butonlar aynı kutu, aynı yükseklik, 1px kenarlık (altın butonda da var) */
body.ms-php-market .mm--clean .mm-btn,
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn {
  box-sizing: border-box; min-height: 48px; padding: 0 17px; border: 1px solid var(--line); border-radius: 0;
  font-size: 12px; font-weight: 850; letter-spacing: 0; box-shadow: none; text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
/* Altın buton: ürün detayındaki "Satın Al" (.primary) ile aynı renkler ve tepkiler */
body.ms-php-market .mm--clean .mm-btn.is-primary,
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn.is-primary {
  color: #140c04; border-color: #edca77; background: linear-gradient(135deg, #e8bd62, #b77d29);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.26), 0 8px 30px rgba(180, 121, 36, 0.16);
}
body.ms-php-market .mm--clean .mm-btn.is-primary:hover,
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn.is-primary:hover {
  color: #080604; border-color: #f4d383; background: linear-gradient(135deg, #f4d383, #c99336);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 10px 30px rgba(180, 121, 36, 0.2);
}
body.ms-php-market .mm--clean .mm-btn.is-primary:active {
  color: #080604; border-color: #d9b05a; background: linear-gradient(135deg, #d4a84f, #a06d22);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.28);
}
/* Vazgeç: daha sakin tepki (parlama yok, sadece hafif ton değişimi) */
body.ms-php-market .mm--clean .mm-btn:not(.is-primary),
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn:not(.is-primary) { border-color: rgba(223, 164, 58, 0.28); background: transparent; color: var(--cream); }
body.ms-php-market .mm--clean .mm-btn:not(.is-primary):hover,
body.ms-php-market .mm--clean[data-market-confirm] .mm-btn:not(.is-primary):hover { border-color: rgba(223, 164, 58, 0.5); background: rgba(255, 255, 255, 0.04); color: #f3e3c3; box-shadow: none; }
body.ms-php-market .mm--clean .mm-btn:not(.is-primary):active { background: rgba(0, 0, 0, 0.25); }

/* ---- Tam sayfa sonuç ekranı (kupon / ödeme): pencere yok, kenarlara doğru siyaha solan sıcak zemin ---- */
body.ms-php-market .panel.mm-result {
  max-width: none; width: 100%; min-height: clamp(380px, 56vh, 520px); margin: 0; padding: clamp(48px, 9vh, 96px) 24px;
  display: grid; place-items: center;
  border: 0; box-shadow: none;
  background: radial-gradient(ellipse 58% 78% at 50% 50%, rgba(132, 82, 28, 0.36) 0%, rgba(78, 46, 16, 0.2) 40%, rgba(0, 0, 0, 0) 78%);
}
body.ms-php-market .panel.mm-result::before,
body.ms-php-market .panel.mm-result::after { display: none; }
body.ms-php-market .mm-result .mm.mm--clean { width: min(100%, 440px); padding: 0; background: none; border: 0; box-shadow: none; text-align: center; }
body.ms-php-market .mm-result .mm--clean .mm-head { align-items: center; padding-right: 0; }
body.ms-php-market .mm-result .mm--clean .mm-head::after { width: 100%; max-width: 280px; margin-top: 22px; }
body.ms-php-market .mm-result .mm--clean .mm-icon { margin: 0 0 18px; }
body.ms-php-market .mm-result .mm--clean h1 { margin: 0; color: var(--cream); font-size: 24px; font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; }
body.ms-php-market .mm-result .mm--clean .mm-head p { margin: 8px 0 0; color: var(--muted); font-size: 14.5px; line-height: 1.6; }
body.ms-php-market .mm-result .mm--clean .mm-actions { justify-content: center; margin-top: 26px; }
body.ms-php-market .mm-result .mm--clean .mm-btn { flex: 0 1 172px; min-height: 46px; font-size: 12px; }
@media (max-width: 480px) {
  body.ms-php-market .panel.mm-result { padding: 40px 16px; }
  body.ms-php-market .mm-result .mm--clean h1 { font-size: 21px; }
  body.ms-php-market .mm-result .mm--clean .mm-actions { flex-direction: column-reverse; }
  body.ms-php-market .mm-result .mm--clean .mm-btn { flex: none; width: 100%; }
}

/* Sonuç ekranı butonları: yan yana, ikonlu, makul boyutta */
body.ms-php-market .mm-result .mm--clean .mm-actions { flex-direction: row; align-items: stretch; justify-content: center; gap: 10px; margin-top: 26px; }
body.ms-php-market .mm-result .mm--clean .mm-btn,
body.ms-php-market .mm-result .mm--clean .mm-btn.is-primary { order: 0; flex: 0 1 190px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; white-space: nowrap; }
body.ms-php-market .mm-result .mm--clean .mm-btn i { font-size: 13px; }
@media (max-width: 480px) {
  body.ms-php-market .mm-result .mm--clean .mm-actions { flex-direction: column-reverse; }
  body.ms-php-market .mm-result .mm--clean .mm-btn,
  body.ms-php-market .mm-result .mm--clean .mm-btn.is-primary { flex: none; width: 100%; }
}

/* İkincil butonlar (Vazgeç, Markete dön...): altı çizgisiz, aynı sakin tepki */
body.ms-php-market .mm--clean .mm-btn,
body.ms-php-market .mm--clean .mm-btn:hover,
body.ms-php-market .mm--clean .mm-btn:focus,
body.ms-php-market .mm--clean .mm-btn:active,
body.ms-php-market .mm--clean .mm-btn:not(.is-primary):hover,
body.ms-php-market .mm--clean .mm-btn:only-child:not(.is-primary):hover { text-decoration: none; }
body.ms-php-market .mm--clean .mm-btn:not(.is-primary),
body.ms-php-market .mm-result .mm--clean .mm-btn:not(.is-primary) { border-color: rgba(223, 164, 58, 0.28); background: transparent; color: var(--cream); }
body.ms-php-market .mm--clean .mm-btn:not(.is-primary):hover,
body.ms-php-market .mm-result .mm--clean .mm-btn:not(.is-primary):hover { border-color: rgba(223, 164, 58, 0.5); background: rgba(255, 255, 255, 0.04); color: #f3e3c3; box-shadow: none; }

/* Kısa sayfalarda footer hep ekranın en altında dursun (tüm market sayfaları için genel çözüm) */
body.ms-php-market .shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
body.ms-php-market .shell > main { flex: 1 0 auto; }
body.ms-php-market .shell > .footer { flex: none; margin-top: auto; }

/* Sağlayıcı kartlarının altındaki küçük açıklama */
body.ms-php-market .panel .provider-note { display: flex; align-items: center; gap: 9px; margin: -16px 0 30px; color: var(--muted); font-size: 12.5px; line-height: 1.5; }
body.ms-php-market .panel .provider-note i { flex: none; color: var(--gold2); font-size: 13px; }

/* Sağlayıcı notu: biraz daha okunaklı */
body.ms-php-market .panel .provider-note { color: #b9a98f; font-size: 13.5px; }
body.ms-php-market .panel .provider-note i { font-size: 14px; }

/* Ana sayfa büyük kampanya görseli: görseli sola kaydır (sağdaki karakter kesilmesin) */
body.ms-php-market .hero > img { object-position: 100% center !important; }

/* Mobil: büyük banner'daki 3 karakter yatayda ortalansın (masaüstü kuralı mobilde karakterleri sola kaydırıyordu).
   Karakterleri sola çekmek için sayıyı büyüt (örn. 97%), sağa çekmek için küçült (örn. 88%). */
@media (max-width: 760px) {
  body.ms-php-market .hero-grid .hero > img { object-position: 91% center !important; }
}

/* Mobil: büyük banner yazısı sağa kadar açılsın, başlık tek satırda kalsın.
   Başlık boyutu ekran genişliğine göre küçülür (en çok 22px). Daha büyük istersen 22px ve 17.5 değerlerini düşür/yükselt. */
@media (max-width: 760px) {
  body.ms-php-market .hero .hero-copy { padding-right: 20px; }
  body.ms-php-market .hero .hero-copy h1 { max-width: none; font-size: clamp(14px, calc((100vw - 105px) / 17.5), 22px); }
  body.ms-php-market .hero .hero-copy p { max-width: none; }
  /* Birden fazla slayt olursa oklar yazıyla çakışmasın diye üst köşeye alınır */
  body.ms-php-market .hero .hero-controls { top: 12px; right: 12px; bottom: auto; }
}

/* ---- Masaüstü market menüsü: sola yaslı, çerçeveli, ikon solda / büyük harfli yazı yanında; yükseklik arama kutusuyla (43px) aynı ----
   Sadece 1101px ve üstü. Logo satırına dokunulmaz. Eski görünüme dönmek için bu bloğu sil.
   Renk mantığı: pasif = sönük bej, üzerine gelince = yumuşak altın, aktif = parlak altın + dolgu. Beyaz yok. */
@media (min-width: 1101px) {
  body.ms-php-market .navigation { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; min-height: 72px; }
  body.ms-php-market .nav-links { grid-column: 1; justify-content: flex-start; align-self: center; gap: 8px; }
  body.ms-php-market #searchForm.search,
  body.ms-php-market .navigation .search { grid-column: 2; justify-self: end; }
  body.ms-php-market .nav-links a {
    flex-direction: row; justify-content: center; gap: 10px;
    min-height: 43px; padding: 0 18px;
    border: 1px solid rgba(223, 164, 58, 0.16); background: rgba(223, 164, 58, 0.03); color: #b6a58e;
    font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
  }
  body.ms-php-market .nav-links a .fa { flex: 0 0 16px; color: #9b8c76; font-size: 14px; text-align: center; transition: color 0.2s ease; }
  /* Üzerine gelince: yumuşak altın (beyaza kaçmaz) */
  body.ms-php-market .nav-links a:hover { border-color: rgba(223, 164, 58, 0.4); background: rgba(223, 164, 58, 0.08); color: #d9b25f; }
  body.ms-php-market .nav-links a:hover .fa { color: #d9b25f; }
  /* Aktif sayfa: parlak altın + belirgin çerçeve */
  body.ms-php-market .nav-links a.active {
    border-color: rgba(223, 164, 58, 0.55);
    background: linear-gradient(120deg, rgba(180, 112, 32, 0.24), rgba(180, 112, 32, 0.09));
    color: var(--gold2);
  }
  body.ms-php-market .nav-links a.active .fa { color: var(--gold2); }
  body.ms-php-market .nav-links a::after,
  body.ms-php-market .nav-links a.active::after { display: none; }
}

/* ---- Kategori ve alt kategori: yumuşak renk tepkisi ----
   Dolgulu parlak altın sadece asıl butonlarda (Ejderha Parası Al, Ara, İncele) kalır.
   Kategori/alt kategori: pasif = sönük, hover = çok hafif, aktif = hafif altın tonu. Beyaz/parlak dolgu yok.
   Eski görünüme dönmek için bu bloğu sil. */
body.ms-php-market .market-filter-link {
  border-color: rgba(223, 164, 58, 0.18);
  background: rgba(223, 164, 58, 0.02);
  color: #c4b69f;
}
body.ms-php-market .market-filter-link:hover {
  border-color: rgba(223, 164, 58, 0.34);
  background: rgba(223, 164, 58, 0.06);
  color: #d4b872;
}
body.ms-php-market .market-filter-link.active,
body.ms-php-market .market-filter-link.active:hover {
  border-color: rgba(223, 164, 58, 0.5);
  background: linear-gradient(120deg, rgba(180, 112, 32, 0.18), rgba(180, 112, 32, 0.06));
  color: #e2c068;
}
body.ms-php-market .market-subfilters a { color: #c4b69f; border-bottom-color: rgba(223, 164, 58, 0.2); }
body.ms-php-market .market-subfilters a:hover {
  border-color: rgba(223, 164, 58, 0.14);
  border-bottom-color: rgba(223, 164, 58, 0.4);
  background: rgba(223, 164, 58, 0.04);
  color: #d4b872;
}
body.ms-php-market .market-subfilters a.active,
body.ms-php-market .market-subfilters a.active:hover {
  border-color: rgba(223, 164, 58, 0.28);
  border-bottom-color: rgba(223, 164, 58, 0.7);
  background: rgba(223, 164, 58, 0.08);
  color: #e2c068;
  font-weight: inherit;
}