:root{
  --market-primary:#086c68;
  --market-primary-dark:#07545a;
  --market-accent:#12b886;
  --market-orange:#ff8a1f;
  --market-surface:#fff;
  --market-soft:#f3f7f8;
  --market-line:#e3ebef;
  --market-shadow:0 10px 28px rgba(18,43,58,.08);
}

.market-category-block{margin:0 0 24px;padding:20px;border:1px solid var(--market-line);border-radius:22px;background:#fff;box-shadow:var(--market-shadow)}
.market-category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:17px}
.market-category-head h2{margin:4px 0 0;font-size:25px;letter-spacing:-.6px}
.market-category-head>a{color:var(--market-primary);font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
.market-category-rail{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:12px}
.market-category-rail>a{display:grid;place-items:center;gap:8px;min-width:0;padding:12px 7px;border-radius:16px;background:#f7fafb;color:#18283d;text-decoration:none;font-size:12px;text-align:center;transition:.18s ease}
.market-category-rail>a:hover{transform:translateY(-2px);background:#e8f8f3;color:var(--market-primary)}
.market-category-rail span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;font-size:27px;box-shadow:0 6px 16px rgba(14,74,72,.09)}
.market-category-rail b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:760px){
  html{scroll-behavior:smooth}
  body{background:#f3f6f7;color:#14233b;-webkit-tap-highlight-color:transparent}
  button,a,input,select,textarea{font-family:inherit}
  .site-header{background:linear-gradient(145deg,#07565d,#086e6b);box-shadow:0 7px 22px rgba(5,57,62,.22)}
  .site-header .header-inner{display:grid;grid-template-columns:1fr auto;gap:9px 10px;padding:10px 13px 12px}
  .site-header .brand{font-size:21px;letter-spacing:-.5px}
  .site-header .brand-mark{width:38px;height:38px;border-radius:12px;box-shadow:0 5px 14px rgba(1,41,43,.22)}
  .site-header .global-search{grid-column:1/-1;grid-row:2;order:initial!important;height:45px!important;border-radius:14px!important;box-shadow:0 7px 18px rgba(1,40,43,.15)}
  .site-header .modern-search input{min-width:0;padding:0 12px;font-size:13px}
  .site-header .modern-search button{height:37px;margin:4px;padding:0 16px;border-radius:11px;font-size:16px}
  .portal-address-label,.portal-address-add{grid-column:1/-1;order:initial!important;max-width:none!important;width:100%;height:38px;min-height:38px;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff}
  .portal-address-label select{color:#fff;font-size:11px}
  .portal-address-label select option{color:#14233b}
  .site-main{width:100%;padding:13px 12px 25px!important;overflow:hidden}

  .market-category-block{margin:0 0 13px;padding:15px 13px 13px;border:0;border-radius:19px;box-shadow:0 7px 21px rgba(25,52,66,.07)}
  .market-category-head{align-items:center;margin-bottom:12px}
  .market-category-head .eyebrow{display:none}
  .market-category-head h2{font-size:19px;letter-spacing:-.35px}
  .market-category-head>a{font-size:11px}
  .market-category-rail{display:flex;gap:10px;overflow-x:auto;margin:0 -13px;padding:1px 13px 7px;scroll-snap-type:x proximity;scrollbar-width:none}
  .market-category-rail::-webkit-scrollbar{display:none}
  .market-category-rail>a{flex:0 0 70px;scroll-snap-align:start;padding:7px 3px;background:transparent;font-size:10px}
  .market-category-rail span{width:55px;height:55px;border:1px solid #e7efef;background:linear-gradient(145deg,#fff,#f0faf7);font-size:27px;box-shadow:0 5px 13px rgba(14,74,72,.08)}

  .landing-hero{position:relative;display:block;min-height:194px;margin:0 0 20px;padding:21px 20px;border-radius:22px;background:radial-gradient(circle at 92% 15%,rgba(255,255,255,.22),transparent 28%),linear-gradient(130deg,#087871,#07535a);box-shadow:0 13px 28px rgba(7,87,87,.2)}
  .landing-hero>div:first-child{position:relative;z-index:2;width:74%}
  .landing-hero .eyebrow{font-size:9px;line-height:1.5;color:#9ff1d9}
  .landing-hero h1{margin:6px 0 8px;font-size:27px;line-height:1.04;letter-spacing:-1px}
  .landing-hero p{display:-webkit-box;margin:0 0 14px;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .landing-hero .btn{min-height:39px;padding:9px 13px;border-radius:12px;font-size:11px;box-shadow:0 7px 17px rgba(4,50,49,.18)}
  .hero-orbit{position:absolute;right:-15px;bottom:17px;width:118px;height:118px;border-radius:35px 0 0 35px;transform:rotate(0);font-size:29px;gap:2px;background:rgba(255,255,255,.13);backdrop-filter:blur(8px)}

  .restaurant-section{margin-top:0}
  .restaurant-section>.section-title{align-items:center;margin:0 2px 13px}
  .restaurant-section .section-title h2{font-size:22px;line-height:1.08;letter-spacing:-.7px}
  .restaurant-section .section-title .eyebrow{font-size:9px}
  .restaurant-section .muted-copy{align-self:flex-end;max-width:65px;padding-bottom:2px;font-size:10px;line-height:1.2;text-align:right}
  .restaurant-grid{display:grid;grid-template-columns:1fr;gap:10px}
  .restaurant-card{min-height:105px;gap:12px;padding:10px;border:0;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(26,51,66,.075)}
  .restaurant-card:active{transform:scale(.99)}
  .restaurant-card>img,.restaurant-card>.restaurant-placeholder{width:84px;height:84px;min-width:84px;border-radius:15px;border:1px solid #edf1f2;background:#f4faf8;object-fit:cover}
  .restaurant-card>div:not(.restaurant-placeholder){min-width:0;align-self:center}
  .restaurant-card .eyebrow{font-size:9px;color:#0e957d}
  .restaurant-card h3{display:-webkit-box;margin:3px 0 5px;font-size:15px;line-height:1.25;letter-spacing:-.25px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .restaurant-card p{display:inline-flex;margin:0;padding:4px 7px;border-radius:8px;background:#eef8f5;color:#4e6e70;font-size:10px;font-weight:800}
  .restaurant-card .arrow{display:grid;place-items:center;width:29px;height:29px;margin-left:auto;border-radius:50%;background:#e8f8f3;color:#078170;font-size:18px}

  .portal-ad{position:relative;min-height:150px;margin:18px 0;padding:19px;border:0;border-radius:21px;box-shadow:0 10px 25px rgba(22,46,60,.09)}
  .portal-ad>div{position:relative;z-index:2;width:58%}
  .portal-ad h2{margin:3px 0;font-size:21px;line-height:1.05;letter-spacing:-.5px}
  .portal-ad p{display:-webkit-box;margin:6px 0 12px;font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .portal-ad img,.portal-ad .portal-logo-ad{position:absolute;right:10px;bottom:10px;width:38%;height:128px;border-radius:17px;object-fit:cover}
  .portal-ad .btn{padding:9px 12px;font-size:10px}

  .best-sellers{margin:22px 0}
  .best-sellers>.section-title{align-items:center;margin:0 2px 12px}
  .best-sellers .section-title h2{font-size:21px}
  .best-sellers .product-grid{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;margin:0 -12px;padding:2px 12px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .best-sellers .product-grid::-webkit-scrollbar{display:none}
  .best-sellers .product-card{display:grid;flex:0 0 174px;min-height:250px;scroll-snap-align:start;border:0;border-radius:17px;box-shadow:0 7px 19px rgba(24,48,63,.08)}
  .best-sellers .product-card>img,.best-sellers .product-placeholder{width:100%;min-width:0;height:126px;border-radius:17px 17px 0 0}
  .best-sellers .product-content{min-width:0;padding:11px}
  .best-sellers .product-content h3{font-size:13px}
  .best-sellers .product-content p{font-size:10px}
  .best-sellers .product-content strong{font-size:14px}
  .best-sellers .add-btn{width:100%;padding:8px 6px;text-align:center;font-size:10px}

  .restaurant-view .restaurant-hero{position:relative;display:grid;grid-template-columns:72px 1fr;gap:13px;margin:0 0 12px;padding:15px;border:0;border-radius:20px;background:linear-gradient(145deg,#fff,#f7fcfa);box-shadow:var(--market-shadow)}
  .restaurant-view .restaurant-logo{grid-row:1;width:72px;height:72px;border-radius:17px}
  .restaurant-view .restaurant-hero>div:first-child{min-width:0}
  .restaurant-view .restaurant-hero h1{font-size:21px;line-height:1.12}
  .restaurant-view .restaurant-hero p,.restaurant-view .restaurant-address{font-size:11px}
  .restaurant-view .restaurant-profile-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
  .restaurant-view .restaurant-profile-meta span{padding:5px 7px;border-radius:8px;background:#e9f8f3;color:#087b6b;font-size:9px;font-weight:900}
  .restaurant-view .hero-actions{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;margin-top:2px;padding-bottom:2px;scrollbar-width:none}
  .restaurant-view .hero-actions::-webkit-scrollbar{display:none}
  .restaurant-view .hero-actions .btn{flex:0 0 auto;min-height:37px;padding:9px 11px;border-radius:10px;font-size:10px}
  .restaurant-tabs-shell{margin-top:0}
  .restaurant-tabs{position:sticky;top:103px;z-index:15;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border:1px solid var(--market-line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 7px 18px rgba(25,48,60,.08);backdrop-filter:blur(12px)}
  .restaurant-tabs button{min-width:0;padding:10px 5px;border-radius:10px;font-size:10px;white-space:nowrap}
  .restaurant-tab-panel{padding-top:12px}
  .restaurant-view .menu-section>.section-title{display:grid;gap:9px;margin-bottom:9px}
  .restaurant-view .menu-section>.section-title h2{font-size:21px}
  .restaurant-view .menu-search{height:43px;border-radius:13px;background:#fff}
  .restaurant-view .menu-sidebar{position:sticky;top:152px;z-index:14;margin:0 -12px;padding:7px 12px;border:0;border-radius:0;background:#f3f6f7;box-shadow:none}
  .restaurant-view .menu-sidebar button{padding:9px 12px;border:1px solid #dbe7e7;border-radius:999px;background:#fff;font-size:10px}
  .restaurant-view .menu-sidebar button.is-active{border-color:#087b70;background:#087b70;color:#fff}
  .restaurant-view .menu-products{gap:10px}
  .restaurant-view .menu-products .menu-category{padding:10px;border:0;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(25,50,63,.06)}
  .restaurant-view .menu-products .menu-category>h3{margin:0 0 9px;padding:8px 10px;font-size:14px}
  .restaurant-view .menu-category-products{gap:8px}
  .restaurant-view .menu-category-products .product-card{min-height:132px;border-color:#edf1f2;border-radius:14px}
  .restaurant-view .menu-category-products .product-card>img,.restaurant-view .menu-category-products .product-placeholder{width:98px;min-width:98px;height:132px}
  .restaurant-view .product-copy{padding:10px}
  .restaurant-view .product-copy h4{font-size:13px}
  .restaurant-view .product-copy p{margin:4px 0 7px;font-size:10px}
  .restaurant-view .product-copy strong{font-size:14px}
  .restaurant-view .product-copy .btn{width:100%;padding:7px;font-size:10px}

  .page-heading{margin:3px 2px 14px}
  .page-heading .eyebrow{font-size:9px}
  .page-heading h1{font-size:25px;line-height:1.08}
  .page-heading p{font-size:12px;line-height:1.45}
  .cart-layout{display:grid;gap:11px}
  .cart-card,.checkout-card,.order-detail,.orders-list,.account-content>.auth-card{border:0!important;border-radius:18px!important;box-shadow:0 7px 22px rgba(25,49,63,.07)}
  .cart-row{grid-template-columns:46px minmax(0,1fr) auto;gap:8px;padding:11px 0}
  .cart-row>input,.cart-row>.cart-qty-controls{grid-column:3}
  .cart-row>strong{grid-column:2;text-align:left;font-size:13px}
  .cart-qty-controls{gap:2px}
  .cart-qty-controls button{width:29px;height:29px}
  .checkout-card{position:relative;padding:17px}
  .checkout-card h2{font-size:19px}
  .form-stack input,.form-stack textarea,.form-stack select{min-height:46px;border-radius:12px;background:#fbfdfd}
  .form-stack .btn.primary{min-height:49px;border-radius:13px;font-size:14px}

  .order-tracking-card{padding:15px;border:0;border-radius:19px;box-shadow:var(--market-shadow)}
  .tracking-title h2{font-size:22px}
  .tracking-steps{display:flex;gap:0;overflow-x:auto;margin:18px -5px 0;padding:0 5px 8px;scrollbar-width:none}
  .tracking-steps::-webkit-scrollbar{display:none}
  .tracking-step{flex:0 0 90px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:5px;text-align:center}
  .tracking-step:before{top:15px;left:-50%;right:50%;width:auto;height:3px}
  .tracking-icon{grid-row:auto;margin:auto}
  .tracking-step strong,.tracking-step small{grid-column:auto;font-size:9px}
  .order-actionbar{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
  .order-actionbar a,.order-actionbar button{min-width:0!important;justify-content:center!important;padding:10px 6px!important;font-size:10px!important}

  .auth-card{margin:5px auto 15px;padding:25px 17px;border:0;border-radius:21px;box-shadow:var(--market-shadow)}
  .auth-card h1{font-size:27px}
  .auth-card>p{font-size:12px}
  .account-layout{gap:10px}
  .account-nav{margin:0 -12px;padding:7px 12px;border:0;border-radius:0;background:transparent;scrollbar-width:none}
  .account-nav::-webkit-scrollbar{display:none}
  .account-nav a,.account-nav button{padding:9px 12px;border:1px solid #dfe9ec;border-radius:999px;background:#fff;font-size:10px}
  .address-row{padding:12px;border-radius:14px;background:#fff}

  .site-footer-full{margin-top:22px;border-radius:24px 24px 0 0}
  .footer-main{grid-template-columns:1fr 1fr;gap:19px;padding:27px 17px 22px}
  .footer-brand{grid-column:1/-1}
  .footer-brand p{max-width:300px}
  .footer-col h3{font-size:12px}
  .footer-col a,.footer-col span{font-size:10px}
  .footer-bottom{padding:14px 17px 18px;font-size:9px}

  .mobile-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));min-height:66px;border-top:1px solid rgba(255,255,255,.11);background:rgba(7,89,92,.97);backdrop-filter:blur(15px)}
  .mobile-bottom-nav a{min-height:52px;font-size:9px}
  .mobile-bottom-nav a>span{font-size:20px}
  .mobile-bottom-nav .mobile-cart-label{font-size:9px}
}

@media(max-width:360px){
  .site-main{padding-left:9px!important;padding-right:9px!important}
  .landing-hero h1{font-size:24px}
  .landing-hero>div:first-child{width:78%}
  .restaurant-card>img,.restaurant-card>.restaurant-placeholder{width:75px;height:75px;min-width:75px}
  .restaurant-card h3{font-size:14px}
  .market-category-rail>a{flex-basis:64px}
  .market-category-rail span{width:50px;height:50px}
}

/* Firma profili: mobilde logo üstte, temel bilgiler ve hızlı iletişim altta. */
@media(max-width:760px){
  .restaurant-view .restaurant-hero{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:14px;
    border:1px solid #e2ecef;
    border-radius:20px;
    color:#14233b;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbfa 100%);
    box-shadow:0 10px 26px rgba(18,43,58,.09);
  }
  .restaurant-view .restaurant-hero:after{display:none}
  .restaurant-view .restaurant-logo{
    order:1;
    align-self:center;
    width:96px;
    height:96px;
    border:1px solid #e5ecee;
    border-radius:18px;
    background:#fff;
    box-shadow:none;
  }
  .restaurant-view .restaurant-logo img{width:100%;height:100%;padding:8px;object-fit:contain;background:#fff}
  .restaurant-view .restaurant-hero>div:not(.restaurant-logo){order:2;width:100%;min-width:0;text-align:center}
  .restaurant-view .restaurant-hero .eyebrow{display:block;color:#0b9a83;font-size:9px}
  .restaurant-view .restaurant-hero h1{margin:5px 0 3px;padding:0;color:#14233b;font-size:22px;line-height:1.15;overflow-wrap:anywhere}
  .restaurant-view .restaurant-hero p{margin:0;color:#65768a;font-size:11px}
  .restaurant-view .restaurant-address,.restaurant-view .restaurant-profile-meta{display:none!important}
  .restaurant-view .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;padding:0;overflow:visible}
  .restaurant-view .hero-actions>a{display:none!important}
  .restaurant-view .hero-actions>a.call,.restaurant-view .hero-actions>a.whatsapp{display:inline-flex!important;width:100%;min-height:40px;padding:9px 8px;border-radius:11px;font-size:11px}
  .restaurant-view .hero-actions>a.call{background:#e5f7ff;color:#075b75;border-color:#ccecf7}
  .restaurant-view .hero-actions>a.whatsapp{background:#dcfce9;color:#087b50;border-color:#b9efd1}
  .restaurant-info-list{gap:7px;margin-top:13px;padding-top:12px}
  .restaurant-info-list>div{padding:9px 10px;text-align:left}
  .restaurant-tabs{top:105px}
}