/* Mutfak41 V35 Desktop Patch
   Mobil tasarıma dokunmaz. Sadece 900px ve üstünde devreye girer.
*/
@media (min-width:900px){
  html,body{
    background:
      radial-gradient(circle at 12% 0%, rgba(239,75,63,.13), transparent 32%),
      radial-gradient(circle at 88% 4%, rgba(255,248,236,.20), transparent 34%),
      linear-gradient(135deg,#073c34 0%,#064f42 35%,#f7f1e7 35%,#f7f1e7 100%);
    min-height:100%;
  }

  body{overflow-x:hidden;}

  .app{
    max-width:none;
    width:100%;
    min-height:100vh;
    margin:0;
    padding:0 0 70px;
    background:transparent;
  }

  .home-head{
    width:min(1240px,calc(100% - 64px));
    margin:0 auto;
    padding:26px 0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left;
  }

  .home-head .logo{
    font-size:44px;
    letter-spacing:-.07em;
    text-shadow:0 10px 28px rgba(0,0,0,.20);
  }

  .home-head .slogan{
    margin:0;
    max-width:390px;
    text-align:right;
    font-size:14px;
    opacity:.9;
  }

  .campaign{
    width:min(1240px,calc(100% - 64px));
    margin:6px auto 18px;
    grid-template-columns:160px 1fr;
    border-radius:24px;
    padding:18px;
    background:linear-gradient(135deg,#fff8ec,#fffdf6);
  }

  .campaign .cta{height:58px;border-radius:17px;font-size:17px;}
  .campaign b{font-size:24px;}
  .campaign strong{font-size:48px;}

  .pay-strip{
    width:min(1240px,calc(100% - 64px));
    margin:0 auto 20px;
    border-radius:16px;
    border:1px solid #eadfce;
    height:46px;
  }

  .hero{
    width:min(1240px,calc(100% - 64px));
    min-height:420px;
    margin:0 auto 24px;
    border-radius:34px;
    background-position:center;
  }

  .hero:before{
    background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 45%,rgba(0,0,0,.10) 100%);
  }

  .hero-in{
    width:min(620px,58%);
    min-height:420px;
    padding:44px;
    justify-content:center;
  }

  .hero-pill{font-size:14px;padding:10px 16px;}
  .hero h1{font-size:82px;margin:26px 0 10px;}
  .hero p{font-size:18px;line-height:1.42;margin-bottom:18px;}
  .hero-actions{max-width:460px;}
  .hero-actions a{height:54px;border-radius:16px;font-size:14px;}
  .pickup{max-width:460px;height:62px;border-radius:18px;font-size:17px;padding:0 20px;}

  .section{
    width:min(1240px,calc(100% - 64px));
    margin:24px auto;
    padding:22px;
    border-radius:30px;
  }

  .sec-head{margin-bottom:18px;}
  .sec-head h2{font-size:38px;}
  .sec-head p{font-size:15px;}
  .see{display:none;}

  .k-row{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
    overflow:visible;
  }

  .k-card{
    width:auto;
    flex:auto;
    min-height:190px;
    display:flex;
    flex-direction:column;
    border-radius:22px;
    transition:transform .18s ease, box-shadow .18s ease;
  }

  .k-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(22,15,8,.15);
  }

  .k-card img{
    width:100%;
    height:118px;
    border-radius:0;
  }

  .k-card div{
    flex:1;
    padding:14px;
  }

  .k-card h3{font-size:17px;line-height:1.08;}
  .k-card span{height:38px;border-radius:13px;font-size:12px;}

  .fav-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    overflow:visible;
  }

  .fav-card{
    width:auto;
    flex:auto;
    min-height:174px;
    grid-template-columns:150px 1fr;
    border-radius:22px;
    padding:12px;
  }

  .fav-card img{
    width:150px;
    height:150px;
    border-radius:18px;
  }

  .fav-info h3{font-size:19px;}
  .price{font-size:31px;}
  .add{height:42px;border-radius:14px;font-size:13px;padding:0 18px;}

  .steps{
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }

  .step{
    height:110px;
    border-radius:22px;
    gap:14px;
  }

  .step i{font-size:34px;}
  .step b{font-size:18px;}
  .step small{font-size:13px;}

  /* Menü / kategori sayfaları */
  .page-head{
    width:min(1240px,calc(100% - 64px));
    margin:24px auto 18px;
    padding:30px;
    border-radius:30px;
    box-shadow:0 18px 44px rgba(0,0,0,.18);
  }

  .back{width:46px;height:46px;border-radius:16px;}
  .page-head h1{font-size:42px;}
  .page-head p{margin:10px 0 18px 58px;font-size:15px;}

  .search{
    height:56px;
    border-radius:18px;
    margin-left:58px;
    max-width:620px;
  }

  .chips{
    margin-left:58px;
    flex-wrap:wrap;
    overflow:visible;
  }

  .chip{
    height:42px;
    border-radius:15px;
    font-size:14px;
  }

  .menu-list{
    width:min(1240px,calc(100% - 64px));
    margin:0 auto 40px;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

  .menu-item{
    border:1px solid #eadfce;
    border-radius:24px;
    background:#fffdf6;
    padding:14px;
    grid-template-columns:160px 1fr;
    gap:16px;
    box-shadow:0 10px 26px rgba(28,18,10,.10);
    transition:transform .16s ease, box-shadow .16s ease;
  }

  .menu-item:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(28,18,10,.16);
  }

  .menu-item img{
    width:160px;
    height:136px;
    border-radius:20px;
  }

  .mi-cat{font-size:11px;padding:5px 10px;}
  .mi-title{font-size:22px;margin:8px 0 6px;}
  .mi-desc{
    font-size:14px;
    white-space:normal;
    line-height:1.35;
    min-height:38px;
  }

  .mi-bottom{
    margin-top:14px;
  }

  .mi-price strong{font-size:30px;}
  .mi-price small{font-size:13px;}

  /* Masaüstü alt menü: üst sağa taşınır */
  .nav{
    top:18px;
    right:24px;
    bottom:auto;
    left:auto;
    transform:none;
    width:auto;
    height:58px;
    grid-template-columns:repeat(5,86px);
    border:1px solid rgba(234,223,206,.9);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    z-index:80;
  }

  .nav a,.nav button{
    font-size:11px;
  }

  .nav span{font-size:19px;}
  .nav em{top:7px;right:18px;}

  /* Desktop sepet: sağ panel */
  .cart{
    top:0;
    right:0;
    bottom:0;
    left:auto;
    width:460px;
    max-height:none;
    height:100vh;
    border-radius:28px 0 0 28px;
    transform:translateX(106%);
    box-shadow:-24px 0 60px rgba(0,0,0,.35);
  }

  .cart.open{transform:translateX(0);}

  .cart-head{
    padding:24px 24px 16px;
  }

  .cart-body{
    padding:12px 18px 150px;
  }

  .cart-sticky-row{
    padding:14px 18px 18px;
  }

  .overlay.show{
    background:rgba(4,17,14,.34);
  }

  .cart-item{
    grid-template-columns:72px 1fr auto;
    border-radius:18px;
    padding:10px;
  }

  .cart-item img{
    width:72px;
    height:64px;
    border-radius:14px;
  }

  .ci-main b{font-size:15px;}
  .ci-main small{font-size:12px;}
  .qty button{width:32px;height:32px;border-radius:11px;}

  .ups{flex-basis:136px;}
  .ups img{height:88px;}
  .ups b{font-size:12px;}

  /* Desktop mutfak menüsü: soldan panel */
  .menu-drawer{
    top:0;
    bottom:0;
    left:0;
    width:390px;
    max-height:none;
    height:100vh;
    border-radius:0 28px 28px 0;
    transform:translateX(-106%);
    box-shadow:24px 0 60px rgba(0,0,0,.32);
  }

  .menu-drawer.open{transform:translateX(0);}

  .drawer-links{
    max-height:calc(100vh - 82px);
    padding:16px;
  }

  .drawer-links a{
    border-radius:18px;
    padding:11px;
  }

  .drawer-links img{
    width:58px;
    height:50px;
    border-radius:14px;
  }

  .drawer-links b{font-size:15px;}
  .drawer-links small{font-size:12px;}

  .toast{
    left:auto;
    right:24px;
    bottom:24px;
    transform:translateY(130%);
    width:380px;
    border-radius:18px;
  }

  .toast.show{
    transform:translateY(0);
  }
}

@media (min-width:1180px){
  .menu-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .menu-item{
    grid-template-columns:1fr;
  }

  .menu-item img{
    width:100%;
    height:190px;
  }

  .mi-desc{
    min-height:40px;
  }
}

@media (min-width:1500px){
  .home-head,.campaign,.pay-strip,.hero,.section,.page-head,.menu-list{
    width:1360px;
  }

  .k-row{
    grid-template-columns:repeat(5,1fr);
  }

  .fav-row{
    grid-template-columns:repeat(3,1fr);
  }
}