/*======================================================================
MF-05

CARD FOUNDATION
Version : 3.0
======================================================================*/

.ms-card{

position:relative;

display:flex;

flex-direction:column;

width:100%;

background:var(--ms-surface);

border:1px solid var(--ms-border);

border-radius:var(--ms-radius-lg);

overflow:hidden;

box-shadow:var(--ms-shadow-sm);

transition:

transform var(--ms-motion-normal) var(--ms-ease-standard),

box-shadow var(--ms-motion-normal) var(--ms-ease-standard),

border-color var(--ms-motion-normal) var(--ms-ease-standard);

}


.ms-card:hover{

transform:translateY(-6px);

box-shadow:var(--ms-shadow-lg);

border-color:rgba(197,165,114,.30);

}


.ms-card-xs{

padding:var(--ms-space-4);

}

.ms-card-sm{

padding:var(--ms-space-6);

}

.ms-card-md{

padding:var(--ms-space-8);

}

.ms-card-lg{

padding:var(--ms-space-10);

}

.ms-card-xl{

padding:var(--ms-space-12);

}


.ms-card-center{

align-items:center;

text-align:center;

}

.ms-card-start{

align-items:flex-start;

text-align:left;

}

.ms-card-end{

align-items:flex-end;

text-align:right;

}


.ms-card-image{

position:relative;

width:100%;

overflow:hidden;

border-radius:inherit;

}

.ms-card-image img{

display:block;

width:100%;

height:100%;

object-fit:cover;

transition:

transform var(--ms-motion-slow) var(--ms-ease-standard);

}

.ms-card:hover .ms-card-image img{

transform:scale(1.05);

}


.ms-card-body{

display:flex;

flex-direction:column;

gap:var(--ms-space-4);

padding:var(--ms-space-8);

flex:1;

}


.ms-card-header{

display:flex;

flex-direction:column;

gap:var(--ms-space-3);

}


.ms-card-footer{

display:flex;

align-items:center;

justify-content:space-between;

gap:var(--ms-space-4);

margin-top:auto;

padding-top:var(--ms-space-6);

border-top:1px solid var(--ms-border);

}


.ms-card-icon{

display:flex;

align-items:center;

justify-content:center;

width:72px;

height:72px;

border-radius:var(--ms-radius-md);

background:rgba(197,165,114,.08);

border:1px solid rgba(197,165,114,.15);

flex-shrink:0;

}

.ms-card-icon svg{

width:28px;

height:28px;

fill:var(--ms-gold);

}

.ms-card-icon img{

width:28px;

height:28px;

object-fit:contain;

}


.ms-card-flat{

background:transparent;

border:1px solid var(--ms-border);

box-shadow:none;

}

.ms-card-elevated{

box-shadow:var(--ms-shadow-md);

}

.ms-card-outlined{

background:transparent;

border:1px solid rgba(197,165,114,.22);

}

.ms-card-glass{

background:rgba(255,255,255,.03);

backdrop-filter:blur(10px);

-webkit-backdrop-filter:blur(10px);

border:1px solid rgba(255,255,255,.08);

}


.ms-card-sm{

min-height:220px;

}

.ms-card-md{

min-height:320px;

}

.ms-card-lg{

min-height:420px;

}


.ms-card-divider{

width:100%;

height:1px;

background:var(--ms-border);

margin:var(--ms-space-6) 0;

}