.mm-home{--mm-blue:#1E73BE;--mm-blue-d:#14507f;--mm-green:#83B735;--mm-ink:#242424;--mm-soft:#4a4f55;--mm-ground:#F5F6F3;--mm-t1:#E2ECF6;--mm-t2:#E8F1D6;--mm-t3:#EBEDE8;--mm-pad:clamp(18px,3.2vw,96px);
 font-family:Lato,system-ui,sans-serif;color:var(--mm-ink);font-size:clamp(17px,.5vw + 11px,25px);line-height:1.55;background:var(--mm-ground);
 width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden}
.mm-home *{box-sizing:border-box}
.mm-home h1,.mm-home h2,.mm-home h3{font-family:Poppins,Lato,system-ui,sans-serif;color:var(--mm-ink);font-weight:600;letter-spacing:-.025em;margin:0}
.mm-home a{color:var(--mm-blue)}
.mm-home img{display:block;max-width:100%;height:auto}
.mm-wrap{width:100%;padding-inline:var(--mm-pad)}
.mm-sec{padding-block:clamp(56px,6.2vw,132px)}
.mm-h2{font-size:clamp(30px,3.3vw,88px);line-height:1.06;max-width:18ch}
.mm-p{font-size:1.06em;line-height:1.6;max-width:56ch;margin:1.1em 0 0;color:var(--mm-ink)}
.mm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:3.1em;padding:0 1.8em;background:var(--mm-green);color:#16240a!important;font:600 1em/1 Poppins,Lato,sans-serif;text-decoration:none;border-radius:0;transition:background .2s,transform .2s}
.mm-btn:hover{background:#97cc47}
.mm-btn:focus-visible,.mm-home a:focus-visible{outline:3px solid var(--mm-blue-d);outline-offset:3px}
.mm-link{font:600 1em/1.2 Poppins,Lato,sans-serif;text-decoration:none;color:var(--mm-blue)}
.mm-link:hover{text-decoration:underline}
.mm-t1{background:var(--mm-t1)}.mm-t2{background:var(--mm-t2)}.mm-t3{background:var(--mm-t3)}
.mm-tile{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.mm-tile img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
a.mm-tile:hover img,.mm-card:hover .mm-tile img{transform:scale(1.05)}

/* HERO */
.mm-hero{padding-top:clamp(40px,6vw,96px);padding-bottom:clamp(56px,7vw,112px)}
.mm-hero-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,3.4vw,110px);align-items:center}
.mm-hero h1{font-size:clamp(34px,3.9vw,106px);line-height:1;letter-spacing:-.04em}
.mm-hero .mm-p{font-size:clamp(18px,1.25vw,34px);max-width:46ch;margin-top:1.4em}
.mm-hero-act{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;margin-top:40px}
.mm-wall{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,minmax(0,clamp(70px,7.3vw,200px)));gap:clamp(8px,.7vw,18px);margin-right:calc(var(--mm-pad) * -1)}
.mm-wall .mm-tile:nth-child(1){grid-column:1/4;grid-row:1/4}
.mm-wall .mm-tile:nth-child(2){grid-column:4/7;grid-row:1/3}
.mm-wall .mm-tile:nth-child(3){grid-column:4/6;grid-row:3/5}
.mm-wall .mm-tile:nth-child(4){grid-column:1/3;grid-row:4/7}
.mm-wall .mm-tile:nth-child(5){grid-column:3/4;grid-row:4/6}
.mm-wall .mm-tile:nth-child(6){grid-column:5/7;grid-row:5/7}
.mm-wall .mm-tile:nth-child(7){grid-column:3/5;grid-row:6/7}
.mm-wall .mm-tile img{width:90%;height:90%}
.mm-cap{position:absolute;left:clamp(12px,1.2vw,28px);bottom:clamp(12px,1.2vw,28px);background:var(--mm-ink);color:#fff;font:600 clamp(14px,1.05vw,26px)/1 Poppins,Lato,sans-serif;padding:.8em 1.1em;letter-spacing:-.01em}
.mm-field{padding-block:clamp(48px,5vw,110px)}
.mm-field.f1{background:var(--mm-t1)}.mm-field.f2{background:var(--mm-t2)}
.mm-field .mm-tile{background:transparent!important;aspect-ratio:auto!important;height:clamp(320px,34vw,820px)}
.mm-field .mm-tile img{width:100%;height:100%}

/* MARKALAR */
.mm-brands{background:#fff;padding-block:clamp(40px,5vw,72px)}
.mm-brands-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:32px;align-items:center}
.mm-brands h2{font-size:clamp(22px,1.8vw,28px);line-height:1.2;max-width:14ch}
.mm-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,48px);align-items:center}
.mm-logos{align-items:center;justify-items:center}
.mm-logos img{height:clamp(70px,8vw,190px);width:100%;max-width:100%;object-fit:contain}
.mm-logos img.wide{height:clamp(34px,3.6vw,86px)}

/* KATEGORILER */
.mm-cats-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:end;margin-bottom:clamp(36px,4vw,64px)}
.mm-cats-head .mm-p{margin:0 0 6px;justify-self:end}
.mm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.mm-card{display:block;text-decoration:none;color:var(--mm-ink)}
.mm-card .mm-tile{aspect-ratio:1/1}
.mm-card h3{font-size:1.1em;line-height:1.25;letter-spacing:-.01em;margin:16px 0 0;font-weight:500}
.mm-card:hover h3{color:var(--mm-blue)}

