/*
 * Macro Micro UI Polish
 * Module 02: Homepage "En Çok Tercih Edilenler"
 * Only targets Safe Fixes custom homepage cards.
 */

.home .mm-home-product-card.mm-safe-card,
body.home .mm-home-product-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    padding:12px 12px 13px!important;
    border:1px solid #e4e6ea!important;
    border-radius:19px!important;
    background:linear-gradient(180deg,#fff 0%,#fdfdfd 100%)!important;
    box-shadow:0 8px 24px rgba(16,24,40,.065)!important;
    overflow:hidden!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
    box-sizing:border-box!important;
}
.home .mm-home-product-card.mm-safe-card:before,
body.home .mm-home-product-card:before{
    content:"";
    position:absolute;
    z-index:0;
    left:12px;
    right:12px;
    top:0;
    height:2px;
    border-radius:0 0 99px 99px;
    background:linear-gradient(90deg,transparent,rgba(218,31,42,.25),transparent);
    opacity:.75;
    pointer-events:none;
}
.home .mm-home-product-card.mm-safe-card:hover,
body.home .mm-home-product-card:hover{
    transform:translateY(-4px)!important;
    border-color:#d8dbe0!important;
    box-shadow:0 18px 38px rgba(16,24,40,.115)!important;
}
.home .mm-home-product-card .mm-home-product-image,
body.home .mm-home-product-card .mm-home-product-image{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:158px!important;
    margin:0 0 9px!important;
    padding:7px!important;
    border:1px solid #f0f1f3!important;
    border-radius:15px!important;
    background:radial-gradient(circle at 50% 18%,#fff 0%,#fbfbfc 72%,#f7f8f9 100%)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}
.home .mm-home-product-card .mm-home-product-image img,
body.home .mm-home-product-card .mm-home-product-image img{
    display:block!important;
    width:100%!important;
    height:145px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
}
.home .mm-home-product-card .mm-home-product-body,
body.home .mm-home-product-card .mm-home-product-body{
    display:flex!important;
    flex:1!important;
    flex-direction:column!important;
    min-width:0!important;
}
.home .mm-home-product-card .mm-home-product-title,
body.home .mm-home-product-card .mm-home-product-title{
    display:block!important;
    min-height:36px!important;
    margin:0 0 7px!important;
    color:#14171b!important;
    font-size:13.5px!important;
    line-height:1.3!important;
    font-weight:850!important;
    letter-spacing:-.18px!important;
    text-decoration:none!important;
}
.home .mm-home-product-card .mm-home-product-price,
body.home .mm-home-product-card .mm-home-product-price{
    margin:auto 0 7px!important;
    padding-top:4px!important;
    color:#d91f2a!important;
    font-size:17.5px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:-.2px!important;
}
.home .mm-home-product-card .mm-home-product-price del,
body.home .mm-home-product-card .mm-home-product-price del{
    color:#858b94!important;
    font-size:10px!important;
    opacity:.8!important;
    font-weight:700!important;
}
.home .mm-home-product-card .mm-home-product-price ins,
body.home .mm-home-product-card .mm-home-product-price ins{
    color:#d91f2a!important;
    text-decoration:none!important;
}

/* UI Polish'in eklediği güven katmanı. */
.home .mm-home-product-card .mm-ui-home-trust,
body.home .mm-home-product-card .mm-ui-home-trust{
    margin:0 0 8px!important;
    padding:7px 8px 8px!important;
    border:1px solid #eceef1!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#fafbfc 0%,#f7f8fa 100%)!important;
    box-sizing:border-box!important;
}
.home .mm-ui-home-stock,
body.home .mm-ui-home-stock{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:0 0 6px!important;
    color:#4e5661!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:800!important;
}
.home .mm-ui-home-stock-dot,
body.home .mm-ui-home-stock-dot{
    width:6px!important;
    min-width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    background:#1e9b58!important;
    box-shadow:0 0 0 3px rgba(30,155,88,.09)!important;
}
.home .mm-ui-home-stock.is-out-of-stock,
body.home .mm-ui-home-stock.is-out-of-stock{color:#9a2e35!important}
.home .mm-ui-home-stock.is-out-of-stock .mm-ui-home-stock-dot,
body.home .mm-ui-home-stock.is-out-of-stock .mm-ui-home-stock-dot{
    background:#c5333d!important;
    box-shadow:0 0 0 3px rgba(197,51,61,.09)!important;
}
.home .mm-ui-home-trust-items,
body.home .mm-ui-home-trust-items{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:4px 5px!important;
}
.home .mm-ui-home-trust-items span,
body.home .mm-ui-home-trust-items span{
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
    white-space:nowrap!important;
    color:#626973!important;
    font-size:7.7px!important;
    line-height:1!important;
    font-weight:750!important;
}
.home .mm-ui-home-trust-items span:not(:last-child):after,
body.home .mm-ui-home-trust-items span:not(:last-child):after{
    content:"·";
    margin-left:2px;
    color:#c1c5cb;
    font-weight:900;
}
.home .mm-ui-home-trust-items i,
body.home .mm-ui-home-trust-items i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:12px!important;
    min-width:12px!important;
    height:12px!important;
    border:1px solid #dfe3e7!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#1f7f50!important;
    font-size:7px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:950!important;
}

.home .mm-home-product-card .mm-safe-button,
body.home .mm-home-product-card .mm-safe-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:40px!important;
    padding:9px 10px!important;
    margin-top:auto!important;
    border:1px solid #d91f2a!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#ef3340 0%,#dc202c 100%)!important;
    color:#fff!important;
    box-shadow:0 8px 17px rgba(218,31,42,.16)!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    font-weight:850!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
}
.home .mm-home-product-card .mm-safe-button:hover,
body.home .mm-home-product-card .mm-safe-button:hover{
    filter:brightness(.98)!important;
}

@media(max-width:900px){
    .home .mm-home-product-card.mm-safe-card,
    body.home .mm-home-product-card{padding:10px!important;border-radius:16px!important}
    .home .mm-home-product-card .mm-home-product-image,
    body.home .mm-home-product-card .mm-home-product-image{min-height:140px!important;border-radius:13px!important}
    .home .mm-home-product-card .mm-home-product-image img,
    body.home .mm-home-product-card .mm-home-product-image img{height:128px!important}
}
@media(max-width:480px){
    .home .mm-home-product-card.mm-safe-card,
    body.home .mm-home-product-card{padding:8px!important;border-radius:13px!important}
    .home .mm-home-product-card .mm-home-product-image,
    body.home .mm-home-product-card .mm-home-product-image{min-height:116px!important;padding:3px!important;border-radius:10px!important}
    .home .mm-home-product-card .mm-home-product-image img,
    body.home .mm-home-product-card .mm-home-product-image img{height:108px!important}
    .home .mm-home-product-card .mm-ui-home-trust,
    body.home .mm-home-product-card .mm-ui-home-trust{padding:6px!important;margin-bottom:6px!important;border-radius:9px!important}
    .home .mm-ui-home-stock,
    body.home .mm-ui-home-stock{font-size:7.5px!important;margin-bottom:5px!important}
    .home .mm-ui-home-trust-items,
    body.home .mm-ui-home-trust-items{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 5px!important}
    .home .mm-ui-home-trust-items span,
    body.home .mm-ui-home-trust-items span{font-size:6.8px!important;min-width:0!important}
    .home .mm-ui-home-trust-items span:not(:last-child):after,
    body.home .mm-ui-home-trust-items span:not(:last-child):after{display:none!important}
    .home .mm-ui-home-trust-items span:last-child,
    body.home .mm-ui-home-trust-items span:last-child{grid-column:1 / -1!important}
}