.mobile-app-nav,.mobile-category-sheet,.mobile-category-backdrop{display:none}

@media (max-width:820px){
  body{padding-bottom:82px!important}
  .mobile-app-nav{
    position:fixed;z-index:200;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;
    min-height:66px;padding:6px;border:1px solid rgba(197,154,59,.28);border-radius:20px;
    background:rgba(255,250,244,.96);box-shadow:0 14px 38px rgba(33,28,23,.2);backdrop-filter:blur(16px)
  }
  .mobile-app-nav-item{
    position:relative;display:flex;min-width:0;min-height:54px;padding:6px 3px;border:0;border-radius:15px;
    background:transparent;color:#716d67;text-decoration:none;align-items:center;justify-content:center;
    flex-direction:column;gap:4px;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:700;line-height:1;cursor:pointer
  }
  .mobile-app-nav-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-app-nav-item:first-child svg,.mobile-app-nav-item:nth-child(2) svg,.mobile-app-nav-item:last-child svg{fill:currentColor;stroke:none}
  .mobile-app-nav-item.is-active,.mobile-app-nav-item.is-open{background:#f1e2c5;color:#9c7424}
  .mobile-app-nav-item span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app-nav-icon-wrap{position:relative;display:grid;place-items:center}
  .mobile-app-nav-icon-wrap b{position:absolute;right:-9px;top:-7px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fffaf4;border-radius:99px;background:#c59a3b;color:#fff;font-size:9px;line-height:1}

  /* Ustteki tekrar eden mobil sepet/hesap/menu kontrolleri yerine alt uygulama menusu kullanilir. */
  .header-main>.cart-box,.header-main>.member-box,.nav>.mobile-menu-toggle{display:none!important}
  .nav{position:relative!important;top:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}
  .nav .nav-inner{display:none!important}

  .mobile-category-backdrop.is-open{position:fixed;z-index:205;inset:0;display:block;background:rgba(33,28,23,.42);backdrop-filter:blur(2px)}
  .mobile-category-sheet{
    position:fixed;z-index:210;left:10px;right:10px;bottom:82px;display:block;max-height:min(68vh,560px);
    padding:16px;border:1px solid rgba(197,154,59,.28);border-radius:24px;background:#fffaf4;
    box-shadow:0 22px 60px rgba(33,28,23,.28);overflow:auto;transform:translateY(calc(100% + 100px));
    opacity:0;visibility:hidden;transition:transform .22s ease,opacity .22s ease,visibility .22s ease
  }
  .mobile-category-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible}
  .mobile-category-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 13px;border-bottom:1px solid #ded8ce}
  .mobile-category-sheet-head div{display:grid;gap:3px}.mobile-category-sheet-head small{color:#9c7424;font-size:10px;font-weight:900;letter-spacing:.13em}.mobile-category-sheet-head strong{color:#211c17;font-family:"DM Serif Display",Georgia,serif;font-size:25px;font-weight:400}
  .mobile-category-sheet-head button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ded8ce;border-radius:50%;background:#fff;color:#211c17;font-size:25px;line-height:1;cursor:pointer}
  .mobile-category-sheet-list{display:grid;gap:7px;padding-top:12px}
  .mobile-category-sheet-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 14px;border:1px solid #e5ded4;border-radius:14px;background:#fff;color:#211c17;text-decoration:none;font-size:14px;font-weight:700}
  .mobile-category-sheet-list a b{color:#c59a3b;font-size:22px;line-height:1}.mobile-category-sheet-list a.mobile-category-all{border-color:#c59a3b;background:#282725;color:#fff}.mobile-category-sheet-list a.mobile-category-all b{color:#dfbd6e}
  body.mobile-category-open{overflow:hidden!important}

  /* WhatsApp her zaman alt menunun ustunde kalir. */
  .floating-whatsapp{right:14px!important;bottom:92px!important;width:54px!important;min-height:54px!important;padding:0!important;justify-content:center!important;z-index:195!important}
  .floating-whatsapp span{display:none!important}
}

@media (max-width:380px){
  .mobile-app-nav{left:7px;right:7px;border-radius:17px}
  .mobile-app-nav-item{font-size:9px;border-radius:12px}
  .mobile-app-nav-item svg{width:21px;height:21px}
}