/* VITRIN */
.mm-show{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:center}
.mm-show.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.mm-show .mm-tile{aspect-ratio:6/5}
.mm-show .mm-act{margin-top:36px}
.mm-show ul{margin:24px 0 0;padding:0;list-style:none}
.mm-show li{padding:12px 0 12px 28px;position:relative;max-width:52ch}
.mm-show li:before{content:"";position:absolute;left:0;top:23px;width:12px;height:12px;background:var(--mm-green)}

/* TREXO */
.mm-trexo{background:#C9D9E1}
.mm-trexo-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:center}
.mm-trexo img{width:100%;max-height:78vh;object-fit:contain;object-position:left bottom}
.mm-trexo .mm-act{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;margin-top:36px}

/* ZIYARET */
.mm-visit{background:var(--mm-blue-d);color:#fff}
.mm-visit h2,.mm-visit .mm-p{color:#fff}
.mm-visit-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:start}
.mm-visit address{font-style:normal;font-size:1.1em;line-height:1.55;margin-top:28px;max-width:30ch}
.mm-contacts{display:grid;gap:0}
.mm-contacts a{display:block;color:#fff;text-decoration:none;font:600 clamp(26px,3vw,84px)/1.15 Poppins,Lato,sans-serif;letter-spacing:-.02em;padding:22px 0;transition:padding .25s,color .25s}
.mm-contacts a small{display:block;font:400 clamp(15px,1.05vw,27px)/1.4 Lato,sans-serif;letter-spacing:0;opacity:.85;margin-bottom:6px}
.mm-contacts a:hover{padding-left:14px;color:#cfe8a3}
.mm-visit .mm-btn{margin-top:32px}

/* HAREKET */
@media (prefers-reduced-motion:no-preference){
.mm-js .mm-r{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.mm-js .mm-r.in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.mm-home *{transition:none!important}}

@media (max-width:1000px){
 .mm-hero-in,.mm-show,.mm-show.rev,.mm-trexo-in,.mm-visit-in,.mm-cats-head,.mm-brands-in{grid-template-columns:1fr}
 .mm-show .mm-tile,.mm-show.rev .mm-tile{order:-1}
 .mm-hero h1{max-width:16ch}
 .mm-wall{margin-right:0;grid-template-rows:repeat(6,minmax(0,17vw))}
 .mm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mm-cats-head .mm-p{justify-self:start}
 .mm-logos{grid-template-columns:repeat(2,1fr)}
 .mm-trexo img{max-height:none}
 .mm-card:nth-child(n) .mm-tile{aspect-ratio:1/1}
}
@media (max-width:520px){.mm-hero h1{font-size:8.4vw}.mm-home{font-size:17px}.mm-card h3{font-size:17px}.mm-contacts a{font-size:24px}}

.mm-brands-box{min-width:0}
.mm-logos a{display:block;width:100%}
.mm-chips{list-style:none;margin:clamp(20px,3vw,36px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mm-chips a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(0,0,0,.14);border-radius:999px;font-size:14px;line-height:1.2;color:inherit;text-decoration:none;transition:background .15s,border-color .15s}
.mm-chips a:hover,.mm-chips a:focus-visible{background:#f2f2f2;border-color:rgba(0,0,0,.4)}
.mm-chips small{opacity:.55;font-size:12px}

/* marka logoları: küçük ve eşit kutular */
.mm-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mm-logos a{display:flex;align-items:center;justify-content:center;height:84px;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#fff}
.mm-logos img,.mm-logos img.wide{height:100%;width:100%;max-height:56px;object-fit:contain}
.mm-logos a:hover{border-color:rgba(0,0,0,.35)}
@media(max-width:600px){.mm-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ana sayfa markalar: satır başına 8 */
.mm-brands8 .mm-brandgrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.mm-brands8 .mm-brandgrid a{height:88px;padding:8px;gap:6px;font-size:12px}
.mm-brands8 .mm-brandgrid img{max-height:34px;max-width:90%}
@media(max-width:1100px){.mm-brands8 .mm-brandgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.mm-brands8 .mm-brandgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Meyra distribütör bandı */
.mm-dist{background:#0b3d91;color:#fff}
.mm-dist-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.mm-dist p{margin:0;font-size:15px;line-height:1.4}
.mm-dist p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.mm-dist-cta{flex:none;padding:8px 16px;border:1px solid #fff;border-radius:999px;color:#fff;text-decoration:none;font-size:14px;white-space:nowrap}
.mm-dist-cta:hover,.mm-dist-cta:focus-visible{background:#fff;color:#0b3d91}
@media(max-width:700px){.mm-dist-in{flex-direction:column;align-items:flex-start}}

/* Meyra bandı: ortalı, büyük */
.mm-dist-in{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding-block:clamp(18px,2.5vw,32px)}
.mm-dist .mm-dist-t{font-size:clamp(22px,3vw,38px);font-weight:500;line-height:1.15;letter-spacing:-.01em}
.mm-dist .mm-dist-t strong{font-weight:800;color:#ffd84d}
.mm-dist .mm-dist-s{font-size:clamp(15px,1.4vw,18px);opacity:.92}
.mm-dist-cta{margin-top:6px;padding:11px 26px;font-size:15px;font-weight:600;background:#ffd84d;border-color:#ffd84d;color:#0b3d91}
.mm-dist-cta:hover,.mm-dist-cta:focus-visible{background:#fff;border-color:#fff;color:#0b3d91}

/* Meyra bandı üstte başlığa yapışmasın */
.mm-dist{margin-top:clamp(16px,2.5vw,32px)}