/* Mobil görünüm (telefon ve küçük tablet): ortalı logo, çekmece menü, alt gezinme çubuğu, 2 sütunlu ürün listesi.
   Masaüstünde bu öğeler gizlidir. */
.m-ham,.m-fav,.m-alt,.m-perde,.m-cekmece,.m-kat,.m-ara-kat,.filtre-ac,.wa svg{display:none}

@media (max-width:900px){
  html{-webkit-text-size-adjust:100%}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px));-webkit-tap-highlight-color:transparent}

  /* ---- Üst çubuk: [menü]  [logo ortada]  [favoriler] ---- */
  header.ust .ust-iletisim,header.ust .ust-kategori,header.ust .ust-ana .menu,header.ust .ust-ana .araclar{display:none}
  header.ust{background:rgba(251,247,242,.98);border-bottom:1px solid var(--cizgi,#e6dccf)}
  header.ust .ust-ana .sarmal{width:100%;margin:0;padding:0 4px}
  header.ust .ust-ana .satir{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:0;min-height:62px;flex-wrap:nowrap}
  header.ust .logo{justify-self:center;margin:0;display:flex;align-items:center;justify-content:center;max-width:100%}
  header.ust .logo img{height:40px;max-width:62vw;width:auto}
  header.ust .logo span{font-size:30px}
  .m-ham,.m-fav{display:inline-grid;place-items:center;position:relative;width:48px;height:48px;border:0;background:none;color:var(--murekkep,#2a1c16);cursor:pointer;text-decoration:none;border-radius:50%}
  .m-ham{justify-self:start}.m-fav{justify-self:end}
  .m-ham:active,.m-fav:active{background:rgba(122,26,51,.08)}
  .m-fav b{position:absolute;top:5px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bordo,#7a1a33);color:#fff;font:600 10px/17px Arial,sans-serif;text-align:center}
  .m-fav b[hidden]{display:none}

  /* ---- Alt gezinme çubuğu ---- */
  .m-alt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--cizgi,#e6dccf);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -6px 18px rgba(40,24,20,.07)}
  .m-alt a,.m-alt button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;padding:7px 2px 5px;border:0;background:none;color:#6a5a5d;font:500 11px/1.1 Outfit,sans-serif;text-decoration:none;cursor:pointer}
  .m-alt svg{width:24px;height:24px}
  .m-alt span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-alt .aktif{color:var(--bordo,#7a1a33);font-weight:600}
  .m-alt .aktif::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--bordo,#7a1a33)}
  .m-alt b{position:absolute;top:5px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bordo,#7a1a33);color:#fff;font:600 10px/17px Arial,sans-serif;text-align:center}

  /* ---- WhatsApp: yuvarlak simge, alt çubuğun üstünde ---- */
  .wa{right:14px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:35;width:50px;height:50px;padding:0;display:grid;place-items:center;border-radius:50%;box-shadow:0 5px 16px rgba(0,0,0,.25)}
  .wa svg{display:block;width:26px;height:26px}
  .wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

  /* ---- Karartma ---- */
  .m-perde{display:block;position:fixed;inset:0;z-index:60;background:rgba(30,18,16,.52);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
  body.m-acik-cekmece .m-perde,body.m-acik-kat .m-perde,body.m-acik-ara .m-perde{opacity:1;visibility:visible}
  body.m-acik-cekmece,body.m-acik-kat,body.m-acik-ara{overflow:hidden}
  .m-kapat{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer;border-radius:50%}

  /* ---- Çekmece menü ---- */
  .m-cekmece{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:61;width:min(86vw,340px);background:#fffdfa;transform:translateX(-102%);visibility:hidden;transition:transform .28s ease,visibility .28s;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));box-shadow:6px 0 30px rgba(0,0,0,.18)}
  body.m-acik-cekmece .m-cekmece{transform:none;visibility:visible}
  [dir=rtl] .m-cekmece{left:auto;right:0;transform:translateX(102%)}
  [dir=rtl] body.m-acik-cekmece .m-cekmece{transform:none}
  .m-c-ust{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 20px;border-bottom:1px solid #f0e8de}
  .m-c-logo{display:flex;align-items:center;text-decoration:none;color:var(--murekkep,#2a1c16);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:26px}
  .m-c-logo img{height:34px;width:auto;max-width:200px;object-fit:contain}
  .m-c-eylem{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px 0}
  .m-c-hesap{display:flex;gap:10px;padding:10px 20px 14px}
  .m-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 8px;border:1px solid var(--cizgi,#e6dccf);border-radius:12px;background:#fff;color:var(--murekkep,#2a1c16);text-decoration:none;font:500 14px Outfit,sans-serif;text-align:center}
  .m-btn span{min-width:0;white-space:nowrap}
  .m-btn.m-wa{background:#e8f6ee;border-color:#cfe9db;color:#0f7a4d}
  .m-btn.m-ana{background:var(--bordo,#7a1a33);border-color:var(--bordo,#7a1a33);color:#fff}
  .m-menu{display:block;border-top:1px solid #f0e8de}
  .m-menu a,.m-c-liste a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 20px;border-bottom:1px solid #f0e8de;color:var(--murekkep,#2a1c16);text-decoration:none;font-size:17px}
  .m-menu a:active,.m-c-liste a:active{background:#f7f0ea}
  .m-menu>a::after{content:"\203A";margin-left:auto;color:#b3a39a;font-size:22px}
  .m-menu .bilgi{display:block}
  .m-menu .bilgi>a{font-weight:600}
  .m-menu .bilgi>div{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#faf5ee!important}
  .m-menu .bilgi>div a{padding-left:36px;min-height:46px;font-size:15.5px;color:#4a3a3e}
  .m-c-liste{border-top:0}
  .m-c-liste svg{color:#c62848}
  .m-c-liste b{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--bordo,#7a1a33);color:#fff;font:600 12px/22px Arial,sans-serif;text-align:center}
  .m-c-liste b[hidden]{display:none}
  .m-c-dil{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 8px}
  .m-dil{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--cizgi,#e6dccf);border-radius:20px;background:#fff;color:inherit;text-decoration:none;font-size:13px}
  .m-dil .bayrak{width:20px;height:14px;border-radius:3px}
  .m-dil.dil-aktif{border-color:var(--bordo,#7a1a33);background:#fbf0f2;color:var(--bordo,#7a1a33)}

  /* ---- Koleksiyonlar: alttan açılan sayfa ---- */
  .m-kat{display:block;position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:84vh;background:#fffdfa;border-radius:20px 20px 0 0;transform:translateY(106%);visibility:hidden;transition:transform .3s ease,visibility .3s;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px rgba(0,0,0,.2)}
  body.m-acik-kat .m-kat{transform:none;visibility:visible}
  .m-tutac{width:42px;height:4px;border-radius:2px;background:#dccfc2;margin:4px auto 6px}
  .m-kat-ust{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
  .m-kat-ust h2{margin:0;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:30px;font-weight:600}
  .m-kat-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .m-kat-kart{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#efe6da;color:#fff;text-decoration:none}
  .m-kat-kart img{display:block;width:100%;height:100%;object-fit:cover}
  .m-kat-kart span{position:absolute;left:0;right:0;bottom:0;padding:26px 11px 10px;background:linear-gradient(transparent,rgba(20,12,10,.74));font-weight:600;font-size:14.5px;line-height:1.2}
  .m-kat-kart.yazi{display:grid;place-items:center;padding:10px;text-align:center;background:#f3ebe1;color:var(--murekkep,#2a1c16);font-weight:600;font-size:14.5px;line-height:1.25;border:1px solid #eadfd2}
  .m-kat-kart.yazi span{position:static;padding:0;background:none}

  /* ---- Arama ---- */
  .m-ara-kat{display:block;position:fixed;left:0;right:0;top:0;z-index:62;background:#fffdfa;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 16px;border-radius:0 0 20px 20px;transform:translateY(-106%);visibility:hidden;transition:transform .28s ease,visibility .28s;box-shadow:0 10px 40px rgba(0,0,0,.22)}
  body.m-acik-ara .m-ara-kat{transform:none;visibility:visible}
  .m-ara-form{display:flex;align-items:center;gap:4px}
  .m-ara-form input{flex:1;min-width:0;height:48px;padding:0 18px;border:1px solid var(--cizgi,#e6dccf);border-radius:24px;background:#f7f1ea;font:inherit;font-size:16px;color:var(--murekkep,#2a1c16)}
  .m-ara-git{display:inline-grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:var(--bordo,#7a1a33);color:#fff;cursor:pointer}
  .m-ara-cip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
  .m-ara-cip a{padding:8px 14px;border:1px solid var(--cizgi,#e6dccf);border-radius:20px;background:#fff;color:var(--murekkep,#2a1c16);text-decoration:none;font-size:14px}

  /* ---- Sayfa içeriği: 2 sütunlu kompakt ürün listesi ---- */
  .bolum{width:calc(100% - 24px);padding:30px 0}
  .bolum h1,.bolum h2{font-size:34px;margin:6px 0 14px}
  .katalog-izgara{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  .kart{padding-bottom:12px}
  .kart strong,.kart strong{font-size:14px;margin:10px 10px 2px;line-height:1.25}
  .kart .kart-kod{margin:0 10px 4px;font-size:11px}
  .kart em{margin:6px 10px 0;font-size:17px}
  .kart em small{font-size:11px}
  .kart .baski-not{margin:2px 10px 0;font-size:11px}
  .koleksiyon span{left:12px;bottom:12px;right:12px;font-size:21px;line-height:1.1}

  /* ---- Katalog filtresi: tek satır, açılır ---- */
  .filtre{padding:10px 12px;gap:10px;margin-bottom:16px}
  .filtre-sayi{flex:1;margin:0;font-size:14px}
  .filtre-ac{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1px solid #d9cbb9;border-radius:20px;background:#fff;color:var(--murekkep,#2a1c16);font:500 14px Outfit,sans-serif;cursor:pointer}
  .filtre-ac.dolu::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--bordo,#7a1a33)}
  .filtre label,.filtre>.btn,.filtre-temizle{display:none}
  .filtre.m-acik label{display:flex;flex:1 1 100%}
  .filtre.m-acik>.btn{display:inline-flex;align-items:center;justify-content:center;flex:1}
  .filtre.m-acik .filtre-temizle{display:inline-block}
  .filtre-fiyat input{width:100%;min-width:0;flex:1}
  .filtre select,.filtre input[type=number]{font-size:16px}

  /* ---- İnce ayarlar ---- */
  .koleksiyon{min-height:0;aspect-ratio:auto}
  .koleksiyon img{aspect-ratio:4/5;height:auto}
  .koleksiyon::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(transparent,rgba(20,12,10,.7));pointer-events:none}
  .koleksiyon span{z-index:1;text-shadow:0 1px 6px rgba(0,0,0,.35)}
  .slider,.slayt{min-height:0}
  .slider{height:min(64vh,520px)}
  .slayt img,.slayt video{height:min(64vh,520px)}
  .slayt-yazi{left:20px;right:20px;bottom:28px}
  .fav-kart{width:34px;height:34px;top:8px;right:8px}
  .fav-kart svg{width:19px;height:19px}
  .m-ara-form input:focus{outline:none;border-color:var(--bordo,#7a1a33);box-shadow:0 0 0 3px rgba(122,48,64,.14)}
  .filtre.m-acik>.btn{background:var(--bordo,#7a1a33);border:1px solid var(--bordo,#7a1a33);color:#fff;height:46px;border-radius:12px;font:500 15px Outfit,sans-serif;cursor:pointer}
  .filtre-temizle{width:100%;text-align:center;padding:4px 0}
}