/* MM Ebat Seçenekleri v1.7 - WoodMart/Elementor güvenli görünüm */
.mm-size-options-box{
    --mm-size-accent:#97002f;
    --mm-size-text:#262626;
    --mm-size-muted:#777;
    --mm-size-border:#e8e1e3;
    --mm-size-bg:#fff;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:680px!important;
    margin:18px 0 22px!important;
    padding:16px!important;
    clear:both!important;
    position:relative!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    background:linear-gradient(145deg,#fff 0%,#fdfbfc 100%)!important;
    border:1px solid #eee7e9!important;
    border-radius:14px!important;
    box-shadow:0 8px 26px rgba(41,16,24,.055)!important;
    color:var(--mm-size-text)!important;
    font-family:inherit!important;
    z-index:1!important;
}

/* Portal footer'da kısa süre görünmesin; JS yerine taşıyınca açılır */
.mm-size-options-box.mm-size-portal{visibility:hidden!important;}
.mm-size-options-box.mm-size-mounted{visibility:visible!important;}

.mm-size-title{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:0 0 13px!important;
    padding:0!important;
    color:#242124!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.35!important;
    letter-spacing:-.15px!important;
    text-transform:none!important;
}
.mm-size-title:before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:18px 18px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2397002f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l14 14 4-4L7 3 3 7z'/%3E%3Cpath d='M14 6l-2 2'/%3E%3Cpath d='M17 9l-2 2'/%3E%3Cpath d='M20 12l-2 2'/%3E%3C/svg%3E")!important;
}

.mm-size-options{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
}

.mm-size-option{
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    position:relative!important;
    inset:auto!important;
    float:none!important;
    transform:none!important;
    overflow:visible!important;
    background:#fff!important;
    background-image:linear-gradient(180deg,#fff,#fbf8f9)!important;
    border:1px solid var(--mm-size-border)!important;
    border-radius:11px!important;
    box-shadow:0 3px 11px rgba(0,0,0,.035)!important;
    color:var(--mm-size-text)!important;
    -webkit-text-fill-color:var(--mm-size-text)!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-transform:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    opacity:1!important;
    visibility:visible!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}

.mm-size-option:hover{
    background:#fff!important;
    border-color:#cf9cac!important;
    color:var(--mm-size-accent)!important;
    -webkit-text-fill-color:var(--mm-size-accent)!important;
    box-shadow:0 7px 18px rgba(151,0,47,.085)!important;
}

.mm-size-option.active{
    background:linear-gradient(180deg,#fff,#fff8fa)!important;
    border:1.5px solid var(--mm-size-accent)!important;
    color:var(--mm-size-accent)!important;
    -webkit-text-fill-color:var(--mm-size-accent)!important;
    box-shadow:0 0 0 2px rgba(151,0,47,.07),0 8px 20px rgba(151,0,47,.10)!important;
}

.mm-size-option.active:after{
    content:"✓"!important;
    box-sizing:border-box!important;
    width:18px!important;
    height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    top:-6px!important;
    right:-5px!important;
    border-radius:50%!important;
    background:var(--mm-size-accent)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    box-shadow:0 3px 8px rgba(151,0,47,.22)!important;
}

.mm-size-icon{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    display:block!important;
    opacity:.82!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:15px 15px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2397002f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l14 14 4-4L7 3 3 7z'/%3E%3Cpath d='M14 6l-2 2'/%3E%3Cpath d='M17 9l-2 2'/%3E%3Cpath d='M20 12l-2 2'/%3E%3C/svg%3E")!important;
}
.mm-size-name{
    display:block!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    font:inherit!important;
    line-height:1!important;
    opacity:1!important;
}

/* Eklenti Sepete Ekle, quantity, Apple/Google Pay alanına ASLA stil uygulamaz. */

@media(max-width:767px){
    .mm-size-options-box{
        max-width:100%!important;
        margin:14px 0 18px!important;
        padding:13px!important;
        border-radius:12px!important;
    }
    .mm-size-title{
        margin-bottom:11px!important;
        font-size:14px!important;
    }
    .mm-size-options{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    .mm-size-option{
        height:42px!important;
        min-height:42px!important;
        padding:0 9px!important;
        border-radius:10px!important;
        font-size:13px!important;
    }
    .mm-size-icon{
        width:14px!important;
        height:14px!important;
        min-width:14px!important;
        background-size:14px 14px!important;
    }
}