.mm{color:#222;}
.mm *{box-sizing:border-box}
.mm a{text-decoration:none}
.mm img{display:block;width:100%;height:auto;object-fit:cover;background:#f2f0ec}
.mmNav,.mmUrunler,.mmKatKaydir{overflow-x:auto;scrollbar-width:none}
.mmNav::-webkit-scrollbar,.mmUrunler::-webkit-scrollbar,.mmKatKaydir::-webkit-scrollbar{display:none}

.mmDesktop{position:relative;z-index:9;background:#fff}
.mmNav{display:flex;align-items:center;padding:0 1vw;background:var(--r)}
.mmKat{flex:none;padding:1.5vw .5vw 1.3vw .5vw;font-size:max(.8vw,12px);font-weight:600;color:#ddd;white-space:nowrap;cursor:pointer;border-right:1px solid #ccc;}
.mmKat:first-child,.mmUrunler>:first-child{margin-left:auto}
.mmKat:last-child,.mmUrunler>:last-child{margin-right:auto;border-right:none}
.mmKat:hover,.mmKat:focus-within{color:var(--r);background-color:#fff}
.mmMega{display:none;position:absolute;top:100%;left:0;width:100%;padding:2vw 3vw;background:#fff;color:#222;box-shadow:0 1vw 2vw #0002;cursor:default;white-space:normal}
.mmKat:hover .mmMega,.mmKat:focus-within .mmMega{display:block}
.mmBaslik{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2vw}
.mmBaslik span{font-size:1.4vw;font-weight:500;margin:0;color:var(--r)}
.mmTumu{font-size:max(.85vw,12px);color:var(--r)}
.mmUrunler{display:flex;gap:1vw}
.mmUrun{flex:0 0 15vw;min-width:0;color:#222}
.mmUrun img{aspect-ratio:1.5;border-radius:.3vw}
.mmUrun strong{display:block;font-size:max(.7vw,12px);font-weight:500;margin-top:.7vw}

.mmMobile{display:none;padding-top:3vw}
.mmKatKaydir{display:flex;gap:2vw;padding:0 4vw 2vw}
.mmKatBtn{display:block;flex:0 0 24vw;padding:1vw;border:1px solid #e8e8e8;border-radius:1.5vw;background:#fff;color:#343434;text-align:center;cursor:pointer;font:inherit;font-size:2.8vw;line-height:1.25}
.mmKatBtn img{height:14vw;border-radius:1vw;margin-bottom:1.5vw}
.mmKatBtn.aktif{border-color:var(--r);background:#fff9f0;color:var(--r)}
.mmKatBtn.aktif:after{content:"";display:block;height:.5vw;background:var(--r);border-radius:1vw;margin:1.5vw 15% 0}
.mmIz{height:4px;margin:0 4vw 4vw;background:#ececec;border-radius:2px;overflow:hidden}
.mmIz i{display:block;height:100%;background:var(--r);border-radius:2px}
.mmBas{display:flex;justify-content:space-between;align-items:center;padding:0 4vw 3vw}
.mmBas h2{font-size:4vw;margin:0;font-weight:600}
.mmBas a{font-size:2.8vw;color:var(--r)}
.mmGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3vw;padding:0 4vw 5vw}
.mmGrid .mmUrun{border:1px solid #eee;border-radius:1.5vw;overflow:hidden;background:#fff}
.mmGrid .mmUrun img{aspect-ratio:1.25;border-radius:0}
.mmGrid .mmUrun strong{font-size:3.2vw;margin:0;padding:2vw}

@media(max-width:768px){.mmDesktop{display:none}.mmMobile{display:block}}