:root{--ink:#15281e;--deep:#13291e;--forest:#204636;--cream:#faf9f5;--sand:#f2efe7;--line:#e5e7df;--muted:#667168;--gold:#c9ab6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{max-width:1190px;margin:auto;padding:0 26px}.site-header{position:sticky;top:0;z-index:40;background:rgba(250,249,245,.98);border-bottom:1px solid #e7e8e2;backdrop-filter:blur(15px)}body.admin-bar .site-header{top:32px}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:47px;height:47px;background:var(--deep);color:#fff;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;font-weight:bold}.brand-mark span{color:var(--gold)}.brand-name{font-size:17px;font-weight:800;letter-spacing:2px;white-space:nowrap}.brand-name em{font-style:normal;font-weight:500}.brand-name small{display:block;font-size:7px;letter-spacing:2.3px;color:#89928b;margin-top:5px}.main-nav{display:flex;gap:34px;font-size:13px;font-weight:700}.main-nav a{padding:9px 0}.main-nav a[aria-current]{color:#a58340;border-bottom:2px solid #bd9b5c}.nav-cta{background:var(--deep);color:white;border-radius:40px;padding:14px 19px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:14px}.nav-cta svg{width:16px}.hero{min-height:610px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:#182920}.hero-background{position:absolute;inset:0;background:url('https://kodesbistro.ranklyonline.com/wp-content/uploads/2021/05/bg-09-free-img.jpg') center 63%/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,17,.9),rgba(7,25,18,.47) 67%,rgba(5,20,15,.26))}.hero-content{position:relative;width:100%;padding-top:105px;padding-bottom:110px}.eyebrow{display:inline-block;letter-spacing:2.7px;font-size:10px;font-weight:800;color:#8f7a4e}.eyebrow.light{color:#ecd7a4}.hero h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-1.5px}.hero h1{font-size:clamp(55px,7vw,95px);line-height:1.09;margin:24px 0}.hero h1 em,.intro-grid h2 em,.section-title h2 em,.visit-section h2 em{font-weight:500;color:#cbb481}.hero p{max-width:460px;color:#e3e7dd;line-height:1.9;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.button{border:0;border-radius:40px;padding:17px 24px;font-size:13px;font-weight:800;display:inline-flex;gap:17px;align-items:center;justify-content:center}.light-button{background:#f8f6ee;color:#182d22}.outline-button{border:1px solid #ffffff99;color:#fff}.dark-button{background:var(--deep);color:white}.hero-side{position:absolute;bottom:33px;right:40px;font-size:10px;letter-spacing:3px;color:#ffffffb5}.intro-section{padding:96px 0;background:white}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.intro-grid h2,.section-title h2,.visit-section h2{font-size:clamp(35px,4vw,57px);line-height:1.22;margin:19px 0}.intro-grid h2 em,.section-title h2 em{color:#a58c5a}.intro-grid p{line-height:2;color:var(--muted);font-size:15px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:800;margin-top:15px}.category-section{padding:90px 0;background:var(--sand)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:20px}.section-title h2{margin-bottom:0}.category-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category-tile{position:relative;min-height:170px;background:#fff;border:1px solid #e6e5de;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-3px);box-shadow:0 12px 35px #153a2012}.category-number{font-size:12px;color:#acb4ab}.category-tile h3{font-family:'Playfair Display',Georgia,serif;font-size:25px;margin:0}.category-tile svg{position:absolute;right:22px;bottom:25px}.featured-section{padding:94px 0 106px}.featured-grid,.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.menu-card{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;min-width:0;transition:box-shadow .2s,border-color .2s}.menu-card:hover{border-color:#c9d3c9;box-shadow:0 8px 25px #11291b0e}.menu-card[hidden]{display:none!important}.menu-card__image{width:128px;height:128px;flex-shrink:0;background:#f1f0e9;border-radius:12px;display:grid;place-items:center;overflow:hidden}.menu-card__image img{width:100%;height:100%;object-fit:cover}.menu-card__image span{font-size:37px;color:#a7a18e}.menu-card__body{flex:1;min-width:0;padding-right:12px}.menu-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.menu-card h3{font-size:15px;line-height:1.4;margin:0 0 8px;font-weight:800}.price{font-size:16px;white-space:nowrap;color:var(--forest)}.menu-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.visit-section{background:var(--deep);color:#fff;padding:90px 0}.visit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.visit-section p{color:#c5d2c9;line-height:1.85}.visit-info{padding:12px 0 0}.visit-info p{border-bottom:1px solid #ffffff26;padding-bottom:17px}.visit-info strong{display:block;color:#fff;margin-bottom:8px}.visit-info h3{font-size:13px;margin-top:27px}.social-links,.heading-social,.footer-social{display:flex;gap:10px;flex-wrap:wrap}.social-links a,.heading-social a,.footer-social a{display:inline-flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid currentColor;border-radius:30px;font-size:12px;font-weight:700}.site-footer{background:#0c1d15;color:#e2e9e2;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:40px}.footer-brand{font-size:22px;font-weight:800;letter-spacing:2px}.footer-brand em{font-style:normal;font-weight:400}.footer-grid h3{font-size:13px}.footer-grid a{display:inline-flex;margin-right:10px;margin-bottom:12px;font-size:12px}.footer-grid p{font-size:12px;color:#aab8af}.footer-bottom{border-top:1px solid #ffffff1c;margin-top:35px;padding-top:22px;font-size:11px;color:#899b90}.mobile-bottom{display:none}.menu-heading{background:#f1eee6;padding:75px 0 52px}.menu-heading h1{font-family:'Playfair Display',serif;font-size:clamp(52px,7vw,84px);margin:12px 0 5px;letter-spacing:-2px}.menu-heading h1 span{color:#b69b64}.menu-heading p{color:var(--muted);font-size:14px;margin-bottom:25px}.heading-social a{border-color:#d3d9d0;color:#334c3b;background:white}.menu-controls{position:sticky;top:86px;z-index:25;background:var(--cream);border-bottom:1px solid var(--line);padding:18px 0 14px;box-shadow:0 5px 15px #15251907}body.admin-bar .menu-controls{top:118px}.search-box{position:relative}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#89918b}.search-box input{width:100%;height:45px;background:white;border:1px solid #e0e3dc;border-radius:9px;padding:0 18px 0 45px;outline:0}.search-box input:focus{border-color:var(--forest)}.category-scroll{display:flex;gap:9px;overflow-x:auto;padding:14px 0 2px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-chip{border:1px solid #dadfd6;background:white;color:#516054;white-space:nowrap;padding:10px 15px;border-radius:30px;font-size:12px;font-weight:700;transition:.15s}.category-chip.active{background:var(--forest);color:#fff;border-color:var(--forest)}.menu-products{padding:39px 0 90px}.results-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.results-heading h2{font-size:31px;margin:7px 0 0}.results-heading>span{font-size:12px;color:var(--muted)}.empty-state{padding:65px 20px;text-align:center}.empty-state[hidden]{display:none}.empty-state p{color:var(--muted)}.standard-page{min-height:55vh;padding-top:70px;padding-bottom:90px}.standard-page h1{font-family:'Playfair Display',serif;font-size:55px}
@media(max-width:800px){.header-inner{height:72px}.main-nav{display:none}.nav-cta{font-size:11px;padding:12px 15px}.intro-grid,.visit-grid{grid-template-columns:1fr;gap:20px}.category-preview{grid-template-columns:repeat(2,1fr)}.menu-controls{top:72px}.site-footer{padding-bottom:85px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;box-shadow:0 -3px 16px #00000012;border-top:1px solid #e0e3dc;justify-content:space-around;padding:12px 8px max(12px,env(safe-area-inset-bottom))}.mobile-bottom a{font-size:12px;font-weight:800;color:var(--forest);padding:7px 16px}body.admin-bar .menu-controls{top:104px}}
@media(max-width:610px){.wrap{padding-left:18px;padding-right:18px}.brand-mark{width:39px;height:39px;font-size:24px}.brand-name{font-size:13px;letter-spacing:1.1px}.brand-name small{font-size:6px}.nav-cta{padding:10px 12px}.nav-cta svg{display:none}.hero{min-height:545px}.hero-content{padding-top:82px;padding-bottom:80px}.hero h1{font-size:56px}.hero p{font-size:13px}.hero-side{right:18px;font-size:8px}.intro-section,.category-section,.featured-section,.visit-section{padding:65px 0}.intro-grid h2,.section-title h2,.visit-section h2{font-size:35px}.section-title{align-items:start}.section-title>.text-link{font-size:11px;white-space:nowrap}.category-preview{gap:9px}.category-tile{padding:17px;min-height:127px}.category-tile h3{font-size:18px;padding-right:14px}.category-tile svg{width:17px;right:12px;bottom:18px}.featured-grid,.menu-grid{grid-template-columns:1fr;gap:11px}.menu-card{gap:13px;padding:10px;border-radius:13px}.menu-card__image{width:105px;height:105px}.menu-card__body{padding-right:2px}.menu-card h3{font-size:13px}.menu-card p{font-size:11px;line-height:1.5;-webkit-line-clamp:3}.price{font-size:14px}.menu-card__top{gap:7px}.menu-heading{padding:36px 0 26px}.menu-heading h1{font-size:55px}.menu-heading p{font-size:12px}.heading-social a{padding:9px 11px;font-size:11px}.menu-controls{padding-top:11px;padding-bottom:8px}.category-scroll{margin-right:-18px;padding-right:18px}.category-chip{padding:10px 14px}.menu-products{padding:27px 0 80px}.results-heading h2{font-size:27px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:375px){.brand-name small{display:none}.nav-cta{font-size:10px}.menu-card__image{width:90px;height:95px}.menu-card h3{font-size:12px}}

/* v1.0: all menu categories visible, without horizontal scrolling */
.category-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;overflow:visible;padding:0}
.category-chip{white-space:normal;min-height:44px;line-height:1.25;text-align:center}
.menu-controls{position:relative;top:auto!important;padding:17px 0;box-shadow:none}
.category-tile{overflow:hidden;isolation:isolate;border:0;border-radius:15px;min-height:210px;background:#234637;color:#fff}
.category-tile__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s ease}
.category-tile__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,26,17,.26),rgba(8,26,17,.73));pointer-events:none}
.category-tile:hover .category-tile__image{transform:scale(1.06)}
.category-tile .category-number{color:#f0eadc}
.category-tile svg{color:#fff}
@media(max-width:800px){.category-scroll{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:610px){.category-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-chip{padding:11px 7px;font-size:11px}.category-tile{min-height:165px}.category-tile h3{color:#fff}}

/* Kodes Bistro v1.0 / QR yönlendirme ve belirgin menü sosyal kartları */
.menu-heading{padding-bottom:40px}
.menu-social-intro{margin-top:25px;max-width:950px}
.menu-social-intro__label{display:block;color:#8c7546;font-weight:800;font-size:10px;letter-spacing:2px;margin-bottom:7px}
.menu-social-intro__title{color:#53675a;font-size:13px;margin-bottom:16px;line-height:1.65}
.menu-heading .heading-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:930px}
.menu-heading .heading-social a{min-height:87px;border-radius:16px;border:1px solid #e4e7df;box-shadow:0 8px 23px rgba(22,43,29,.055);padding:17px 15px;display:flex;align-items:center;gap:12px;background:#fff;color:#183528;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.menu-heading .heading-social a:hover{transform:translateY(-3px);box-shadow:0 12px 29px rgba(22,43,29,.13);border-color:#b3c7b9}
.menu-heading .heading-social a>svg{flex:none;width:38px;height:38px;padding:8px;border-radius:12px;background:#ebf2e9;color:#2d6645}
.menu-heading .heading-social a.social-instagram>svg{background:#f9eaf3;color:#b43b7e}
.menu-heading .heading-social a.social-google>svg{background:#e9f1fd;color:#3367b1}
.menu-heading .heading-social a.social-whatsapp>svg{background:#e2f6ea;color:#168f4e}
.menu-heading .heading-social .social-copy{display:flex;flex-direction:column;min-width:0;gap:5px;font-weight:normal}
.menu-heading .heading-social .social-copy strong{font-size:14px;line-height:1.15}
.menu-heading .heading-social .social-copy small{font-size:11px;color:#738176;line-height:1.25}
.menu-heading .heading-social .social-arrow{margin-left:auto;font-size:18px;align-self:flex-start;color:#809488}
@media(max-width:720px){.menu-heading .heading-social{grid-template-columns:1fr;gap:9px}.menu-heading .heading-social a{min-height:68px;padding:12px 16px}.menu-heading .heading-social a>svg{width:40px;height:40px}.menu-heading{padding-bottom:29px}}