/* Mert Karataş Shop v1.6.37 ---------------------------------------------
   Product cards, legal heroes, commerce registration and MERTED balance.
----------------------------------------------------------------------------- */

/* Product cards: the information belongs to the card, not below it. */
.mks-product-card{
  position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;
  border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(12,25,45,.86),rgba(7,18,37,.96));
  transition:transform .28s cubic-bezier(.2,.75,.2,1),border-color .28s ease,box-shadow .28s ease
}
.mks-product-card:hover{transform:translateY(-4px);border-color:rgba(210,174,103,.42);box-shadow:0 20px 50px rgba(0,0,0,.16)}
.mks-product-card__media{border:0!important;border-radius:0!important;border-bottom:1px solid var(--line)!important;aspect-ratio:4/4.7!important}
.mks-product-card__copy{display:flex;flex:1;flex-direction:column;padding:1rem 1rem .9rem!important}
.mks-product-card__taxonomy{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;min-height:1.6rem}
.mks-product-card__taxonomy small{min-height:0!important;max-width:66%;color:#9eaabd!important;font-size:.47rem!important;letter-spacing:.08em!important;line-height:1.4!important}
.mks-product-card__taxonomy em{max-width:42%;color:var(--gold);font:850 .43rem/1.35 Inter,ui-sans-serif,sans-serif;letter-spacing:.12em;text-align:right;text-transform:uppercase}
.mks-product-card__copy h3{margin:.55rem 0 .35rem!important;font-size:clamp(1.12rem,1.35vw,1.42rem)!important;line-height:1.04!important}
.mks-product-card__copy h3 a{text-decoration:none!important}
.mks-product-card__price{margin:auto 0 .75rem!important;color:#f4ead9!important;font-size:.9rem!important;font-weight:850!important;letter-spacing:-.01em}
.mks-product-card__copy footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:.7rem;border-top:1px solid var(--line)}
.mks-product-card__copy footer>span{color:#647188;font:800 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.mks-product-card__copy footer>a{color:#d2ae67;text-decoration:none;font-size:.47rem;font-weight:900;letter-spacing:.12em}
.mks-product-card__copy footer>a b{font-size:.65rem}

/* Mert's Picks are visibly curated rather than ordinary catalogue clones. */
.mks-product-card--pick{border-color:rgba(210,174,103,.36);background:linear-gradient(155deg,rgba(23,26,34,.98),rgba(7,18,37,.96))}
.mks-product-card--pick::before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#d2ae67,rgba(210,174,103,.1),#47def5)}
.mks-product-card__curation{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:.65rem 1rem .58rem;border-bottom:1px solid rgba(210,174,103,.24);background:linear-gradient(90deg,rgba(210,174,103,.1),transparent)}
.mks-product-card__curation span{color:var(--gold);font-size:.46rem;font-weight:950;letter-spacing:.15em}
.mks-product-card__curation b{color:rgba(242,236,226,.48);font:500 1.05rem/1 ui-serif,Georgia,serif}
.mks-product-card--pick .mks-wishlist-btn--card{top:3.35rem!important}
.mks-product-card--pick .mks-product-card__media::after{content:"CURATED / MERT";position:absolute;right:.8rem;bottom:.75rem;color:rgba(255,255,255,.52);font:850 .41rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}

html[data-mks-theme="light"] .mks-product-card{background:linear-gradient(145deg,#faf7f1,#f1ece4);border-color:rgba(31,39,52,.14)}
html[data-mks-theme="light"] .mks-product-card:hover{border-color:rgba(164,119,47,.42);box-shadow:0 18px 44px rgba(42,34,22,.08)}
html[data-mks-theme="light"] .mks-product-card__price{color:#20242c!important}
html[data-mks-theme="light"] .mks-product-card__taxonomy small{color:#6b7480!important}
html[data-mks-theme="light"] .mks-product-card--pick{background:linear-gradient(155deg,#fffaf1,#eee7dc)}
html[data-mks-theme="light"] .mks-product-card__curation b{color:#6d6252}

/* Legal/ecommerce hero: logo is a proper brand block and never collides. */
.mks-legal-page .mks-page-hero--legal{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:clamp(1.35rem,2.5vw,2.4rem)!important;min-height:390px!important;padding-block:clamp(3.3rem,7vw,6rem)!important}
.mks-legal-page .mks-page-hero--legal h1{position:relative!important;z-index:2!important;margin:0!important;max-width:11ch!important;font-size:clamp(3.8rem,7.5vw,7.6rem)!important;line-height:.86!important}
.mks-legal-hero-brand{position:relative!important;z-index:4!important;display:flex;align-items:center;gap:1rem;min-height:64px}
.mks-legal-hero-brand__logo{display:block!important;width:auto!important;max-width:150px!important;max-height:72px!important;object-fit:contain!important}
.mks-legal-hero-brand>span{padding-left:1rem;border-left:1px solid rgba(210,174,103,.4);color:var(--gold);font-size:.48rem;font-weight:900;letter-spacing:.16em}
.mks-legal-hero-brand--fallback strong{color:#f2ece2;font:600 1rem/1 ui-serif,Georgia,serif;letter-spacing:.04em}
html[data-mks-theme="light"] .mks-legal-hero-brand--fallback strong{color:#171b24}

/* Registration/account consent interface. */
.mks-register-consents,.mks-account-consents{display:grid;gap:.65rem;margin:1.2rem 0 1.35rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.mks-register-consents legend,.mks-account-consents legend{padding:0 .4rem;color:var(--gold);font-size:.48rem;font-weight:950;letter-spacing:.16em}
.mks-consent-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.7rem;align-items:start;padding:.7rem .75rem;border:1px solid rgba(125,139,160,.2);border-radius:10px;cursor:pointer}
.mks-consent-row.is-required{border-color:rgba(210,174,103,.38);background:rgba(210,174,103,.04)}
.mks-consent-row input{width:16px;height:16px;margin:.12rem 0 0;accent-color:#d2ae67}
.mks-consent-row span{color:#c6cfdd;font-size:.72rem;line-height:1.55}
.mks-consent-row span strong{display:inline-block;margin-right:.5rem;color:var(--gold);font-size:.46rem;letter-spacing:.11em;text-transform:uppercase}
.mks-consent-row a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(210,174,103,.34)}
.mks-account-consents>p{margin:.25rem 0 0;color:#8995a7;font-size:.66rem}
html[data-mks-theme="light"] .mks-register-consents,html[data-mks-theme="light"] .mks-account-consents{background:rgba(255,255,255,.4)}
html[data-mks-theme="light"] .mks-consent-row span{color:#4f5968}

/* MERTED expansion: still dramatic, but does not swallow the left side. */
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  .mks-identity-archive--merted.is-motion-expanded .mks-identity-archive__scene{width:132%!important;transform:translateX(-19%) scale(1.008)!important;box-shadow:-34px 0 72px rgba(0,0,0,.4)!important}
  .mks-identity-archive--merted .mks-merted-motion-label{left:clamp(3.8rem,6vw,6rem)!important}
}

@media(max-width:760px){
  .mks-product-card{border-radius:14px!important}
  .mks-product-card__copy{padding:.72rem .7rem .65rem!important}
  .mks-product-card__taxonomy{display:block;min-height:0}
  .mks-product-card__taxonomy small{max-width:none;font-size:.4rem!important}
  .mks-product-card__taxonomy em{display:none}
  .mks-product-card__copy h3{margin:.38rem 0 .24rem!important;font-size:.82rem!important;line-height:1.08!important}
  .mks-product-card__price{margin:.1rem 0 .5rem!important;font-size:.68rem!important}
  .mks-product-card__copy footer{padding-top:.5rem}
  .mks-product-card__copy footer>span{display:none}
  .mks-product-card__copy footer>a{font-size:.4rem}
  .mks-product-card__curation{min-height:34px;padding:.5rem .65rem}
  .mks-product-card__curation span{font-size:.38rem}.mks-product-card__curation b{font-size:.8rem}
  .mks-product-card--pick .mks-wishlist-btn--card{top:2.7rem!important}
  .mks-legal-page .mks-page-hero--legal{min-height:320px!important;padding:2.6rem 1.5rem!important;gap:1.35rem!important}
  .mks-legal-page .mks-page-hero--legal h1{font-size:clamp(3rem,14vw,5rem)!important;max-width:10ch!important}
  .mks-legal-hero-brand__logo{max-width:112px!important;max-height:58px!important}
  .mks-legal-hero-brand>span{font-size:.4rem}
}
