/* Category-first navigation for Menu Demo 2. */
.full-menu-page [hidden] { display: none !important; }
.full-menu-page .menu-cover { min-height: 450px; }
.full-menu-page .cover-photo { background-position: center 58%; }
.menu-categories-section { padding: 82px 0 120px; background: #192f2b; }
.category-intro { margin: 0 auto 52px; }
.category-intro h1 { color: #f7f2e9; font-size: clamp(46px, 6vw, 76px); line-height: 1.05; }
.category-intro p { margin-top: 22px; color: #bbc9c1; font-size: 18px; }
.category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; max-width: 1180px; margin: auto; }
.category-card { position: relative; isolation: isolate; display: grid; place-items: center; height: 350px; overflow: hidden; border: 1px solid #e6b15f38; border-radius: 20px; background: #10231f; color: #fff; cursor: pointer; box-shadow: 0 16px 36px #07181545; transition: transform 340ms cubic-bezier(.22,1,.36,1), box-shadow 340ms ease, border-color 340ms ease; }
.category-card::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,#07120f25 0%,#07120f70 58%,#07120fba 100%); }
.category-card img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform 500ms cubic-bezier(.22,1,.36,1); }
.category-card span { max-width: 88%; padding: 0 8px; font-family: var(--font-family-Urbanist),sans-serif; font-size: clamp(24px,2.5vw,34px); font-weight: 650; line-height: 1.2; text-align: center; text-shadow: 0 2px 16px #0009; }
.category-card small { position: absolute; right: 18px; bottom: 16px; display: grid; place-items: center; min-width: 34px; height: 34px; border: 1px solid #ffffff99; border-radius: 50%; color: #fff; font-size: 12px; }
.category-card:hover, .category-card:focus-visible { transform: translateY(-6px); border-color: #e6b15fa8; box-shadow: 0 24px 48px #07181575; }
.category-card:hover img, .category-card:focus-visible img { transform: scale(1.055); }
.category-card:focus-visible, .back-to-categories:focus-visible { outline: 2px solid #e6b15f; outline-offset: 4px; }
.back-to-categories { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 36px; padding: 12px 18px; border: 1px solid #e6b15f70; border-radius: 8px; color: #e6b15f; background: #e6b15f0d; cursor: pointer; transition: background 280ms ease,transform 280ms cubic-bezier(.22,1,.36,1); }
.back-to-categories:hover { background: #e6b15f22; transform: translateX(-3px); }
.full-menu-page .breakfast-menu .dish-block .dish-image.category-placeholder::after { border-color: #e6b15f35; }
.full-menu-page .breakfast-menu .dish-block .dish-image.category-placeholder img { filter: saturate(.8) brightness(.8); }
.full-menu-page .breakfast-menu .dish-block .desc:empty, .full-menu-page .breakfast-intro .intro-text:empty, .full-menu-page .turkish-title:empty { display: none; }
.full-menu-page .breakfast-menu .dish-block .dish-kicker:empty { display: none; }
.full-menu-page .breakfast-menu .dish-block .dish-image { cursor: zoom-in; }
.full-menu-page .breakfast-menu .dish-block .dish-image.category-placeholder { cursor: default; }
.full-menu-page #kahvalti:not([data-category="breakfast"]):not([data-category="hot"]):not([data-category="cold"]) .dish-block:nth-child(1) .dish-image { height: 320px; }
/* Text-only product rows: drinks and the three dürüm variants. */
.full-menu-page #kahvalti:is([data-category="hot"],[data-category="cold"]) .breakfast-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; }
.full-menu-page #kahvalti .text-only-dish { border-radius: 12px; box-shadow: none; }
.full-menu-page #kahvalti .text-only-dish:hover { transform: translateY(-3px); box-shadow: 0 12px 28px #07181550; }
.full-menu-page #kahvalti .text-only-dish .inner-box { min-height: 152px; padding: 22px 26px; text-align: left; }
.full-menu-page #kahvalti .text-only-dish .title { margin: 0; text-align: left; }
.full-menu-page #kahvalti .text-only-dish .title h2 { min-height: 0; font-size: 21px; line-height: 1.25; }
.full-menu-page #kahvalti .text-only-dish .title .menu-list-line { display: none; }
.full-menu-page #kahvalti .text-only-dish .title .price { margin-top: 8px; font-size: 20px; }
.full-menu-page #kahvalti .text-only-dish .desc { min-height: 0; margin: 0; text-align: left; }
.full-menu-page #kahvalti .text-only-dish .dish-actions { margin-top: auto; padding-top: 12px; }
.full-menu-page #kahvalti .text-only-dish .dish-actions .add-dish { min-height: 36px; padding: 6px 13px; }
.full-menu-page #kahvalti:not([data-category="hot"]):not([data-category="cold"]) .text-only-dish { grid-column: 1 / -1; }
.full-menu-page #kahvalti:not([data-category="hot"]):not([data-category="cold"]) .text-only-dish .inner-box { min-height: 0; padding: 20px 26px; }
.full-menu-page #kahvalti:not([data-category="hot"]):not([data-category="cold"]) .text-only-dish .dish-actions { margin-top: 0; }
@media(max-width:760px) { .full-menu-page #kahvalti:is([data-category="hot"],[data-category="cold"]) .breakfast-grid { grid-template-columns: 1fr; } }
@media(max-width:680px) { .full-menu-page #kahvalti .text-only-dish .inner-box { min-height: 132px; padding: 19px 20px; } .full-menu-page #kahvalti .text-only-dish .title h2 { font-size: 19px; } }
@media(max-width:1000px) { .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .full-menu-page .menu-cover { min-height: 570px; } .menu-categories-section { padding: 56px 0 110px; } .category-intro { margin-bottom: 34px; } .category-grid { gap: 12px; } .category-card { height: 235px; border-radius: 14px; } .category-card span { font-size: clamp(18px,5vw,24px); } .category-card small { right: 10px; bottom: 10px; min-width: 27px; height: 27px; font-size: 10px; } .full-menu-page #kahvalti:not([data-category="breakfast"]):not([data-category="hot"]):not([data-category="cold"]) .dish-block:nth-child(1) .dish-image { height: 300px; } }
@media(prefers-reduced-motion:reduce) { .category-card, .category-card img, .back-to-categories { transition-duration: .01ms; } }