*{box-sizing:border-box}

html,body{
    margin:0;
    padding:0;
    background:#f4eee7;
    color:#241914;
    font-family:Arial,sans-serif;
}

a{
    color:inherit;
    text-decoration:none;
}

.mk-page{
    width:100%;
    background:#f4eee7;
}

.mk-header{
    height:92px;
    padding:0 70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    background:#fff;
}

.mk-logo{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:300px;
}

.mk-logo img{
    width:56px;
    height:56px;
    object-fit:contain;
    display:block;
    flex-shrink:0;
}

.mk-logo strong{
    display:block;
    font-family:Georgia,serif;
    font-size:32px;
    line-height:1;
    letter-spacing:3px;
}

.mk-logo span{
    display:block;
    margin-top:7px;
    color:#a96719;
    font-size:12px;
    font-weight:700;
    letter-spacing:.8px;
}

.mk-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    flex:1;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.mk-contact{
    min-width:205px;
    text-align:right;
}

.mk-contact b{
    display:block;
    font-size:21px;
}

.mk-contact span{
    display:block;
    margin-top:4px;
    color:#6f5c50;
    font-size:13px;
    line-height:1.35;
}

.mk-hero{
    position:relative;
    min-height:520px;
    padding:58px 74px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg,rgba(244,238,231,.98) 0%,rgba(244,238,231,.80) 35%,rgba(244,238,231,.05) 72%),
        url('/hero.jpg') center/cover no-repeat;
    overflow:hidden;
}

.mk-hero-left{
    position:relative;
    z-index:2;
    max-width:540px;
}

.mk-label{
    margin-bottom:22px;
    color:#b88630;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.mk-hero h1{
    margin:0;
    font-family:Georgia,serif;
    font-size:58px;
    line-height:1.08;
    font-weight:700;
}

.mk-hero p{
    max-width:460px;
    margin:22px 0 0;
    font-size:18px;
    line-height:1.55;
}

.mk-actions{
    display:flex;
    gap:18px;
    margin-top:30px;
}

.mk-btn{
    width:230px;
    min-height:86px;
    border-radius:13px;
    padding:18px 22px;
    font-size:14px;
    font-weight:800;
    text-transform:uppercase;
}

.mk-btn span{
    display:block;
    margin-top:10px;
    font-size:13px;
    font-weight:500;
    line-height:1.35;
    text-transform:none;
}

.mk-btn-gold{
    background:linear-gradient(135deg,#d99c2a,#bd7416);
    color:#fff;
}

.mk-btn-light{
    background:#fff;
    color:#76289b;
    border:2px solid #8d35b1;
}

.mk-region-card{
    position:absolute;
    right:86px;
    bottom:66px;
    width:320px;
    padding:30px;
    background:rgba(255,255,255,.94);
    border-radius:20px;
    box-shadow:0 24px 70px rgba(60,35,20,.14);
}

.mk-region-card span{
    color:#6f5d52;
    font-size:12px;
}

.mk-region-card strong{
    display:block;
    margin:14px 0;
    font-family:Georgia,serif;
    font-size:36px;
    line-height:1.05;
}

.mk-region-card p{
    margin:0 0 16px;
    font-size:15px;
    line-height:1.5;
}

.mk-region-card a{
    color:#7b269c;
    font-weight:800;
}

.mk-features{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    background:#fff;
    padding:28px 70px;
    border-bottom:1px solid #eadfd3;
}

.mk-features div{
    padding:8px 22px;
    border-right:1px solid #e6d8c9;
}

.mk-features div:last-child{
    border-right:0;
}

.mk-features b{
    display:block;
    margin-bottom:8px;
    font-size:13px;
    text-transform:uppercase;
}

.mk-features span{
    color:#7c6a60;
    font-size:13px;
}

.mk-bottom{
    display:grid;
    grid-template-columns:1fr 350px;
    gap:28px;
    padding:44px 70px;
}

.mk-calculator,
.mk-partner{
    background:#fff;
    border-radius:18px;
    padding:32px;
    box-shadow:0 16px 50px rgba(60,35,20,.06);
}

.mk-calculator h2,
.mk-partner h3{
    margin-top:0;
    font-family:Georgia,serif;
    text-transform:uppercase;
}

.mk-calc-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 210px;
    background:#fff9f2;
    border-radius:14px;
    overflow:hidden;
}

.mk-calc-grid > div{
    padding:25px;
    border-right:1px solid #ead8c3;
}

.mk-calc-grid > div:last-child{
    border-right:0;
}

.mk-total strong{
    display:block;
    margin:10px 0 16px;
    font-size:27px;
}

.mk-total a,
.mk-partner a,
.mk-suppliers-btn{
    display:inline-block;
    padding:14px 22px;
    border-radius:8px;
    background:#ca8420;
    color:#fff;
    font-weight:800;
}

.mk-partner h3{
    color:#7b269c;
    font-size:25px;
}

.mk-partner ul{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding-left:18px;
}

.mk-partner a{
    display:block;
    margin-top:20px;
    text-align:center;
    background:#812ba4;
}

.mk-suppliers{
    padding:0 70px 60px;
    background:#f4eee7;
}

.mk-suppliers-content{
    max-width:1180px;
    margin:0 auto;
    padding:48px;
    background:#fff;
    border-radius:22px;
    box-shadow:0 18px 55px rgba(80,45,20,.08);
}

.mk-suppliers-content > span{
    color:#bd761c;
    font-size:14px;
    font-weight:800;
    letter-spacing:2px;
}

.mk-suppliers h2{
    margin:18px 0;
    font-family:Georgia,serif;
    font-size:42px;
    line-height:1.1;
}

.mk-suppliers p{
    max-width:760px;
    color:#68564c;
    font-size:18px;
    line-height:1.6;
}

.mk-suppliers-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin:32px 0;
}

.mk-suppliers-grid div{
    padding:18px 20px;
    background:#fff8ef;
    border:1px solid #ead8c3;
    border-radius:12px;
    font-weight:800;
}

.mk-suppliers-btn{
    background:#812ba4;
}

@media(max-width:1200px){
    .mk-header{
        height:auto;
        padding:18px 24px;
        flex-wrap:wrap;
    }

    .mk-logo{
        min-width:auto;
    }

    .mk-nav{
        order:3;
        width:100%;
        justify-content:flex-start;
        flex-wrap:wrap;
        gap:16px;
    }

    .mk-hero{
        padding:44px 24px;
        min-height:auto;
    }

    .mk-hero h1{
        font-size:46px;
    }

    .mk-actions{
        flex-direction:column;
    }

    .mk-region-card{
        position:static;
        margin-left:30px;
    }

    .mk-features{
        grid-template-columns:repeat(2,1fr);
        padding:22px;
    }

    .mk-bottom{
        grid-template-columns:1fr;
        padding:30px 20px;
    }

    .mk-calc-grid{
        grid-template-columns:1fr;
    }

    .mk-suppliers{
        padding:0 20px 40px;
    }

    .mk-suppliers-content{
        padding:30px 24px;
    }

    .mk-suppliers-grid{
        grid-template-columns:1fr;
    }
}