body.zm-home-page #main-content.wrap { width: min(94%, 1600px); }
.zm-home-page .zm-mini-top { display: none; }
.mk-home { padding: 12px 0 20px; color: #080d30; }
.mk-home [hidden] { display: none !important; }
.mk-utility { background: #0647a5; color: white; font-size: 12px; }
.mk-utility .zt-inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 29px; }
.mk-utility .zu-icon { width: 16px; height: 16px; vertical-align: middle; }
.mk-utility a + a { margin-left: 15px; }
.mk-header > .zt-inner { gap: clamp(13px,3vw,45px); min-height: 60px; }
.mk-header .zt-brand i { display: grid; place-items: center; color: white; width: 42px; height: 43px; border-radius: 10px; background: linear-gradient(#079bff,#013ec3); }
.mk-header .zt-brand strong span { color: #0458dc; }
.mk-header .zt-actions > a { flex-direction: row; gap: 5px; font-size: 12px; white-space: nowrap; }
.mk-location { display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.mk-location small, .mk-location b { display: block; line-height: 1.1; }
.mk-nav { background: linear-gradient(#064b92,#042458); }
.mk-nav > .zt-inner { min-height: 36px; }
.mk-nav .mk-all, .mk-nav .mk-sale { padding: 8px 15px; border-radius: 11px; background: linear-gradient(#009bff,#0053e4); }
.mk-nav .mk-sale { background: linear-gradient(#ff4961,#f20931); }
.mk-hero-grid { display: grid; grid-template-columns: minmax(0,2.65fr) minmax(0,1fr); gap: 12px; }
.mk-hero { position: relative; min-width: 0; border-radius: 17px; overflow: hidden; background: #03285e; }
.mk-slide { position: relative; display: flex; align-items: center; min-height: clamp(164px,11.2vw,205px); padding: 12px 7.4% 22px; color: white; isolation: isolate; }
.mk-slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.mk-tech::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#05264d99,transparent 60%); }
.mk-slide h1, .mk-slide h2 { color: white; font-size: clamp(26px,3vw,49px); line-height: .97; letter-spacing: -.7px; margin: 0 0 6px; }
.mk-slide em { color: #10eafa; font-style: normal; }
.mk-slide p { margin: 0 0 8px; font-weight: 700; font-size: clamp(11px,1.08vw,17px); }
.mk-slide a, .mk-promos b { display: inline-block; background: white; color: #071339; border-radius: 22px; padding: 4px 17px; font-weight: 800; }
.mk-slide-fashion { background: linear-gradient(100deg,#581f75,#ad4caa); }
.mk-slide-home { background: linear-gradient(100deg,#024178,#2489da); }
.mk-promos { display: grid; grid-template-rows: 1fr 1fr; gap: 6px; }
.mk-promos > a { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 7px 8%; border-radius: 15px; overflow: hidden; color: white; background-image: linear-gradient(90deg,#24114dd9,#582b7860 64%,transparent),url('mock/promos.png'); background-size: 100% 100%,200% 200%; background-position: center,left top; }
.mk-promos > a.mk-promo-home { background-image: linear-gradient(90deg,#043868ed,#175e9070 60%,transparent),url('mock/promos.png'); background-position: center,right top; }
.mk-promos strong { font-size: clamp(17px,1.55vw,25px); line-height: .95; }
.mk-promos span { font-size: 11px; font-weight: 700; }
.mk-promos b { font-size: 11px; padding: 2px 13px; margin-top: 4px; }
.mk-dots { display: flex; gap: 7px; position: absolute; bottom: 7px; left: 50%; transform: translateX(-50%); }
.mk-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: #a8c5ff; }
.mk-dots button[aria-pressed="true"] { background: white; }
.mk-row, .mk-category-section { margin-top: 9px; }
.mk-heading { display: flex; align-items: center; gap: 12px; padding: 0 7px 4px; }
.mk-heading h2 { margin: 0; font-size: clamp(19px,1.8vw,29px); line-height: 1.05; letter-spacing: -.55px; }
.mk-heading > a { margin-left: auto; color: #0035df; font-weight: 800; font-size: clamp(10px,1vw,15px); white-space: nowrap; }
.mk-chip, .mk-countdown { padding: 3px 13px; border-radius: 18px; font-size: 12px; font-weight: 800; }
.mk-countdown { background: linear-gradient(#ff344c,#f20028); color: white; font-variant-numeric: tabular-nums; }
.mk-rail-wrap { position: relative; }
.mk-rail { --visible: 5; display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 12px 8px; }
.mk-rail > * { scroll-snap-align: start; }
.mk-card { flex: 0 0 calc((100% - (var(--visible) - 1)*8px)/var(--visible)); min-width: 0; overflow: hidden; border-radius: 14px; border: 1px solid #e6effd; background: linear-gradient(#fff,#fbfdff); box-shadow: 0 4px 6px #1c52952a; }
.mk-photo { height: clamp(69px,5.8vw,105px); position: relative; display: block; padding: 5px 9px 1px; }
.mk-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mk-badge { position: absolute; top: 5px; right: 6px; padding: 1px 8px; border-radius: 13px; color: white; background: linear-gradient(#ff4057,#f60024); font-size: 11px; font-weight: 850; }
.mk-card-body { padding: 2px 10px 7px; }
.mk-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.25em; font-size: clamp(11px,.98vw,15px); line-height: 1.12; font-weight: 800; overflow-wrap: anywhere; }
.mk-price { display: flex; justify-content: space-between; align-items: center; gap: 5px; }
.mk-price strong { color: #f00024; font-size: clamp(14px,1.35vw,21px); }
.mk-price del { color: #213668; font-weight: 750; font-size: 11px; margin-left: 4px; }
.mk-basket { flex-shrink: 0; display: grid; place-items: center; width: 38px; height: 29px; border-radius: 9px; background: linear-gradient(#0097ff,#0042df); color: white; }
.mk-basket .zu-icon { width: 19px; height: 19px; }
.mk-prev, .mk-next { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: 1px solid #edf3ff; color: #101735; background: #fff; box-shadow: 0 3px 7px #16469130; line-height: 1; font-size: 26px; cursor: pointer; }
.mk-prev { left: -8px; } .mk-next { right: -8px; }
.mk-hero .mk-prev { left: 11px; } .mk-hero .mk-next { right: 11px; }
.mk-best { border-radius: 20px; padding: 7px 6px 0; background: radial-gradient(ellipse at 48% 15%,#b329f4,transparent 47%),linear-gradient(#5518d6 0%,#5577ff 15%,#f0eaff 58%,#e9ecff); }
.mk-best .mk-heading h2 { color: white; }
.mk-best .mk-heading > a { background: white; padding: 3px 12px; border-radius: 16px; }
.mk-best .mk-rail { --visible: 6; }
.mk-best .mk-chip { background: #3823dd; color: white; }
.mk-categories { display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); gap: 9px; }
.mk-categories a { display: grid; place-items: center; text-align: center; border-radius: 12px; overflow: hidden; min-height: 69px; background: #e3efff; }
.mk-art { display: block; width: 100%; height: clamp(39px,3.25vw,54px); background: url('mock/categories.png') no-repeat; background-size: 300% 200%; }
.mk-art-1 { background-position: 0 0; } .mk-art-2 { background-position: 50% 0; } .mk-art-3 { background-position: 100% 0; }
.mk-art-4 { background-position: 0 100%; } .mk-art-5 { background-position: 50% 100%; } .mk-art-6 { background-position: 100% 100%; }
.mk-categories strong { padding: 3px 4px; line-height: 1.05; font-size: clamp(9px,.9vw,14px); }
.mk-categories .zu-icon { width: 36px; height: 36px; color: #0055da; }
.mk-new .mk-rail { --visible: 8; }
.mk-new .mk-chip { background: linear-gradient(#fff5b6,#ffdf60); }
.mk-new .mk-badge { background: #0048ff; }
.mk-new .mk-price strong { color: #0647ce; }
.mk-event { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 15px; margin-top: 6px; padding: 6px 4%; color: white; background: radial-gradient(ellipse at center,#cf23f0,#6514bb 60%,#311185); }
.mk-event strong { font-style: italic; font-size: clamp(23px,2.8vw,43px); line-height: 1.03; }
.mk-event em { color: #fff024; }
.mk-event b { background: linear-gradient(#fff73c,#ffd500); border-radius: 22px; padding: 6px 15px; color: #111; white-space: nowrap; }
.mk-empty { flex: 1; padding: 12px; background: #fff; border-radius: 10px; }
@media(max-width:1100px) {
    .mk-location { display:none; }
    .mk-header > .zt-inner { gap: 16px; }
    .mk-heading { gap: 7px; }
    .mk-rail, .mk-best .mk-rail { --visible: 4; }
    .mk-new .mk-rail { --visible: 6; }
}
@media(max-width:767px) {
    .mk-home, .mk-utility { display: none; }
    body.zm-home-page #main-content.wrap { width: min(100% - 24px, 570px); }
}
.mk-slide img { left: auto; width: 76%; object-position: right 53%; }
.mk-slide-fashion, .mk-slide-home {
    background-image: linear-gradient(90deg,#44235a 5%,#44235aa6 46%,transparent),url('mock/promos.png');
    background-size: 100% 100%,200% 200%;
    background-position: center,left top;
}
.mk-slide-home {
    background-image: linear-gradient(90deg,#043869 5%,#043869a6 46%,transparent),url('mock/promos.png');
    background-position: center,right top;
}
