/* OTOMATİK ÜRETİM — elle düzenleme! Kaynaklar: anzelha.bundle, fonts, language, store-tokens, design-system, ios-system-tokens.
 * Yeniden üretim: node anzelha/tools/build-css-packs.mjs */

/* ==================== anzelha.bundle.css ==================== */
:root{--anzelha-primary: #7a241f;
  --anzelha-primary-hover: #681d19;
  --anzelha-primary-dark: #4f1714;
  --anzelha-gold: #c79a4b;
  --anzelha-gold-light: #e4c789;
  --anzelha-cream: #f6efe5;
  --anzelha-surface: #fff;
  --anzelha-text: #201a17;
  --anzelha-text-secondary: #6f655e;
  --anzelha-success: #315d3c;
  --anzelha-danger: #b42318;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-stroke-default: 1.8;
  --icon-stroke-active: 2;
  --icon-primary: #201a17;
  --icon-secondary: #6f655e;
  --icon-active: #7a241f;
  --anzelha-border-light: rgb(255 255 255 / 58%);
  --anzelha-border-dark: rgb(70 40 32 / 14%);
  --anzelha-shadow-md: 0 18px 50px rgb(49 25 20 / 12%);
  --anzelha-shadow-lg: 0 32px 90px rgb(49 25 20 / 16%);
  --anzelha-radius-sm: 14px;
  --anzelha-radius-lg: 28px;
  --anzelha-radius-xl: 36px;
  --anzelha-radius-pill: 999px;
  --motion-fast: 150ms;
  --motion-normal: 220ms;
  --motion-slow: 360ms;
  --ease-emphasized: cubic-bezier(.16, 1, .3, 1);
  --gold: var(--anzelha-gold);
  --gold2: var(--anzelha-gold-light);
  --cream: var(--anzelha-cream);
  --text: var(--anzelha-text);
  --muted: var(--anzelha-text-secondary);
  --heading: Georgia, "Times New Roman", serif;
  --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;}
:root{--gold:#baa383;--gold2:#d2bd9c;--ink:#0a0a0a;--cream:#f5f1ea;--text:#292520;--muted:#7b746c;--heading:"Cormorant Garamond",Georgia,serif;--body:Jost,Arial,sans-serif;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{margin:0;color:var(--text);font-family:var(--body);font-size:16px;font-weight:300;line-height:1.75;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{margin:0 0 .55em;font-family:var(--heading);font-weight:500;line-height:1.02;}
h1{font-size:clamp(4rem,9vw,8.6rem);}
h2{font-size:clamp(3rem,5.5vw,5.5rem);}
h3{font-size:1.7rem;}
p{margin:0 0 1.4rem;}
/* .wrap: TEK OTORİTE design-system.css (--page-inline, denetim §3 P1) — eski bundle kuralı kaldırıldı */
.section{padding:120px 0;}
.kicker{display:block;margin-bottom:24px;color:var(--gold2);font-size:.7rem;font-weight:600;letter-spacing:.28em;}
.kicker.dark{color:#9b805c;}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 30px;border:1px solid var(--gold);background:var(--gold);color:#0b0a09;font-size:.72rem;font-weight:600;letter-spacing:.16em;transition:.25s;}
.btn:hover{background:transparent;color:var(--gold);transform:translateY(-2px);}
.text-link,.link-light{border-bottom:1px solid currentColor;padding-bottom:4px;font-size:.72rem;font-weight:600;letter-spacing:.14em;}
.center{text-align:center;}
.sr-only,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.skip-link:focus{clip:auto;width:auto;height:auto;z-index:var(--z-toast);padding:12px;background:#fff;}
.site-header{position:absolute;z-index:100;top:0;left:0;right:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:.3s;}
.site-header.scrolled{position:fixed;background:rgba(10,10,10,.96);}
.menu{display:flex;gap:32px;list-style:none;margin:0;padding:0;}
.menu a{font-size:.69rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;}
.menu a:hover{color:var(--gold2);}
.menu-toggle{display:none;width:44px;height:44px;border:0;background:none;padding:9px;}
.menu-toggle i{display:block;height:1px;margin:6px 0;background:#fff;}
.hero{position:relative;min-height:800px;display:grid;align-items:center;background-image:var(--hero);background-size:cover;background-position:center;}
.hero h1{max-width:820px;letter-spacing:-.045em;}
.hero p{max-width:560px;color:#e6e1da;font-size:1.05rem;}
.scroll{position:absolute;bottom:32px;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;}
.scroll span{display:block;width:1px;height:40px;background:var(--gold);}
.intro{background:var(--cream);}
.intro h2{font-size:clamp(3.2rem,5vw,5.2rem);}
.intro .text-link{color:#8c7659;}
.menu-item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.14);}
.menu-item h3{margin-bottom:4px;font-size:1.55rem;}
.menu-item p{margin:0;color:#8e8983;font-size:.8rem;}
.menu-item strong{color:var(--gold2);font-family:var(--heading);font-size:1.3rem;font-weight:500;white-space:nowrap;}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:28px;}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none;}
.woocommerce ul.products li.product{width:auto!important;float:none!important;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-family:var(--heading);font-size:1.5rem;}
.woocommerce ul.products li.product .price{color:var(--gold)!important;}
.woocommerce ul.products li.product .button{background:var(--gold);color:#111;}
.experience{display:grid;grid-template-columns:1.1fr .9fr;min-height:690px;background:var(--cream);}
.values{display:grid;gap:13px;margin-top:20px;}
.values span{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #d9d0c4;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;}
.values b{color:var(--gold);font-family:var(--heading);font-size:1.25rem;font-weight:500;}
.locations{background:#191816;color:#fff;}
.reservation{background:var(--cream);}
/* 7.56.0: eski footer iskeleti kaldırıldı (padding-bottom:65px hayalet boşluk
   üretiyordu). Footer yerleşiminin tek otoritesi: surface-system.css. */
/* .content-page üst/alt boşluk: TEK OTORİTE design-system.css token sistemi (denetim §3 P1) — eski 190/110px kaldırıldı */
.narrow{max-width:850px;}
.page-title{max-width:900px;margin-bottom:55px;}
.page-title h1{font-size:clamp(3.4rem,7vw,6rem);}
.page-image{width:100%;margin-bottom:40px;}
.entry-content{font-size:1.04rem;}
.entry-content h2,.entry-content h3{margin-top:1.2em;}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.post-card{border:1px solid #e0d9cf;background:#fff;}
.post-card>div{padding:25px;}
.post-card>div>span{color:#9b805c;font-size:.68rem;letter-spacing:.12em;}
.post-card h2{font-size:1.8rem;}
.post-card p{color:var(--muted);font-size:.9rem;}
.woo-page .woocommerce-breadcrumb{color:var(--muted);}
.woo-page .woocommerce h1{font-size:4rem;}
.woo-page .woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--text);}
@media(max-width:1000px){.menu-toggle{display:block;}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 24px;background:#0a0a0a;}.main-nav.open{display:block;}.menu{display:block;}.menu li{border-bottom:1px solid #292929;}.menu a{display:block;padding:14px 0;}.experience{grid-template-columns:1fr;}.posts{grid-template-columns:1fr 1fr;}}
@media(max-width:767px){.wrap{width:min(100% - 30px,1200px);}.section{padding:80px 0;}.hero{min-height:720px;}.hero h1{font-size:clamp(4rem,19vw,6rem);}.scroll{display:none;}.posts{grid-template-columns:1fr;}.content-page{padding-top:140px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none!important;}}
body:not(.home) .site-header{position:fixed;background:rgba(10,10,10,.96);}
/* iOS-inspired Liquid Glass interaction layer. */
:root{--glass-tint:255,252,246;--glass-alpha:.62;--glass-alpha-strong:.88;--glass-control:.5;--glass-blur:8px;--glass-saturate:165%;--glass-edge:rgba(18,25,20,.16);--glass-border:rgba(255,255,255,.72);--glass-highlight:rgba(255,255,255,.82);--glass-shadow:0 18px 52px rgba(18,24,19,.15),inset 0 1px 0 var(--glass-highlight);--ios-radius:24px;--ios-green:#294b35;--ios-ease:cubic-bezier(.2,.8,.2,1);color-scheme:light;}
html[data-theme="dark"]{--glass-tint:24,26,28;--glass-alpha:.72;--glass-alpha-strong:.88;--glass-control:.58;--glass-edge:rgba(0,0,0,.55);--glass-border:var(--dark-border,rgba(255,255,255,.14));--glass-highlight:rgba(255,255,255,.13);--cream:var(--dark-bg,#0B0C0D);--text:var(--dark-text,#F5F7F8);--muted:var(--dark-text-secondary,#AEB4B8);color-scheme:dark;}
html[data-glass="clear"]{--glass-alpha:.4;--glass-alpha-strong:.7;--glass-control:.32;--glass-blur:8px;}
html[data-glass="tinted"]{--glass-alpha:.9;--glass-alpha-strong:.97;--glass-control:.85;--glass-blur:8px;--glass-saturate:130%;}
body{padding-bottom:0;}
.site-header{padding:max(10px,env(safe-area-inset-top)) 0 0;border:0;pointer-events:none;}
body:not(.home) .site-header{background:transparent;}
html[data-theme="dark"] .logo,html[data-theme="dark"] .site-header,html[data-theme="dark"] .menu a{color:#fff;}
html:not([data-theme="dark"]) .site-header.scrolled .logo,html:not([data-theme="dark"]) .site-header.scrolled .site-header,html:not([data-theme="dark"]) .site-header.scrolled .menu a{color:#182019;}
.glass-surface{border:1px solid var(--glass-border);background:linear-gradient(to bottom,rgba(255,255,255,.19),transparent 62%),rgba(var(--glass-tint),var(--glass-alpha));box-shadow:0 0 0 1px var(--glass-edge),var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));}
.menu-page{min-height:100vh;min-height:100svh;background:radial-gradient(circle at 8% 20%,rgba(186,163,131,.3),transparent 32%),radial-gradient(circle at 92% 10%,rgba(55,90,63,.2),transparent 31%),var(--cream);}
.menu-title{max-width:760px;}
.menu-title p{color:var(--muted);}
.menu-toolbar{position:sticky;z-index:20;top:104px;display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border-radius:22px;}
.menu-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--glass-border);border-radius:16px;background:rgba(var(--glass-tint),var(--glass-control));box-shadow:inset 0 1px 0 var(--glass-highlight);}
.menu-search span{font-size:1.45rem;}
.menu-search input{width:100%;min-height:48px;border:0;background:transparent;color:var(--text);font:400 1rem var(--body);outline:0;}
.favorites-toggle{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 17px;border:1px solid var(--glass-border);border-radius:16px;background:rgba(var(--glass-tint),var(--glass-control));box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--text);font:500 .75rem var(--body);cursor:pointer;}
.favorites-toggle span{font-size:1.3rem;}
.favorites-toggle b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:11px;background:var(--ios-green);color:#fff;font-size:.65rem;}
.favorites-toggle.active{background:var(--ios-green);color:#fff;}
.filter-bar{display:flex;gap:9px;margin:16px 0 36px;padding:10px;border-radius:20px;overflow:auto;scrollbar-width:none;}
.filter-chip{min-height:40px;padding:0 17px;border:1px solid var(--glass-border);border-radius:14px;background:rgba(var(--glass-tint),var(--glass-control));box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--text);font:500 .7rem var(--body);white-space:nowrap;cursor:pointer;}
.filter-chip.active{border-color:#31583e;background:var(--ios-green);color:#fff;}
.product-card-wrap[hidden]{display:none;}
.favorite-button{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 9px 24px rgba(0,0,0,.15),inset 0 1px 0 #fff;color:#28362b;font-size:1.45rem;cursor:pointer;-webkit-backdrop-filter:blur(var(--az-blur-md, 12px));backdrop-filter:blur(var(--az-blur-md, 12px));}
.favorite-button.active{background:#8b1e28;color:#fff;}
.menu-empty{margin-top:30px;padding:45px;border-radius:var(--ios-radius);text-align:center;}
.contact-sheet[hidden]{display:none;}
.contact-sheet{position:fixed;z-index:var(--z-panel);inset:0;}

@media(max-width:1000px){.menu-toolbar{top:96px;}}
@media(max-width:767px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom));}.site-header{padding-top:max(8px,env(safe-area-inset-top));}.mobile-cart-count{position:absolute;top:1px;right:18%;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#9b202b;color:#fff;font-size:.55rem;}.menu-title{margin-bottom:35px;}.menu-toolbar{top:86px;grid-template-columns:1fr;padding:9px;border-radius:19px;}.favorites-toggle{justify-content:center;}.filter-bar{margin-top:12px;}}
@media(prefers-reduced-transparency:reduce){.header-inner,.glass-surface,.mobile-commerce-nav,.contact-sheet__panel {background:rgb(var(--glass-tint));-webkit-backdrop-filter:none;backdrop-filter:none;}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header-inner,.glass-surface,.mobile-commerce-nav,.contact-sheet__panel {background:rgb(var(--glass-tint))!important;}}
@media(max-width:767px){.menu-toggle{order:3;}}
.woo-page .woocommerce ul.products li.product,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-cart .cart-collaterals,.woocommerce-checkout #payment{overflow:hidden;padding:18px!important;border:1px solid var(--glass-border);border-radius:var(--ios-radius);background:rgba(var(--glass-tint),var(--glass-alpha));box-shadow:0 0 0 1px var(--glass-edge),var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));}
.woo-page .woocommerce ul.products li.product img{border-radius:17px;}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button{border-radius:14px!important;}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{min-height:48px;padding:10px 13px;border:1px solid var(--glass-border);border-radius:14px;background:rgba(var(--glass-tint),var(--glass-control));color:var(--text);}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:16px;background:rgba(var(--glass-tint),var(--glass-alpha-strong));box-shadow:var(--glass-shadow);color:var(--text);}
/* WordPress core output compatibility. */
.alignleft{float:left;margin:0 1.5em 1em 0;}
.alignright{float:right;margin:0 0 1em 1.5em;}
.aligncenter{display:block;margin-right:auto;margin-left:auto;}
.alignwide{max-width:1200px;}
.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw);}
.wp-caption{max-width:100%;}
.wp-caption-text,.gallery-caption{margin-top:.5rem;color:var(--muted);font-size:.8rem;text-align:center;}
.sticky{position:relative;}
.bypostauthor{outline:1px solid var(--gold);}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:8px;left:8px;z-index:var(--z-toast);padding:12px 16px;background:#fff;color:#111;}
.comments-area{margin-top:65px;padding-top:45px;border-top:1px solid rgba(120,110,100,.25);}
.comment-list{padding:0;list-style:none;}
.comment-list .comment{margin:0 0 20px;padding:20px;border:1px solid var(--glass-border);border-radius:18px;background:rgba(var(--glass-tint),var(--glass-alpha));}
.comment-list .children{margin-top:18px;list-style:none;}
.comment-meta{font-size:.8rem;}
.comment-content{margin-top:12px;}
.comment-form label{display:block;margin-bottom:5px;}
.comment-form input:not([type=submit]),.comment-form textarea{width:100%;padding:12px;border:1px solid var(--glass-border);border-radius:14px;background:rgba(var(--glass-tint),var(--glass-control));color:var(--text);}
.comment-form .submit,.search-form button{padding:12px 20px;border:0;border-radius:13px;background:var(--ios-green);color:#fff;}
.search-form{display:flex;gap:10px;max-width:620px;padding:10px;border-radius:18px;}
.search-form label{flex:1;}
.search-field{width:100%;height:44px;padding:0 12px;border:0;background:transparent;color:var(--text);font:inherit;outline:0;}
.page-links{margin:30px 0;}
.admin-bar .site-header{top:32px;}
@media(max-width:782px){.admin-bar .site-header{top:46px;}}
@media(max-width:767px){.alignleft,.alignright{float:none;display:block;margin:1em auto;}.comment-list .children{padding-left:14px;}}
:root{--anzelha-primary:#7A241F;--anzelha-primary-hover:#681D19;--anzelha-primary-dark:#4F1714;--anzelha-gold:#C79A4B;--anzelha-gold-light:#E4C789;--anzelha-cream:#F6EFE5;--anzelha-cream-light:#FFF9F2;--anzelha-surface:#FFFDF9;--anzelha-surface-elevated:rgba(255,253,249,.82);--anzelha-text:#201A17;--anzelha-text-secondary:#6F655E;--anzelha-border:rgba(255,255,255,.62);--anzelha-border-dark:rgba(78,44,37,.12);--anzelha-success:#315D3C;--anzelha-danger:#B42318;--anzelha-shadow-md:0 18px 46px rgba(60,34,27,.12);--anzelha-shadow-lg:0 28px 80px rgba(60,34,27,.18);--anzelha-radius-sm:14px;--anzelha-radius-lg:28px;--anzelha-radius-xl:36px;--anzelha-radius-pill:999px;--motion-fast:140ms;--motion-normal:220ms;--motion-slow:360ms;--ease-spring:cubic-bezier(.16,1,.3,1);--space-1:4px;--space-2:8px;--space-12:48px;--space-20:80px;--cream:var(--anzelha-cream);--text:var(--anzelha-text);--muted:var(--anzelha-text-secondary);--gold:var(--anzelha-gold);--green:var(--anzelha-primary);--ios-green:var(--anzelha-primary);--glass-tint:255,253,249;--glass-edge:var(--anzelha-border-dark);--glass-shadow:var(--anzelha-shadow-md),inset 0 1px 0 rgba(255,255,255,.76);}
html[data-theme="dark"]{--anzelha-surface:var(--dark-bg,#0B0C0D);--anzelha-surface-elevated:var(--dark-glass,rgba(24,26,28,.72));--anzelha-cream:var(--dark-input,#121416);--anzelha-text:var(--dark-text,#F5F7F8);--anzelha-text-secondary:var(--dark-text-secondary,#AEB4B8);--anzelha-border:var(--dark-border,rgba(255,255,255,.14));--anzelha-border-dark:var(--dark-border-soft,rgba(255,255,255,.08));--anzelha-primary:var(--dark-accent,#14C4CF);--anzelha-primary-hover:var(--dark-accent-hover,#29D0DA);--anzelha-primary-dark:var(--dark-accent-pressed,#0EA6B0);--anzelha-gold:var(--dark-accent,#14C4CF);--anzelha-gold-light:var(--dark-accent-hover,#29D0DA);--anzelha-success:var(--dark-success,#32D583);--anzelha-danger:var(--dark-error,#FF5D5D);--cream:var(--anzelha-cream);--text:var(--anzelha-text);--muted:var(--anzelha-text-secondary);--glass-tint:24,26,28;--glass-edge:var(--anzelha-border-dark);}
body{min-width:320px;color:var(--anzelha-text);font-size:16px;}
/* .wrap ikinci bundle tanımı kaldırıldı — TEK OTORİTE design-system.css (denetim §3 P1) */
.section{padding:var(--space-20) 0;}
.site-header{top:0;}
.header-phone,.btn,.mini-add{background:var(--anzelha-primary);}
.header-phone:hover,.btn:hover,.mini-add:hover{background:var(--anzelha-primary-hover);}
.glass-surface,.glass-surface-soft,.glass-surface-strong,.glass-surface-dark,.glass-pill,.glass-modal,.glass-bottom-sheet,.glass-navigation{border:1px solid var(--anzelha-border);background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,248,239,.42));box-shadow:var(--anzelha-shadow-md),inset 0 1px 0 rgba(255,255,255,.76);-webkit-backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(150%);backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(150%);}
.glass-surface-strong{background:var(--anzelha-surface-elevated);-webkit-backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(155%);backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(155%);}
.kicker{color:var(--anzelha-gold-light);}
.kicker.dark{color:var(--anzelha-primary);}
.featured{background:var(--anzelha-cream-light);}
.locations{background:var(--anzelha-primary-dark);}
.locations .anzelha-branch-grid article{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;}
.locations .anzelha-branch-grid a{background:rgba(255,255,255,.1);color:var(--anzelha-gold-light);}
.culture{padding-top:0;}
.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;grid-template-rows:220px 220px;gap:14px;}
.gallery-grid figure{position:relative;margin:0;border-radius:22px;background-size:cover;background-position:center;}
.gallery-grid figure:first-child{grid-row:1/3;}
.gallery-grid figure:last-child{grid-column:2/4;}
.gallery-grid span{position:absolute;right:12px;bottom:12px;left:12px;padding:10px 12px;border-radius:14px;background:rgba(32,26,23,.45);color:#fff;-webkit-backdrop-filter:blur(var(--az-blur-md, 12px));backdrop-filter:blur(var(--az-blur-md, 12px));}
.reservation{background:var(--anzelha-cream);}
:focus-visible{outline:3px solid var(--anzelha-gold);outline-offset:3px;}
.anzelha-toast-region{position:fixed;z-index:var(--z-toast);top:100px;right:20px;}
.anzelha-toast{padding:15px 18px;border-radius:18px;background:var(--anzelha-surface-elevated);box-shadow:var(--anzelha-shadow-lg);-webkit-backdrop-filter:blur(var(--az-blur-sm, 8px));backdrop-filter:blur(var(--az-blur-sm, 8px));animation:toast-in var(--motion-normal) var(--ease-spring);}
@keyframes toast-in{from{opacity:0;transform:translateY(12px) scale(.97);}}
@media(max-width:767px){.wrap{width:min(100% - 24px,1200px);}.section{padding:var(--space-12) 0;}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px;}.gallery-grid figure:first-child{grid-row:auto;}.gallery-grid figure:last-child{grid-column:1/3;}.anzelha-toast-region{right:12px;bottom:calc(92px + env(safe-area-inset-bottom));left:12px;top:auto;}}
@media(prefers-reduced-transparency:reduce){.glass-surface,.glass-surface-soft,.glass-surface-strong,.glass-pill,.header-inner{background:var(--anzelha-surface);-webkit-backdrop-filter:none;backdrop-filter:none;}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-surface,.glass-surface-soft,.glass-surface-strong,.glass-pill,.header-inner{background:var(--anzelha-surface)!important;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}
:root{--az-burgundy:#1f5430;--az-burgundy-dark:#0f3220;--az-burgundy-hover:#1a4629;--az-gold:#c99a45;--az-gold-soft:#e8cf9f;--az-cream:#f6efe5;--az-ivory:#fffdf8;--az-charcoal:#211a17;--az-muted:#73665e;--az-line:rgba(16,52,28,.12);--az-shadow:0 22px 60px rgba(18,45,30,.14);--az-radius:22px;--az-shell:min(1360px,calc(100% - 48px));}
body{color:var(--az-charcoal);font-size:16px;line-height:1.6;}
.az-shell{width:var(--az-shell);margin-inline:auto;}
.az-section{padding:92px 0;}
.az-home h1,.az-home h2,.az-home h3{letter-spacing:-.025em;}
.az-home h2{font-size:clamp(2.25rem,4.4vw,3.9rem);font-weight:600;line-height:1.05;}
.az-home p{color:var(--az-muted);}
.az-header{position:fixed;z-index:var(--az-layer-header,300);right:24px;left:24px;max-width:1440px;margin:auto;color:#fff;}
/* 7.60.0: yükseklik tek otoritede (surface-system 64/56; mobil mobile-app 64) — bundle artık height yazmaz. */
.az-header__inner{display:grid;grid-template-columns:170px minmax(480px,1fr) auto;align-items:center;height:var(--az-header-h,64px);padding:0 16px 0 18px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(135deg,rgba(72,17,15,.94),rgba(82,24,20,.82));box-shadow:0 18px 52px rgba(30,8,6,.26),inset 0 1px 0 rgba(255,255,255,.13);transition:height .22s ease,background .22s ease;}
.az-brand{position:relative;display:block;width:156px;height:56px;overflow:hidden;}
.az-desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.4vw,25px);white-space:nowrap;}
.az-desktop-nav a{position:relative;color:#fff;font-size:.81rem;font-weight:600;}
.az-desktop-nav a:after{position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:2px;background:var(--az-gold);content:"";transform:scaleX(0);transition:transform .2s ease;}
.az-desktop-nav a:hover:after{transform:scaleX(1);}
.az-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;}
.az-icon-action,.az-compact-action{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 11px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;font-size:.73rem;font-weight:650;}
.az-icon-action{padding:0;font-size:1.2rem;}
.az-points-link{color:var(--az-gold-soft);}
.az-cart-link .mobile-cart-count{top:-5px;right:-5px;}
.az-order-button{display:inline-flex;align-items:center;height:44px;padding:0 18px;border:1px solid var(--az-gold);border-radius:14px;background:var(--az-gold);color:var(--az-burgundy-dark);font-size:.76rem;font-weight:800;}
.az-order-button:hover{background:var(--az-gold-soft);}
.az-menu-toggle{display:none;width:44px;height:44px;padding:11px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.08);}
.az-menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:#fff;}
.az-mobile-panel{margin-top:8px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(72,17,15,.97);box-shadow:var(--az-shadow);}
.az-mobile-panel[hidden]{display:none;}
.az-mobile-panel nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.az-mobile-panel nav a{padding:10px;border-radius:10px;color:#fff;}
.az-mobile-panel>div{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);}
.az-mobile-panel>div a{color:var(--az-gold-soft);}
.az-mobile-tabs{display:none;}
.az-eyebrow{display:flex;align-items:center;gap:10px;color:var(--az-gold-soft);font-size:.73rem;font-weight:750;letter-spacing:.11em;}
.az-eyebrow i{width:28px;height:1px;background:var(--az-gold);}
.az-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid transparent;border-radius:16px;font-size:.82rem;font-weight:800;}
.az-button--primary{background:var(--az-burgundy);color:#fff;box-shadow:0 12px 30px rgba(16,52,28,.3);}
.az-button--primary:hover{background:var(--az-burgundy-hover);}
.az-button--light{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;-webkit-backdrop-filter:blur(var(--az-blur-md, 12px));backdrop-filter:blur(var(--az-blur-md, 12px));}
.az-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px;}
.az-section-head>div>span,.az-reservation__layout>div:first-child>span{color:var(--az-burgundy);font-size:.7rem;font-weight:800;letter-spacing:.12em;}
.az-section-head h2{max-width:780px;margin:10px 0 0;}
.az-section-head p{margin:.65rem 0 0;}
.az-section-head>a{flex:0 0 auto;color:var(--az-burgundy);font-size:.8rem;font-weight:750;}
.az-eyebrow--dark{color:var(--az-burgundy);}
.az-sheet[hidden]{display:none;}
.az-sheet{position:fixed;z-index:var(--z-panel);inset:0;}
.az-sheet__backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(24,7,5,.56);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
.az-sheet__panel{position:absolute;right:0;bottom:0;left:0;width:min(580px,calc(100% - 20px));max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:16px 26px max(30px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.3);border-radius:28px 28px 0 0;background:var(--az-ivory);box-shadow:0 -24px 70px rgba(34,8,6,.3);animation:az-sheet-in .28s ease;}
.az-sheet__handle{display:block;width:42px;height:5px;margin:0 auto 20px;border-radius:5px;background:#c9bbb2;}
.az-sheet__close{position:absolute;top:17px;right:20px;width:38px;height:38px;border:0;border-radius:50%;background:var(--az-cream);font-size:1.3rem;}
.az-sheet__product h2{padding-right:35px;}
.az-sheet__product strong{display:block;margin:18px 0;color:var(--az-burgundy);font-size:1.4rem;}
@keyframes az-sheet-in{from{transform:translateY(100%);}to{transform:none;}}
@media(max-width:1280px){.az-header__inner{grid-template-columns:150px 1fr auto;}.az-desktop-nav{gap:14px;}.az-desktop-nav a{font-size:.73rem;}.az-compact-action{display:none;}}
@media(max-width:1024px){:root{--az-shell:min(100% - 36px,960px);}.az-header{right:18px;left:18px;}.az-header__inner{grid-template-columns:160px 1fr;}.az-header__actions{grid-column:2;}.az-menu-toggle{display:block;}.az-icon-action:first-child,.az-points-link{display:none;}}
@media(max-width:767px){:root{--az-shell:min(100% - 24px,660px);}body{padding-bottom:calc(82px + env(safe-area-inset-bottom));}.az-section{padding:64px 0;}.az-header{right:10px;left:10px;}.az-header__inner{grid-template-columns:135px 1fr;height:64px;padding:0 8px 0 10px;border-radius:18px;}.az-brand{width:132px;height:50px;}.az-order-button{height:40px;padding:0 12px;}.az-icon-action,.az-cart-link{width:40px;height:40px;}.az-cart-link{display:flex;}.az-header__actions{gap:5px;}.az-menu-toggle{width:40px;height:40px;}.az-mobile-tabs{position:fixed;z-index:var(--az-layer-tabbar,200);right:8px;bottom:max(7px,env(safe-area-inset-bottom));left:8px;display:grid;grid-template-columns:repeat(5,1fr);min-height:70px;padding:6px;border:1px solid rgba(16,52,28,.13);border-radius:23px;background:rgba(255,253,248,.91);box-shadow:0 18px 50px rgba(53,24,18,.2);-webkit-backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(135%);backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(135%);}.az-mobile-tabs a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:15px;color:var(--az-muted);font-size:.7rem;font-weight:650;line-height:1.15;text-align:center;}/* 7.106.0 denetim P1: alt-nav etiketi .55rem(~8.8px)→.7rem(~11.2px) erişilebilir taban */.az-mobile-tabs b{font-size:1rem;}.az-eyebrow{font-size:.6rem;}.az-section-head{align-items:flex-start;flex-direction:column;margin-bottom:28px;}.az-section-head h2,.az-home h2{font-size:2.35rem;}.az-category-card:hover,.az-quick-grid>a:hover {transform:none;}.anzelha-whatsapp{bottom:calc(90px + env(safe-area-inset-bottom));}.az-sheet__panel{width:100%;}}
@media(max-width:430px){.az-header__actions .az-cart-link{display:none;}.az-order-button{font-size:.65rem;}}
@media(max-width:350px){.az-order-button{display:none;}.az-header__inner{grid-template-columns:132px 1fr;}}
@media(min-width:1720px){:root{--az-shell:min(1440px,calc(100% - 64px));}.az-header{max-width:1540px;}}
.az-brand{border-radius:12px;background:#fff;}
.az-desktop-nav a{font-size:.86rem;}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.az-header__inner{background:var(--az-burgundy-dark);}.az-mobile-tabs{background:var(--az-ivory);}}
@media(prefers-reduced-motion:reduce){.az-category-card,.az-quick-grid>a,.az-sheet__panel {animation:none!important;transition:none!important;}}
/* 7.56.0: eski footer logo/sosyal/adres kuralları kaldırıldı — otorite surface-system.css. */
/* 4.1 acceptance refinements */
.az-brand{display:flex;align-items:center;width:148px;height:54px;overflow:visible;border-radius:0;background:transparent;}
.az-brand>img,.az-brand__custom{display:block;width:auto;max-width:148px;height:48px;object-fit:contain;}
.az-header__inner{grid-template-columns:150px minmax(430px,1fr) auto;}
.az-desktop-nav{gap:clamp(9px,1vw,18px);}
.az-desktop-nav a{font-size:.75rem;}
.az-header__actions svg,.az-mobile-tabs svg,.az-compact-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.az-compact-action{gap:6px;white-space:nowrap;}
.az-account-name span{max-width:88px;overflow:hidden;text-overflow:ellipsis;}
.az-cart-link .mobile-cart-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--az-burgundy-dark);border-radius:50%;background:var(--az-gold);color:var(--az-burgundy-dark);font-size:.58rem;font-weight:800;}
.az-mobile-tabs svg{width:21px;height:21px;}
.az-empty-state{grid-column:1/-1;padding:32px;border:1px solid var(--az-line);border-radius:22px;background:var(--az-ivory);box-shadow:0 12px 36px rgba(53,24,18,.07);}
.az-empty-state h3{margin:0 0 8px;font-size:1.5rem;}
.az-empty-state p{max-width:620px;margin:0 0 20px;}
@media(max-width:1280px) and (min-width:1025px){.az-header__inner{grid-template-columns:135px 1fr auto;padding-inline:12px;}.az-brand,.az-brand>img{max-width:132px;}.az-desktop-nav{gap:8px;}.az-desktop-nav a{font-size:.67rem;}.az-compact-action{display:inline-flex;height:39px;padding-inline:8px;font-size:.65rem;}.az-compact-action svg{display:none;}.az-order-button{padding-inline:13px;}.az-header__actions{gap:4px;}}
@media(max-width:767px){.az-brand{width:126px;height:46px;}.az-brand>img,.az-brand__custom{max-width:126px;height:40px;}.az-header__inner{grid-template-columns:126px 1fr;}.az-empty-state{padding:24px;}.az-mobile-tabs b{display:grid;place-items:center;}}
/* Official Anzelha brand asset. Preserve the SVG viewBox, colors and proportions. */
.anzelha-logo-surface{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:14px;background:rgba(255,253,248,.96);box-shadow:0 8px 24px rgba(38,20,16,.08);}
.anzelha-brand-logo{display:block;width:174px;height:174px;max-width:100%;object-fit:contain;image-rendering:auto;filter:none;opacity:1;transform:none!important;pointer-events:none;}
.az-brand{width:190px;height:54px;overflow:visible;}
.az-brand .anzelha-brand-logo{width:174px;height:174px;max-width:174px;}
.az-header__inner{grid-template-columns:190px minmax(430px,1fr) auto;}
@media(max-width:1280px) and (min-width:768px){.az-brand{width:166px;height:54px;}.az-brand .anzelha-brand-logo{width:150px;height:150px;max-width:150px;}.az-header__inner{grid-template-columns:166px minmax(390px,1fr) auto;}}
@media(max-width:767px){.az-header__inner{grid-template-columns:140px 1fr;padding-left:10px;}.az-brand{width:140px;height:50px;}.az-brand .anzelha-brand-logo{width:124px;height:124px;max-width:124px;}.anzelha-logo-surface{padding:4px 8px;border-radius:13px;}}
/* Lucide-compatible iOS icon system. */
.anzelha-icon{display:block;width:var(--icon-md);height:var(--icon-md);flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-default);stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision;}
.anzelha-icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;transition:transform 160ms cubic-bezier(.16,1,.3,1),background-color 180ms ease,color 180ms ease;}
.anzelha-icon-button:active{transform:scale(.94);}
.anzelha-icon-button:focus-visible,.az-mobile-tabs a:focus-visible,.az-text-action:focus-visible,.sheet-action:focus-visible,.favorites-toggle:focus-visible{outline:3px solid var(--anzelha-gold);outline-offset:3px;}
.az-header__actions .anzelha-icon{width:var(--icon-md);height:var(--icon-md);}
.az-menu-toggle{display:none;place-items:center;padding:0;}
.az-menu-toggle .anzelha-icon{width:var(--icon-lg);height:var(--icon-lg);}
.az-mobile-tabs a{color:var(--icon-secondary);transition:color 180ms ease,background-color 180ms ease,transform 160ms cubic-bezier(.16,1,.3,1);}
.az-mobile-tabs a[aria-current="page"]{color:var(--icon-active);}
.az-mobile-tabs a[aria-current="page"] .anzelha-icon{stroke-width:var(--icon-stroke-active);transform:scale(1.04);}
.az-mobile-tabs .anzelha-icon{width:var(--icon-lg);height:var(--icon-lg);}
.favorite-button .anzelha-icon,.favorites-toggle .anzelha-icon,.menu-search .anzelha-icon{width:var(--icon-md);height:var(--icon-md);}
.favorite-button.active .anzelha-icon{stroke-width:var(--icon-stroke-active);}
.menu-search>span{font-size:inherit;}
.az-text-action{display:inline-flex;align-items:center;gap:6px;}
.az-text-action .anzelha-icon{width:var(--icon-sm);height:var(--icon-sm);}
.az-sheet__close,.contact-sheet__close{display:grid;place-items:center;width:44px;height:44px;padding:0;}
.az-sheet__close .anzelha-icon,.contact-sheet__close .anzelha-icon{width:var(--icon-md);height:var(--icon-md);}
html[data-theme="dark"]{--icon-primary:var(--dark-text,#F5F7F8);--icon-secondary:var(--dark-text-secondary,#AEB4B8);--icon-active:var(--dark-accent,#14C4CF);}
@media(max-width:1024px){.az-menu-toggle{display:grid;}}
.glass-surface-strong,.glass-modal,.glass-bottom-sheet{background: rgb(255 253 248 / 88%);}
.glass-card{border-radius: var(--anzelha-radius-lg);}
.glass-modal,.glass-bottom-sheet{border-radius: var(--anzelha-radius-xl);}
.glass-dark,.glass-navigation{color: #fff; background: linear-gradient(135deg, rgb(79 23 20 / 92%), rgb(122 36 31 / 76%));}
.liquid-button,.az-button,.button,.single_add_to_cart_button{transform-origin: center;
  transition: transform var(--motion-fast) var(--ease-emphasized);}
.liquid-button:active,.az-button:active,.button:active,.single_add_to_cart_button:active{transform: scale(.965); filter: brightness(1.03);}
.add_to_cart_button.is-loading,.single_add_to_cart_button.is-loading,[aria-busy="true"]{cursor: progress; opacity: .72; pointer-events: none;}
.anzelha-toast-region{position: fixed; z-index: var(--z-toast); right: 20px; bottom: max(110px,calc(88px + env(safe-area-inset-bottom))); display: grid; gap: 10px;}
.anzelha-toast{max-width: min(360px,calc(100vw - 32px)); padding: 13px 16px; border: 1px solid var(--anzelha-border-light); border-radius: var(--anzelha-radius-pill); background: rgb(255 253 248 / 92%); box-shadow: var(--anzelha-shadow-md); color: var(--anzelha-text); -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(135%); backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(135%);}
.anzelha-toast.is-error{border-color: color-mix(in srgb,var(--anzelha-danger) 35%,transparent);}
.anzelha-toast.is-success{border-color: color-mix(in srgb,var(--anzelha-success) 35%,transparent);}
.az-loyalty__metrics{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 14px 0 22px;}
.az-loyalty__metrics>div{padding: 12px; border: 1px solid rgb(255 255 255 / 14%); border-radius: var(--anzelha-radius-sm); background: rgb(255 255 255 / 7%);}
.az-loyalty__metrics span{display: block; color: rgb(255 255 255 / 68%); font-size: .68rem;}
.az-loyalty__metrics strong{display: block; margin-top: 4px; color: var(--anzelha-gold-light); font-size: .92rem;}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline: 3px solid var(--anzelha-gold-light); outline-offset: 3px;}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-dark,.glass-navigation{background: var(--anzelha-primary-dark);}}
@media (hover: hover) and (pointer: fine){.az-category-card:hover,.az-branch-card:hover {transform: translateY(-4px) scale(1.008);}}
@media (max-width: 782px){.az-loyalty__metrics{grid-template-columns: 1fr;}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;}}
/* Anzelha neutral Liquid Glass system. Interface color comes from photography and the original logo only. */
:root{--page-background: #f5f5f3;
  --surface-primary: rgba(255, 255, 255, .78);
  --surface-secondary: rgba(255, 255, 255, .58);
  --surface-muted: rgba(245, 245, 243, .72);
  --glass-weak: rgba(255, 255, 255, .44);
  --glass-medium: rgba(255, 255, 255, .62);
  --glass-strong: rgba(255, 255, 255, .80);
  --text-primary: #171717;
  --text-secondary: #646464;
  --text-tertiary: #8a8a8a;
  --icon-primary: #1d1d1f;
  --icon-secondary: #6e6e73;
  --icon-active: #1d1d1f;
  --border-soft: rgba(0, 0, 0, .07);
  --border-medium: rgba(0, 0, 0, .12);
  --separator: rgba(0, 0, 0, .08);
  --shadow-soft-color: rgba(0, 0, 0, .08);
  --shadow-medium-color: rgba(0, 0, 0, .12);
  --neutral-shadow-soft: 0 8px 20px var(--shadow-soft-color);
  --neutral-shadow-medium: 0 12px 32px var(--shadow-medium-color);
  --neutral-inner-light: inset 0 1px 0 rgba(255, 255, 255, .62);
  --az-ivory: var(--page-background);
  --az-cream: var(--surface-muted);
  --az-charcoal: var(--text-primary);
  --az-muted: var(--text-secondary);
  --az-line: var(--border-soft);
  --az-shadow: var(--neutral-shadow-medium);
  --anzelha-text: var(--text-primary);
  --anzelha-text-secondary: var(--text-secondary);
  --anzelha-surface: var(--surface-primary);
  --anzelha-border-light: var(--border-soft);
  --anzelha-border-dark: var(--border-medium);
  --anzelha-shadow-md: var(--neutral-shadow-medium);
  --cream: var(--page-background);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --gold: var(--text-secondary);
  --gold2: var(--text-secondary);
  --ink: var(--text-primary);
  --ios-green: var(--icon-primary);
  --glass-tint: 255, 255, 255;
  --glass-control: .58;
  --glass-alpha: .44;
  --glass-alpha-strong: .80;
  --glass-border: var(--border-soft);
  --glass-edge: var(--border-soft);
  --glass-highlight: rgba(255, 255, 255, .42);
  --glass-shadow: var(--neutral-shadow-medium);}
html[data-theme="dark"]{color-scheme: dark;
  /* Final Koyu Mod Talimatı (2026-07-26): merkezî --dark-* paletine bağlandı. */
  --page-background: var(--dark-bg, #0B0C0D);
  --surface-primary: var(--dark-glass, rgba(24, 26, 28, .78));
  --surface-secondary: rgba(24, 26, 28, .62);
  --surface-muted: rgba(18, 20, 22, .74);
  --glass-weak: rgba(28, 30, 32, .44);
  --glass-medium: rgba(28, 30, 32, .64);
  --glass-strong: var(--dark-glass-strong, rgba(28, 30, 32, .88));
  --text-primary: var(--dark-text, #F5F7F8);
  --text-secondary: var(--dark-text-secondary, #AEB4B8);
  --text-tertiary: var(--dark-text-muted, #7E858A);
  --icon-primary: var(--dark-text, #F5F7F8);
  --icon-secondary: var(--dark-text-secondary, #AEB4B8);
  --icon-active: var(--dark-text, #F5F7F8);
  --border-soft: var(--dark-border-soft, rgba(255, 255, 255, .08));
  --border-medium: var(--dark-border, rgba(255, 255, 255, .14));
  --separator: var(--dark-divider, rgba(255, 255, 255, .10));
  --shadow-soft-color: rgba(0, 0, 0, .28);
  --shadow-medium-color: var(--dark-shadow, rgba(0, 0, 0, .42));
  --neutral-inner-light: inset 0 1px 0 rgba(255, 255, 255, .12);
  --glass-tint: 24, 26, 28;
  --glass-highlight: rgba(255, 255, 255, .12);}
body,
.az-branches,
.az-reservation{background: var(--page-background);
  color: var(--text-primary);}
body,
button,
input,
select,
textarea{color: var(--text-primary);}
.az-home p,.az-section-head p,.az-campaign-card p,.az-table__copy small {color: var(--text-secondary);}
.az-header{color: var(--text-primary);}
.az-header__inner,
.liquid-glass,
.glass-navigation,
.glass-modal,
.glass-bottom-sheet,
.glass-toast{border: 1px solid var(--border-medium);
  background: linear-gradient(180deg, var(--glass-strong) 0%, var(--glass-weak) 100%);
  box-shadow: var(--neutral-shadow-medium), var(--neutral-inner-light);
  -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);
  backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);}
.az-desktop-nav a,
.az-header__actions a,
.az-header__actions button,
.az-mobile-panel a{color: var(--text-primary);}
.az-desktop-nav a::after{display: none;}
.az-desktop-nav a:hover,
.az-desktop-nav a:focus-visible{background: var(--glass-weak);}
.az-desktop-nav a{padding: 8px 10px; border-radius: 12px;}
.az-desktop-nav a[aria-current="page"]{background: var(--glass-medium); font-weight: 700;}
.az-icon-action,
.az-compact-action,
.az-menu-toggle,
.az-order-button,
.az-register-link{border: 1px solid var(--border-soft);
  background: var(--glass-weak);
  box-shadow: var(--neutral-inner-light);
  color: var(--text-primary);}
.az-order-button{border-color: var(--border-medium);
  background: var(--glass-strong);
  box-shadow: var(--neutral-shadow-soft), var(--neutral-inner-light);}
.az-icon-action:hover,
.az-compact-action:hover,
.az-menu-toggle:hover,
.az-order-button:hover{border-color: var(--border-medium); background: var(--glass-strong);}
.az-points-link{color: var(--text-primary);}
.az-cart-link .mobile-cart-count{border-color: var(--surface-primary);
  background: var(--text-primary);
  color: var(--page-background);}
.az-mobile-panel{border: 1px solid var(--border-medium);
  background: var(--glass-strong);
  box-shadow: var(--neutral-shadow-medium), var(--neutral-inner-light);
  -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);
  backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);}
.az-mobile-panel>div{border-color: var(--separator);}
/* Photography keeps its natural color. Overlays are neutral only. */


.az-eyebrow i{background: currentColor; opacity: .55;}
/* Glass is reserved for upper-layer functional surfaces. */
.az-quick-grid>a,
.az-loyalty__card>div:not(.anzelha-login-callout),
.az-sheet__panel,
.contact-sheet__panel,
.anzelha-toast{border: 1px solid var(--border-medium);
  background: linear-gradient(180deg, var(--glass-strong), var(--glass-medium));
  box-shadow: var(--neutral-shadow-medium), var(--neutral-inner-light);
  color: var(--text-primary);
  -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);
  backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);}
.az-section-head>div>span,.az-section-head>a,.az-reservation__layout>div:first-child>span,.az-eyebrow--dark,.az-eyebrow--gold,.az-category-card span,.az-campaign-card small,.az-campaign-card a,.az-reservation__layout>div:first-child>a,.az-service-fallback a {color: var(--text-secondary);}
/* Content cards stay flat and readable,.az-empty-state,.az-service-fallback,.az-branch-card {border: 1px solid var(--border-soft);
  background: var(--surface-primary);
  box-shadow: 0 8px 24px var(--shadow-soft-color);
  color: var(--text-primary);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;}
.az-campaign-card:hover,.az-branch-card:hover {transform: translateY(-2px); box-shadow: var(--neutral-shadow-medium);}
.az-campaign-card__image:not(:has(img)) {background: linear-gradient(135deg, #d9d9d7, #8d8d8b);}
.az-branch-card__actions a,.az-branch-card__actions .primary,.az-campaign-card li,.az-table__list span {border: 1px solid var(--border-soft);
  background: var(--surface-secondary);
  box-shadow: var(--neutral-inner-light);
  color: var(--text-primary);}
.az-branch-card__actions .primary {border-color: var(--border-medium);
  background: var(--glass-strong);
  font-weight: 700;}
.az-loyalty__features span,
.az-loyalty__balance,
.az-loyalty__metrics>div{border: 1px solid var(--border-soft);
  background: var(--surface-secondary);
  color: var(--text-primary);}
.az-loyalty__balance span,
.az-loyalty__metrics span{color: var(--text-secondary);}
.az-loyalty__balance strong,
.az-loyalty__metrics strong{color: var(--text-primary);}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.az-reservation .anzelha-premium-form input,
.az-reservation .anzelha-premium-form select,
.az-reservation .anzelha-premium-form textarea{min-height: 48px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: var(--surface-secondary);
  box-shadow: var(--neutral-inner-light);
  color: var(--text-primary);}
input:focus-visible,
select:focus-visible,
textarea:focus-visible{border-color: var(--border-medium);
  outline: 2px solid var(--text-primary);
  outline-offset: 2px;
  box-shadow: var(--neutral-inner-light);}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{min-height: 48px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: var(--surface-secondary);
  box-shadow: var(--neutral-inner-light);
  color: var(--text-primary);}
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon{border: 1px solid var(--border-soft);
  border-radius: 20px;
  background: var(--surface-primary);
  box-shadow: 0 8px 24px var(--shadow-soft-color);
  color: var(--text-primary);}
.az-sheet__backdrop{background: rgba(0, 0, 0, .46);}
.az-sheet__handle{background: var(--text-tertiary);}
.az-sheet__close,
.contact-sheet__close,
.az-sheet__branches button,
.sheet-action{border: 1px solid var(--border-soft);
  background: var(--glass-weak);
  color: var(--text-primary);}
.az-sheet__product strong,
.sheet-action>.anzelha-icon{color: var(--text-primary);}
/* Neutral iOS-style actions. */
.az-button,
.button,
.btn,
.mini-add,
.single_add_to_cart_button,
.checkout-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.anzelha-premium-form button,
.anzelha-order-preferences button{min-height: 44px;
  border: 1px solid var(--border-medium);
  border-radius: 14px;
  background: var(--glass-strong);
  box-shadow: var(--neutral-shadow-soft), var(--neutral-inner-light);
  color: var(--text-primary);
  font-weight: 600;
  transition: transform 160ms cubic-bezier(.16, 1, .3, 1), opacity 160ms ease, border-color 180ms ease, background-color 180ms ease;}
.az-button:hover,
.button:hover,
.btn:hover,
.mini-add:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.anzelha-premium-form button:hover,
.anzelha-order-preferences button:hover{border-color: var(--border-medium);
  background: var(--glass-strong);
  box-shadow: var(--neutral-shadow-medium), var(--neutral-inner-light);
  color: var(--text-primary);
  transform: translateY(-1px);}
.az-button:active,
.button:active,
.btn:active,
.mini-add:active,
.single_add_to_cart_button:active,
.checkout-button:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.anzelha-premium-form button:active,
.anzelha-order-preferences button:active{transform: scale(.97); opacity: .88;}
button:disabled,
.button:disabled,
[aria-disabled="true"]{opacity: .42; box-shadow: none; cursor: not-allowed;}
:where(a,button,input,select,textarea,[tabindex]):focus-visible,
.anzelha-icon-button:focus-visible,
.az-mobile-tabs a:focus-visible,
.az-text-action:focus-visible,
.sheet-action:focus-visible,
.favorites-toggle:focus-visible{outline: 2px solid var(--text-primary);
  outline-offset: 3px;}
.az-mobile-tabs{border: 1px solid var(--border-medium);
  background: linear-gradient(180deg, var(--glass-strong), var(--glass-medium));
  box-shadow: var(--neutral-shadow-medium), var(--neutral-inner-light);
  -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);
  backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(108%);}
.az-mobile-tabs a{color: var(--icon-secondary);}
.az-mobile-tabs a[aria-current="page"]{border: 1px solid var(--border-medium);
  background: var(--glass-strong);
  box-shadow: var(--neutral-inner-light);
  color: var(--icon-primary);
  font-weight: 700;
  transform: scale(1.02);}
/* 7.56.0: liquid-glass katmanındaki footer renk ezmeleri kaldırıldı — otorite surface-system.css. */
@media (max-width: 1280px) and (min-width: 768px){.az-header__inner{grid-template-columns: 166px 1fr;}.az-menu-toggle{display: grid;}}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.az-header__inner,
  .az-mobile-tabs,
  .az-mobile-panel,
  .az-quick-grid>a,
  .az-sheet__panel,
  .contact-sheet__panel{background: var(--surface-primary);}}
@media (prefers-reduced-motion: reduce){.az-button,
  .button,
  .btn,
  .az-mobile-tabs a,
  .az-header__inner{transition: none!important;}}
/* Button-like contact triggers keep the surrounding neutral link treatment. */
footer address button,.az-mobile-panel>div button{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer;border:0;background:transparent;padding:0;}
/* Header menu geometry and contrast — desktop mega panel / mobile bottom sheet. */
:root{--site-gutter:clamp(28px,2vw,30px);--site-max-width:1480px;}
.az-header{right:0;left:0;width:min(calc(100% - (var(--site-gutter) * 2)),var(--site-max-width));max-width:none;margin-inline:auto;}
.az-header__inner{grid-template-columns:minmax(150px,190px) minmax(300px,1fr) auto;box-sizing:border-box;width:100%;}
.az-menu-toggle{flex:0 0 44px;}
.header-points-label{font-style:normal;}
.header-points-value{font-weight:750;}
.anzelha-menu-panel[hidden]{display:none!important;}
.anzelha-menu-panel{position:absolute;z-index:40;/* G6: .az-header sabit konum bağlamının İÇİ — global ölçekle yarışmaz */top:calc(100% + 10px);right:0;left:0;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;border:0;border-radius:0;background:transparent;box-shadow:none;color:#171717;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;}
.anzelha-menu-panel__backdrop{display:none;}
.anzelha-menu-panel>.anzelha-menu-panel__surface{position:relative;display:block;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;margin:0;padding:0;border:1px solid rgba(0,0,0,.10);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(0,0,0,.18);color:#171717;-webkit-backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(130%);backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(130%);}
.anzelha-menu-panel__handle{display:none;}
.anzelha-menu-panel__header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 4px;color:#171717;}
.anzelha-menu-panel__header small{color:#666;font-size:11px;font-weight:700;letter-spacing:.14em;}
.anzelha-menu-panel__header h2{margin:2px 0 0;color:#171717;font-size:23px;line-height:1.15;}
.anzelha-menu-panel .anzelha-menu-panel__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.10);border-radius:12px;background:rgba(255,255,255,.62);color:#171717;cursor:pointer;}
.anzelha-menu-panel__content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:clamp(32px,6vw,96px)!important;row-gap:8px!important;padding:18px 26px 22px!important;}
.anzelha-menu-panel .anzelha-menu-panel__link{display:flex!important;align-items:center;min-height:46px;padding:0 12px!important;border-radius:12px;color:#2f2f2f!important;font-size:16px!important;font-weight:560!important;opacity:1!important;text-decoration:none;mix-blend-mode:normal;}
.anzelha-menu-panel .anzelha-menu-panel__link:hover,.anzelha-menu-panel .anzelha-menu-panel__link:focus-visible{background:rgba(0,0,0,.055)!important;color:#111!important;outline:none;}
.anzelha-menu-panel__footer{display:flex;align-items:center;gap:18px;margin:0!important;padding:18px 26px!important;border-top:1px solid rgba(0,0,0,.10)!important;}
.anzelha-menu-panel__footer a,.anzelha-menu-panel__footer button{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-height:46px;padding:4px 12px!important;border:0;border-radius:12px;background:transparent;color:#3a3025!important;font:inherit;text-decoration:none;opacity:1;cursor:pointer;}
.anzelha-menu-panel__footer a:hover,.anzelha-menu-panel__footer button:hover,.anzelha-menu-panel__footer a:focus-visible,.anzelha-menu-panel__footer button:focus-visible{background:rgba(0,0,0,.055);outline:2px solid #171717;outline-offset:2px;}
.anzelha-menu-panel__footer span{color:#666;font-size:12px;}
.anzelha-menu-panel__footer strong{color:#3a3025;font-size:15px;}
html[data-theme="dark"] .anzelha-menu-panel__surface{border-color:var(--dark-border,rgba(255,255,255,.14));background:rgba(24,26,28,.94);color:var(--dark-text,#F5F7F8);}
html[data-theme="dark"] .anzelha-menu-panel__header,html[data-theme="dark"] .anzelha-menu-panel__header h2{color:var(--dark-text,#F5F7F8);}
html[data-theme="dark"] .anzelha-menu-panel__header small,html[data-theme="dark"] .anzelha-menu-panel__footer span{color:var(--dark-text-secondary,#AEB4B8);}
html[data-theme="dark"] .anzelha-menu-panel .anzelha-menu-panel__link,html[data-theme="dark"] .anzelha-menu-panel__footer a,html[data-theme="dark"] .anzelha-menu-panel__footer button,html[data-theme="dark"] .anzelha-menu-panel__footer strong{color:var(--dark-text,#F5F7F8)!important;}
html[data-theme="dark"] .anzelha-menu-panel__close{border-color:var(--dark-border,rgba(255,255,255,.14));background:rgba(28,30,32,.82);color:var(--dark-text,#F5F7F8);}
html[data-theme="dark"] .anzelha-menu-panel .anzelha-menu-panel__link:hover,html[data-theme="dark"] .anzelha-menu-panel .anzelha-menu-panel__link:focus-visible,html[data-theme="dark"] .anzelha-menu-panel__footer a:hover,html[data-theme="dark"] .anzelha-menu-panel__footer button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
/* Desktop nav dropdowns — quick access to menu categories and branches. */
.az-nav-item{position:relative;display:flex;align-items:center;}
.az-nav-trigger{display:inline-flex!important;align-items:center;gap:4px;}
.az-nav-trigger .anzelha-icon--chevron-down{width:13px;height:13px;transition:transform .18s ease;}
.az-nav-trigger[aria-expanded="true"] .anzelha-icon--chevron-down{transform:rotate(180deg);}
.az-nav-drop[hidden]{display:none;}
.az-nav-drop{position:absolute;z-index:var(--az-layer-dropdown);top:calc(100% + 10px);left:50%;width:264px;padding:10px;border:1px solid var(--border-medium);border-radius:18px;background:linear-gradient(180deg,var(--glass-strong) 0%,var(--glass-medium) 100%);box-shadow:var(--neutral-shadow-medium),var(--neutral-inner-light);-webkit-backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(120%);backdrop-filter:blur(var(--az-blur-sm, 8px)) saturate(120%);transform:translateX(-50%);display:flex;flex-direction:column;gap:2px;}
.az-nav-drop--branches{width:236px;}
.az-nav-drop a{display:flex;flex-direction:column;gap:1px;padding:9px 12px;border-radius:12px;color:var(--text-primary);text-decoration:none;}
.az-nav-drop a:hover,.az-nav-drop a:focus-visible{background:var(--glass-weak);outline:none;}
.az-nav-drop strong{font-size:.86rem;font-weight:650;}
.az-nav-drop small{color:var(--text-secondary);font-size:.72rem;font-weight:400;}
.az-nav-drop__all{flex-direction:row!important;align-items:center;justify-content:space-between;margin-top:4px;padding-top:10px;border-top:1px solid var(--separator);color:var(--text-secondary)!important;font-size:.78rem;font-weight:650;}
.az-nav-drop__all svg{width:14px;height:14px;}
@media(max-width:1439px){.header-user-name{display:none;}.az-account-action{width:44px;min-width:44px;padding-inline:0;}.az-header__actions{gap:5px;}}
@media(min-width:1024px){.az-search-action,.az-account-action,.az-points-link{display:inline-flex;}}
@media(max-width:1439px) and (min-width:1024px){.az-header__inner{grid-template-columns:150px minmax(330px,1fr) auto;padding-inline:12px;}.az-brand,.az-brand>img{max-width:140px;}.header-points-label{display:none;}.az-points-link{min-width:44px;padding-inline:8px;}.header-order-button{padding-inline:12px;}.az-header__actions{gap:4px;}}
@media(max-width:1023px){.az-header{--site-gutter:clamp(16px,2vw,24px);}.az-header__inner{grid-template-columns:minmax(120px,150px) 1fr;}.az-header__actions{grid-column:2;}.az-points-link,.az-register-link,.header-order-button{display:none;}.az-search-action,.az-account-action{display:inline-flex;}.anzelha-menu-panel{position:fixed;z-index:var(--z-panel);inset:0;width:100%;max-width:none;height:100%;color:#171717;}.anzelha-menu-panel__backdrop{position:absolute;display:block;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.34);}.anzelha-menu-panel>.anzelha-menu-panel__surface{position:absolute;right:0;bottom:0;left:0;width:100%;max-height:85dvh;overflow-y:auto;border-width:1px 0 0;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;}.anzelha-menu-panel__handle{display:block;width:42px;height:5px;margin:9px auto 0;border-radius:99px;background:rgba(0,0,0,.22);}.anzelha-menu-panel__header{position:sticky;z-index:2;top:0;padding:13px 18px 8px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(var(--az-blur-lg, 16px));backdrop-filter:blur(var(--az-blur-lg, 16px));}.anzelha-menu-panel__content{grid-template-columns:1fr!important;gap:4px!important;padding:10px 18px 16px!important;}.anzelha-menu-panel .anzelha-menu-panel__link{min-height:48px;padding-inline:12px!important;}.anzelha-menu-panel__footer{position:sticky;bottom:0;flex-wrap:wrap;gap:6px;padding:14px 18px calc(14px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(var(--az-blur-sm, 8px));backdrop-filter:blur(var(--az-blur-sm, 8px));}html[data-theme="dark"] .anzelha-menu-panel__header,html[data-theme="dark"] .anzelha-menu-panel__footer{background:rgba(24,26,28,.94);}}
@media(max-width:430px){.az-header{--site-gutter:10px;}.az-header__inner{grid-template-columns:120px 1fr;}.az-brand{width:120px;}.az-brand .anzelha-brand-logo{width:116px;height:116px;max-width:116px;}.az-search-action,.az-account-action,.az-cart-link,.az-menu-toggle{width:40px;min-width:40px;height:40px;}.az-header__actions{gap:3px;}}
@media(max-width:350px){.az-search-action{display:none;}.az-header__inner{grid-template-columns:118px 1fr;}.az-brand{width:118px;}}
@media(prefers-reduced-motion:reduce){.anzelha-menu-panel__surface,.anzelha-menu-panel__link,.anzelha-menu-panel__close{scroll-behavior:auto;transition:none!important;}}
/* CLR-1 (a11y, 2026-07-27): açık modda varsayılan odak halkası altın (#c79a4b ~2.58:1, <3:1) yerine yüksek-kontrast marka kırmızısı. (0,2,1) özgüllük tüm temel :focus-visible + :where + ops .anzelha-premium-form altın halkalarını geçer; yalnız outline-color değişir, offset/width korunur; koyu modda eşleşmez → turkuaz korunur. */
html:not([data-theme="dark"]) :focus-visible{outline-color:#E3262E}

/* CLR-P3c (2026-07-27): temalı metin seçimi — koyu zeminde varsayılan highlight kontrastı zayıf. Marka-kırmızı düşük-alfa tint, metin rengi korunur → iki temada da okunur. */
::selection{background:rgba(226,30,43,.22)}


/* ==================== fonts.css ==================== */
/* Plus Jakarta Sans + Playfair Display — locally hosted under the SIL Open Font License. */
/* FINAL MASTER DESIGN (2026-07-20): display başlıklar Playfair Display; gövde metin
   Apple cihazlarda SF Pro veren sistem yığını (SF Pro lisans gereği barındırılamaz —
   -apple-system tam olarak SF Pro Text/Display verir), diğer platformlarda
   Plus Jakarta Sans yerel dosyadan iner. */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/playfair-display/playfair-display-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/playfair-display/playfair-display-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Gövde: Apple'da SF Pro (sistem), diğerlerinde Plus Jakarta Sans (yerel woff2). */
  --anzelha-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Plus Jakarta Sans", "Segoe UI", sans-serif;
  /* Display başlık: Playfair Display (yerel woff2), serif zarif yedeklerle. */
  --anzelha-font-display: "Playfair Display", "Iowan Old Style", "Times New Roman", Georgia, serif;
  --heading: var(--anzelha-font);
  --body: var(--anzelha-font);
  --wp--preset--font-family--heading: var(--anzelha-font);
  --wp--preset--font-family--body: var(--anzelha-font);
}

html,
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.woocommerce,
.woocommerce button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea {
  font-family: var(--anzelha-font);
  font-optical-sizing: auto;
}


/* ==================== language.css ==================== */
.az-language-switch{display:inline-flex;align-items:center;min-height:44px;padding:3px;border:1px solid var(--border-soft,rgba(0,0,0,.07));border-radius:14px;background:var(--glass-weak,rgba(255,255,255,.44));box-shadow:inset 0 1px 0 rgba(255,255,255,.48);color:var(--text-primary,#171717)}
.az-language-switch a{display:grid;place-items:center;min-width:36px;min-height:36px;padding:0 7px;border:1px solid transparent;border-radius:10px;color:inherit;font-size:.72rem;font-weight:650;line-height:1;text-decoration:none;transition:background-color 180ms ease,border-color 180ms ease,opacity 180ms ease,transform 180ms ease}
.az-language-switch a:hover{background:var(--glass-strong,rgba(255,255,255,.8))}.az-language-switch a:active{transform:scale(.96)}.az-language-switch a:focus-visible{outline:2px solid currentColor;outline-offset:2px}html[data-theme="dark"] .az-language-switch{color:var(--text-primary,var(--dark-text, #F5F7F8))}
@media(max-width:1179px){.az-language-switch{min-height:42px}.az-language-switch a{min-width:32px;min-height:34px;padding-inline:5px}}
@media(max-width:1023px){.az-header__actions .az-language-switch{order:3}}
@media(max-width:430px){.az-language-switch{padding:2px;border-radius:12px}.az-language-switch a{min-width:29px;min-height:34px;padding-inline:3px;font-size:.66rem}}
@media(max-width:350px){.az-language-switch a{min-width:27px}}
@media(prefers-reduced-motion:reduce){.az-language-switch a{transition:none}}
/* 7.51.0 — bayrak emojisi yerine SVG küre: pil içinde ikon üstte, kod altta
   (eski bayrak yerleşimiyle aynı). Header'ın genel 22px işlem ikonu kuralını
   (design-system) bu bağlamda küçük boyut ezer — pil 36px içinde taşmaz. */
.az-language-switch a .anzelha-icon{width:15px;height:15px;flex:0 0 auto;stroke-width:1.8}


/* ==================== store-tokens.css ==================== */
/* ============================================================
   ANZELHA MAĞAZA — TEK RENK VE ÖLÇÜ MERKEZİ (7.298.0)
   ------------------------------------------------------------
   Mağaza talimatı §2: "Bütün renkleri tek merkezde CSS
   değişkenleriyle tanımla. Kartların veya sayfaların içinde ayrı
   renk kodları kullanma."

   Bu dosya ürün kartı, ürün detay paneli ve sepet panelinin TEK
   renk/ölçü kaynağıdır. product-card.css, menu-detail-reference.css,
   cart-experience.css ve design-system.css'in mağaza bloğu yalnızca
   buradaki tokenları tüketir; hiçbiri kendi ham renk kodunu üretmez.

   Marka tokenları (--anzelha-*) genel adlardır ve tema genelinde
   kullanılabilir. Yüzey tokenları bilinçli olarak `--store-*` ön ekiyle
   yazılmıştır: design-system.css'te aynı adlı (--surface-primary,
   --text-primary …) tokenlar BAŞKA anlamlarla zaten yaşıyor; onları
   ezmek tüm siteyi bozardı. Mağaza yüzeyleri bu ön ekli kümeyi okur.
   ============================================================ */

:root {
  /* 7.526.0 — Anzelha renk sisteminin tek semantik kaynağı.
     Aksiyon her temada kırmızıdır; turkuaz yalnız marka/puan vurgusudur. */
  --action: #D93036;
  --action-hover: #C0272D;
  --action-pressed: #A91F25;
  --action-soft: rgb(217 48 54 / .13);
  --action-rgb: 217 48 54;
  --on-action: #FFFFFF;
  --brand: #3FC6C6;
  --brand-deep: #0D7473;
  --brand-tx: #0D7473;
  --brand-soft: rgb(63 198 198 / .13);
  --success: #18864B;
  --warning: #D97706;

  /* ---------- Marka aksanı — açık mod kırmızı ----------
     7.309.5: koyu mod aynı değişkenleri aşağıda merkezî turkuaz palete
     çevirir. Başarı, hata, uyarı ve WhatsApp durum renkleri ayrıdır. */
  --anzelha-red: var(--action);
  --anzelha-red-hover: var(--action-hover);
  --anzelha-red-active: var(--action-pressed);
  --anzelha-red-soft: var(--action-soft);
  --anzelha-red-rgb: var(--action-rgb);

  --anzelha-success: var(--success);
  --anzelha-warning: var(--warning);
  --anzelha-whatsapp: #25D366;

  /* ---------- Ortak yarıçap ve hareket ---------- */
  --radius-panel: 28px;
  --radius-card: 24px;
  --radius-control: 16px;
  --transition-ui: 180ms ease;

  /* ---------- Ürün kartı sabitleri (talimat §1) ---------- */
  --product-card-radius: 24px;
  --product-card-media-ratio: 16 / 10;
  --product-card-button-height: 54px;
  --product-card-gap: 16px;

  /* ---------- Mağaza yüzeyleri — AÇIK MOD ----------
     Talimat §2: ana zemin ve kart zeminleri SAF BEYAZ; krem/bej/mavi
     veya turkuaz zemin kullanılmaz. */
  --store-bg: #F7F9F9;
  --store-bg-2: #F1F4F4;
  --store-surface: #FFFFFF;
  --store-surface-2: #F1F4F4;
  --store-surface-raised: #FFFFFF;

  --store-ink: #15191A;
  --store-ink-2: #667174;
  --store-ink-3: #98A2A5;

  --store-line: #E0E6E7;
  --store-line-strong: #C9D2D4;

  --store-shadow: 0 12px 32px rgba(16, 24, 40, .08);
  --store-overlay: rgba(9, 10, 12, .42);

  /* Puan/başarı bilgisi: yeşil YALNIZ burada ve WhatsApp/Helal'de. */
  --store-success-soft: rgba(24, 134, 75, .09);
  --store-success-line: rgba(24, 134, 75, .28);
}

/* ---------- Mağaza yüzeyleri — KOYU MOD ---------- */
[data-theme="dark"] {
  --brand-tx: var(--brand);
  --store-bg: #0B0D0E;
  --store-bg-2: #111516;
  --store-surface: #16191A;
  --store-surface-2: #1E2224;
  --store-surface-raised: #16191A;

  --store-ink: #F4F7F7;
  --store-ink-2: #AAB4B6;
  --store-ink-3: #748083;

  --store-line: rgba(248, 248, 245, .14);
  --store-line-strong: rgba(248, 248, 245, .24);

  --store-shadow: 0 18px 44px rgba(0, 0, 0, .34);
  --store-overlay: rgba(0, 0, 0, .72);

  /* Aksiyon koyu modda da kırmızı kalır. Marka turkuazı dolgu değildir. */
  --anzelha-red: var(--action);
  --anzelha-red-hover: var(--action-hover);
  --anzelha-red-active: var(--action-pressed);
  --anzelha-red-soft: var(--action-soft);
  --anzelha-red-rgb: var(--action-rgb);
  --store-success-soft: rgba(63, 155, 95, .16);
  --store-success-line: rgba(63, 155, 95, .34);
}

/* Koyu modda başarı/puan yazısı okunur bir yeşile taşınır (AA):
   #18864B koyu zeminde yeterli kontrast vermez.
   NOT: `--anzelha-success` anzelha.bundle.css'te de tanımlıdır ve orada koyu
   varyantı `html[data-theme="dark"]` özgüllüğüyle yazılır; bu yüzden buradaki
   koyu tanım da AYNI özgüllükte (html + öznitelik) yazılmak zorundadır —
   yalnız `[data-theme="dark"]` yazılırsa bundle'ın değeri kazanır. */
html[data-theme="dark"] {
  --anzelha-success: #58C489;
}


/* ==================== design-system.css ==================== */
/* ============================================================
   ANZELHA DESIGN SYSTEM — TEK KAYNAK (Master Revision Faz 1)
   Hiçbir sayfa kendi tasarımını üretmez; grid, boşluk, radius,
   blur, gölge, kenarlık, ikon, buton, kart, tipografi ve hareket
   kararları bu tokenlardan gelir. Yüzey (blur/arka plan) kararlarının
   otoritesi surface-system.css'tir; bu dosya yapısal tokenları verir.
   ============================================================ */
/* ------------------------------------------------------------
   7.60.0 — BREAKPOINT SÖZLEŞMESİ (Ana Düzeltme md.2). CSS medya
   sorguları custom property okuyamadığından tokenlar belge olarak
   burada yaşar; her @media bu değerlerden birini kullanmak ZORUNDA,
   JS matchMedia değerleri de bunlarla birebir aynıdır (main.js):
   - 359px  : çok dar telefon (yalnız daraltma ince ayarı)
   - 599px  : footer tek kolon + footer accordion (JS: 599)
   - 700px  : kompakt telefon tabanı (bundle/design/surface; JS compactViewport)
   - 768px  : MOBİL UYGULAMA KOMPOZİSYONU sınırı — alt bar, çekmece,
              mobil header (mobile-app.css tek otorite)
   - 782px  : WP admin-bar sabiti (WordPress değeri, değiştirilemez)
   - 1023/1024px: hamburger ↔ masaüstü nav geçişi (JS menuMobile: 1023)
   - 1100/1280/1440px: geniş yerleşim kırılımları
   Bu liste dışına yeni px eşiği EKLENMEZ.
   ------------------------------------------------------------ */
:root {
  /* 7.451.0 — TÜM MÜŞTERİ FORMLARININ TEK RENK OTORİTESİ.
     Logo kendi siyah/turkuaz dosyasını kullanmaya devam eder; aşağıdaki
     tokenlar yalnız form adımı, seçim, alan odağı ve işlem düğmelerinindir. */
  /* Form aksanı MERKEZÎ tokenı okur → açık modda kırmızı, koyu modda
     turkuaz. Sabit #E31826 bırakılırsa formlar/ödeme/rezervasyon/puan
     paneli koyu modda kırmızı kalır ve sayfanın geri kalanıyla çelişir
     ("biri kırmızı biri turkuaz"). --form-primary-ink dolgunun ÜSTÜNDEKİ
     metindir: açıkta beyaz, koyuda koyu (turkuaz üstünde beyaz 2.14:1). */
  --form-primary: var(--action, #D93036);
  --form-primary-hover: var(--action-hover, #C0272D);
  --form-primary-pressed: var(--action-pressed, #A91F25);
  --form-primary-ink: var(--theme-accent-contrast, #FFFFFF);
  --form-primary-soft: rgb(var(--action-rgb, 217 48 54) / .10);
  --form-primary-border: rgb(var(--action-rgb, 217 48 54) / .38);
  --form-surface: #FFFFFF;
  --form-background: #F6F7F9;
  --form-border: #DFE2E7;
  --form-divider: #E7E9ED;
  --form-text: #15171A;
  --form-text-secondary: #666B74;
  --form-disabled: #A8ADB5;
  --form-success: #159447;
  --form-warning: #D97706;
  --form-error: #D91522;

  /* Grid ve boşluk (4'lük ölçek) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-7: 28px;
  /* Final talimat (2026-07-20) md.4 — cam blur ölçeği TEK TOKEN yapısı:
     kapsül/ikon camları (sm) → panel (md) → kart (lg) → geniş yüzey (xl).
     Ana yüzey kademesi ayrıca --anz-blur'dan gelir (surface-system);
     tüm literal blur'lar bu token'lara aynı değerli fallback ile bağlandı —
     görünüm birebir aynıdır, artık tek elden yönetilir. */
  --az-blur-sm: 8px; --az-blur-md: 12px; --az-blur-lg: 16px; --az-blur-xl: 20px;  /* Header yüksekliği: tüm scroll-margin/scroll-padding hesapları buradan türer.
     7.60.0: statik yedek gerçek yükseklikle (surface-system 64px) hizalandı;
     çalışma anında main.js ölçüp gerçek değeri yazar. */
  --az-header-h: 64px;

  /* Radius */
  --r-chip: 999px; --r-control: 12px; --r-field: 14px;
  --r-card: 16px;  --r-panel: 22px;   --r-sheet: 26px; --r-hero: 32px;

  /* Kenarlık ve gölge */
  --stroke-icon: 1.8;
  --border-1: 1px solid var(--az-line, rgba(20, 18, 14, .09));
  --shadow-1: 0 4px 14px rgba(30, 24, 16, .05);
  --shadow-2: 0 8px 24px rgba(30, 24, 16, .08);
  --shadow-3: 0 16px 44px rgba(30, 24, 16, .14);

  /* Tipografi (tek aile, tek ölçek) */
  --text-xs: 12px; --text-sm: 13.5px; --text-base: 15px; --text-md: 16.5px;
  --text-lg: 20px;--leading-normal: 1.5; --leading-loose: 1.7;
  --w-medium: 550; --w-semibold: 650; --w-bold: 750;

  /* Hareket (yalnız transform/opacity) */
  --motion-fast: 160ms; --motion-base: 240ms; --motion-slow: 420ms;
  --motion-ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Master vurgu paleti (7.309.5): açık mod kırmızı, koyu mod aşağıdaki
     merkezî turkuaz. WhatsApp ve durum renkleri bu akıştan bağımsızdır. */
  --red: var(--theme-accent, #E3262E);
  --red-deep: var(--theme-accent-pressed, #B51C24);
  --red-soft: rgb(var(--anzelha-red-rgb, 227 38 46) / .14);
  --shadow-red: 0 8px 24px rgb(var(--anzelha-red-rgb, 227 38 46) / .26);
  --az-red: var(--red);
  --az-red-deep: var(--red-deep);
  --az-red-soft: var(--red-soft);

  /* 7.70.0 (Modal Sheet Talimatı md.18): katman ölçeği TEK yerden — overlay
     katmanları rastgele z-index yükseltmez, bu tokenları kullanır. */
  --z-header: 1000;
  --z-whatsapp: 1200;
  --z-sheet-backdrop: 9998;
  --z-sheet: 9999;
}

html[data-theme="dark"],
body.dark {
  --form-surface: rgba(20, 22, 25, .88);
  --form-background: #08090B;
  --form-border: rgba(255, 255, 255, .15);
  --form-divider: rgba(255, 255, 255, .11);
  --form-text: #F7F8FA;
  --form-text-secondary: #A8ADB5;
  --form-disabled: #747982;
  --form-primary-soft: rgba(227, 24, 38, .14);
  --form-primary-border: rgba(255, 183, 189, .48);
}

/* Hamburger panel: gruplu navigasyon (numarasız). */
.anzelha-menu-panel__group {
  display: block;
  margin: var(--sp-5) 0 var(--sp-2);
  font-size: var(--text-xs);
  font-weight: var(--w-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--red, #d89a38);
}
.anzelha-menu-panel__group:first-child { margin-top: 0; }
.anzelha-menu-panel__link { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); }
.anzelha-menu-panel__link .anzelha-icon { width: 16px; height: 16px; opacity: .45; }
/* 7.70.0 (Modal Sheet Talimatı md.12): rozetli satırda ad + rozet TEK grupta
   kalır — rozet, ad ile sağ ok arasında yüzen bağımsız öğe gibi görünmez. */
.anzelha-menu-panel__label { display: inline-flex; align-items: center; gap: var(--sp-2, 8px); min-width: 0; }

/* 7.70.0 (Modal Sheet Talimatı md.5): overlay kilidi html'e de yazılır —
   body position:fixed (main.js) tek başına iOS Safari'de bounce'ı kesmez;
   overscroll zinciri kökten kapatılır. touch-action bilinçli olarak GLOBAL
   verilmez: panel içi liste kaydırması (pan-y) çalışmaya devam etmelidir. */
html.az-scroll-locked { overflow: hidden; overscroll-behavior: none; }
html.az-scroll-locked body { overscroll-behavior: none; }

/* İkon sistemi: TEK stroke kalınlığı, currentColor. */
.anzelha-icon { fill: none; stroke: currentColor; stroke-width: var(--stroke-icon); stroke-linecap: round; stroke-linejoin: round; }
.anzelha-icon-fill { fill: currentColor; stroke: none; }

/* Buton sistemi: tüm .az-button türevleri aynı iskelette. */
.az-button {
  min-height: 50px;
  border-radius: var(--r-chip);
  font-weight: var(--w-bold);
  letter-spacing: -.01em;
  transition: transform var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}
.az-button:active { transform: scale(.97); }
@media (hover: hover) { .az-button:hover { transform: translateY(-2px); } }

/* Rozet sistemi: tek stil (sepet sayacı dahil). */
.mobile-cart-count {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--r-chip);
  background: var(--red, #d89a38);
  color: #fff;
  font-size: 11px;
  font-weight: var(--w-bold);
  line-height: 1;
}

/* Header aksiyonları: tek boyut, tek hover. */
.az-header__actions .anzelha-icon-button,
.az-header__actions .az-icon-action,
.az-header__actions .az-compact-action {
  transition: transform var(--motion-fast) var(--motion-ease);
}
.az-header__actions .anzelha-icon-button:hover,
.az-header__actions .az-icon-action:hover,
.az-header__actions .az-compact-action:hover { background-color: var(--red-soft, rgba(216, 154, 56, .14)); }
.az-header__actions .anzelha-icon-button:active,
.az-header__actions .az-icon-action:active { transform: scale(.92); }

/* ------------------------------------------------------------------
   FINAL üç durumlu Çalışma Durumu ikonu (üst menü talimatı 2026-07-21).
   Görsel olarak YALNIZ üç durum vardır: AÇIK (yeşil #22C55E), AÇILIŞA
   KAPALI (turuncu #F59E0B), KAPALI/TATİL (kırmızı #EF4444). İkon çizgisi,
   dış halka, sağ üst durum noktası ve ışık yayılımı TEK --status-color /
   --status-glow değişkeninden beslenir. İkonun kendisi HİÇBİR durumda
   hareket etmez; yalnız ışık (box-shadow) ve nokta nefes alır. Renk tek
   başına bilgi vermez: iki satırlı tooltip + aria-label aynı durumu söyler.
   Durum kaynağı merkezî takvim servisidir (Anzelha_Premium_Schedule); üst
   menü kendi başına gün/saat hesaplamaz. */
.az-clock-action { position: relative; }

/* Üç kova — tek değişken çifti (talimatın TEKNİK DURUM SINIFLARI bölümü). */
.az-clock-action.az-status--open    { --status-color: #22C55E; --status-glow: rgba(34, 197, 94, .28); }
.az-clock-action.az-status--opening { --status-color: #F59E0B; --status-glow: rgba(245, 158, 11, .25); }
.az-clock-action.az-status--closed  { --status-color: #EF4444; --status-glow: rgba(239, 68, 68, .25); }

/* İkon çizgisi + dış halka + yumuşak ışık — hepsi durum renginden. Diğer
   header ikonları etkilenmez (yüksek seçici: .az-header__actions … ile). */
.az-header__actions .az-clock-action[data-az-status="open"],
.az-header__actions .az-clock-action[data-az-status="opening"],
.az-header__actions .az-clock-action[data-az-status="closed"] {
  color: var(--status-color);
  border-color: color-mix(in srgb, var(--status-color) 55%, transparent);
  box-shadow:
    0 0 0 1.5px color-mix(in srgb, var(--status-color) 42%, transparent), /* dış halka */
    0 0 12px 1px var(--status-glow);                                       /* yumuşak, sınırlı ışık (neon değil) */
}
/* Açıkta ışık hafifçe nefes alır (~2s, ease-in-out, sonsuz); yalnız ışık
   hareket eder, ikon kutusu sabittir. Turuncu/kırmızı daha sakin: statik. */
.az-header__actions .az-clock-action.az-status--open { animation: az-status-glow 2s ease-in-out infinite; }

/* Sağ üst durum noktası — 8px, durum rengiyle; yalnız üç durumda görünür. */
.az-clock-dot {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--status-color, #D39A35);
  box-shadow: 0 0 0 1.5px rgba(255, 253, 248, .9);
  display: none;
}
.az-clock-action.az-status--open .az-clock-dot,
.az-clock-action.az-status--opening .az-clock-dot,
.az-clock-action.az-status--closed .az-clock-dot { display: block; }
.az-clock-action.az-status--open .az-clock-dot { animation: az-status-blink 2s ease-in-out infinite; }
[data-theme="dark"] .az-clock-dot { box-shadow: 0 0 0 1.5px rgba(24, 26, 28, .9); }

@keyframes az-status-glow {
  0%, 100% { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--status-color) 42%, transparent), 0 0 8px 0 var(--status-glow); }
  50%      { box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--status-color) 58%, transparent), 0 0 18px 4px var(--status-glow); }
}
@keyframes az-status-blink {
  0%, 100% { opacity: 1; }
  50%      { opacity: .4; }
}

/* Özel iki satırlı tooltip (native title yerine): ikonun ~11px altında,
   ortalanmış, koyu cam zemin, beyaz yazı, 180ms fade + translateY. Üst menü
   dışına taşmaz; hover'da ikon yükselir (z-index) → diğer ikonların önünde. */
.az-clock-action:hover,
.az-clock-action:focus-within,
.az-clock-action.az-tip-open { z-index: 60; }
.az-clock-tip {
  position: absolute;
  top: calc(100% + 11px);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: max-content;
  max-width: min(62vw, 220px);
  padding: 7px 12px;
  border-radius: 12px;
  background: rgba(24, 20, 16, .93);
  -webkit-backdrop-filter: blur(12px) saturate(1.3);
  backdrop-filter: blur(12px) saturate(1.3);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 14px 32px -12px rgba(0, 0, 0, .55);
  color: #fff;
  text-align: center;
  line-height: 1.3;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms;
  z-index: 61;
}
.az-clock-tip::before { /* ikona bakan küçük ok */
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: rgba(24, 20, 16, .93);
}
.az-clock-tip__l1 { font-weight: 600; font-size: 13px; }
.az-clock-tip__l2 { font-weight: 400; font-size: 12px; font-style: normal; opacity: .82; }
.az-clock-tip__l2[hidden] { display: none; }
.az-clock-action:hover .az-clock-tip,
.az-clock-action:focus-visible .az-clock-tip,
.az-clock-action.az-tip-open .az-clock-tip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  transition: opacity 180ms ease, transform 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .az-header__actions .az-clock-action.az-status--open,
  .az-clock-action.az-status--open .az-clock-dot { animation: none; }
  .az-clock-tip { transition: opacity 180ms ease; }
}

/* ============================================================
   Anzelha Tasarım Sistemi — tüm sayfalar için tek grid, tek
   başlık düzeni, standart genişlik / boşluk / köşe ölçüleri.
   Bu dosya en son yüklenir ve hizalama otoritesidir.
   ============================================================ */

/* ---------- 1. Tokenlar ---------- */
:root {
  /* İçerik genişlikleri (madde 7) */
  --az-w-content: 1560px;   /* genel içerik (iOS 27 talimat 4) */
/* büyük tablolar */
  --az-w-form: 780px;       /* formlar        */
  --az-w-prose: 780px;      /* uzun metinler  */

  /* Dikey ritim (madde 8) */
  --az-sp-hero-top: clamp(64px, 8vw, 88px);    /* header sonrası boşluk */
  --az-sp-hero-gap: 14px;                      /* etiket ↔ başlık ↔ açıklama */
  --az-sp-hero-bottom: clamp(40px, 5vw, 56px); /* başlık alanı ↔ içerik */
  --az-sp-section: clamp(40px, 4vw, 56px);     /* ana bölümler arası */
  --az-sp-card: 20px;                          /* kartlar arası */

  /* Köşe ölçüleri (madde 18) */
  --az-radius-chip: 999px;
  --az-radius-field: 14px;
  --az-radius-card: 16px;
  --az-radius-panel: 22px;

  /* Tek yüzey dili: sakin gölge (madde 17) */
  --az-shadow-rest: 0 1px 2px rgba(10, 10, 10, .05), 0 4px 14px rgba(10, 10, 10, .05);

  /* ---- TEK BOŞLUK SİSTEMİ (denetim §3 P1) ----
     Header, ana içerik ve footer AYNI yatay ekseni (--page-inline) paylaşır;
     sayfa üst boşluğu YALNIZ header açıklığı + tek üst token'dan oluşur; alt
     boşluk yalnız tek alt token'dan. Değerler mevcut hesaplananla BİREBİR
     eşittir (parite) — davranış değişmez, otorite tekilleşir. Alt-bar rezervi
     yalnız `body`dedir (mobile-app.css), burada tekrar edilmez. */
  --page-inline: 24px;                              /* header/main/footer ortak yatay eksen */
  --page-top: var(--az-sp-hero-top);               /* header açıklığından SONRA üst boşluk */
  --page-bottom: var(--az-sp-section);             /* sayfa sonu alt boşluk */
  --section-gap: var(--az-sp-section);             /* ana bölümler arası */
  --header-clearance: 84px;                         /* sabit header + nefes payı (≤767: 66px) */
  --tabbar-clearance: calc(var(--az-tabs-clearance, 0px) + env(safe-area-inset-bottom));
}
@media (max-width: 767px) {
  :root {
    --az-sp-hero-top: clamp(32px, 6vw, 48px);
    --az-sp-hero-bottom: 32px;
    --az-sp-section: clamp(32px, 5vw, 40px);
    --az-sp-card: 14px;
    --page-inline: 16px;
    --header-clearance: 66px;
  }
}

/* ---------- 2. Tek grid: header, içerik ve footer aynı hizada (madde 6, 26) ---------- */
/* Tek kabuk: header, içerik ve footer AYNI --page-inline eksenini kullanır
   (madde 6, 26 + denetim §9 hizalama). Tek kural desktop+mobil kapsar; kırılım
   token değeriyle olur (≤767 --page-inline:16px). --az-shell geriye-uyum için korunur.
   Not: ≤1024 eski `--az-shell:calc(100%-48px)` kaldırıldı — o breakpoint'te viewport
   zaten <içerik ekseni olduğundan min() aynı sonucu verir (parite). */
:root { --az-shell: min(var(--az-w-content), calc(100% - 2 * var(--page-inline))); }
.wrap { width: min(var(--az-w-content), calc(100% - 2 * var(--page-inline))); margin-inline: auto; }
.az-header, .az-header.glass-navigation { padding: 0 var(--page-inline) !important; }
/* 7.56.0: buradaki footer grid şablonları ve kırılımları kaldırıldı — footer
   yerleşiminin TEK otoritesi surface-system.css'teki footer bloğudur. */
@media (min-width: 1720px) {
  :root { --az-shell: var(--az-w-content); }
  /* 7.51.0 — kapsül eni: 1480px sabit kalınca girişli kullanıcının adı
     görünür olduğu geniş ekranda (≥1720) üç kolon 1460px istiyor ve nav
     marka kutusuna biniyordu (1920'de ölçüldü). Kapsül, içerik ekseni
     (1560) ile uyumlu 1580'e açılır — ad dahil her öğe rahat sığar. */
  .az-header { max-width: none; --site-max-width: 1580px; }
}
@media (min-width: 1980px) {
  :root { --az-w-content: 1720px; }
}

/* Formlar ve uzun metinler kendi standart genişliğinde kalır */
.anzelha-premium-form { max-width: var(--az-w-form); }
.entry-content > p, .entry-content > ul, .entry-content > ol,
.entry-content > h2, .entry-content > h3, .ak-legal { max-width: var(--az-w-prose); }

/* ---------- 3. Sayfa hero: tek üst etiket + tek H1 + kısa açıklama (madde 3, 4) ---------- */
/* Üst boşluk YALNIZ header açıklığı + tek üst token (denetim §3 P1). Mobil değer
   --header-clearance token'ından gelir (≤767: 66px) — ayrı kural gerekmez. Parite:
   masaüstü calc(84px + hero-top), mobil calc(66px + hero-top) aynen korunur. */
.content-page { padding-top: calc(var(--header-clearance) + var(--page-top)) !important; padding-bottom: var(--page-bottom); }

.az-page-hero { max-width: none; margin: 0 0 var(--az-sp-hero-bottom); }
.az-page-hero__eyebrow {
  display: block;
  margin: 0 0 var(--az-sp-hero-gap);
  color: var(--red, #ff2d2d);
  font-family: var(--body, inherit);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.az-page-hero h1 {
  margin: 0;
  font-family: var(--body, inherit);
  font-size: clamp(30px, 4.2vw, 44px);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.02em;
  color: var(--ink, #0a0a0a);
}
.az-page-hero__lead, .az-page-hero > p {
  max-width: var(--az-w-prose);
  margin: var(--az-sp-hero-gap) 0 0;
  color: var(--muted, #6e6e73);
  font-size: 16.5px;
  line-height: 1.6;
}
.woo-page .woocommerce h1, .page-title h1 { font-size: clamp(30px, 4.2vw, 44px); }

/* ---------- Genel kategori dizini — modern iOS kart ızgarası ----------
   Mağaza, menü ve arşiv sayfalarında ortak kullanılır; her zaman yüklenir. */
.az-general-directory {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 14px;
  margin: 0 0 28px;
  padding: 0;
  border: 0;
  background: none;
}
.az-general-directory > .az-cat-card {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 22px;
  grid-template-areas: "icon body go";
  align-items: center;
  gap: 14px;
  min-height: 92px;
  padding: 18px 18px 18px 16px;
  color: var(--text-primary, #171717);
  border: 1px solid var(--border-soft, rgba(0,0,0,.07));
  border-radius: 22px;
  background: var(--surface-primary, rgba(255,255,255,.78));
  box-shadow: 0 1px 0 rgba(255,255,255,.5) inset;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 220ms cubic-bezier(.16, 1, .3, 1);
}
.az-cat-card__icon {
  grid-area: icon;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: var(--glass-weak, rgba(216,154,56,.1));
  color: var(--red, #d89a38);
}
.az-cat-card__icon svg { width: 24px; height: 24px; }
.az-cat-card__num {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--text-tertiary, #a0a0a5);
  font-variant-numeric: tabular-nums;
}
.az-cat-card__body { grid-area: body; min-width: 0; }
.az-cat-card__title {
  display: block;
  font-size: 1.06rem;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.az-cat-card__meta {
  display: block;
  margin-top: 4px;
  font-size: .82rem;
  color: var(--text-secondary, #646464);
}
.az-cat-card__go {
  grid-area: go;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary, #b0b0b5);
  transition: transform 220ms cubic-bezier(.16, 1, .3, 1);
}
.az-cat-card__go svg { width: 18px; height: 18px; }
@media (hover: hover) {
  .az-general-directory > .az-cat-card:hover {
    /* 7.48.0 — FINAL PREMIUM talimatı: kart kalkışı en fazla 2px. */
    transform: translateY(-2px);
    border-color: rgba(216,154,56,.36);
    background: var(--glass-medium, rgba(255,255,255,.9));
  }
  .az-general-directory > .az-cat-card:hover .az-cat-card__go { transform: translateX(3px); color: var(--red, #d89a38); }
}
.az-general-directory > .az-cat-card:focus-visible {
  outline: 2px solid var(--red, #d89a38);
  outline-offset: 3px;
}
.az-general-directory > .az-cat-card:active { transform: scale(.98); }
[data-theme="dark"] .az-cat-card__icon { background: rgba(20, 196, 207,.12); }
@media (prefers-reduced-motion: reduce) {
  .az-general-directory > .az-cat-card,
  .az-cat-card__go { transition: none; }
  .az-general-directory > .az-cat-card:hover { transform: none; }
}
@media (max-width: 767px) {
  .az-general-directory { grid-template-columns: 1fr; gap: 12px; }
  .az-general-directory > .az-cat-card { min-height: 84px; padding: 16px; }
  .az-cat-card__icon { width: 48px; height: 48px; }
}

/* Menü açılış ekranı — referanstaki kompakt genel kategori dizini. */
:is(.menu-page, .woo-page) .az-menu-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  margin: 0 0 26px;
  padding: 9px 16px 9px 13px;
  border: 1px solid var(--border-soft, rgba(0,0,0,.07));
  border-radius: 999px;
  background: var(--surface-primary, #fff);
  box-shadow: 0 4px 18px rgba(30,42,56,.06);
  color: var(--text-primary, #171717);
  font-size: .92rem;
  font-weight: 650;
  text-decoration: none;
}
:is(.menu-page, .woo-page) .az-menu-back > span {
  display: inline-flex;
  transform: rotate(180deg);
}
:is(.menu-page, .woo-page) .az-menu-back svg { width: 17px; height: 17px; }
:is(.menu-page, .woo-page) .az-menu-back:hover { border-color: rgba(198,161,91,.48); }
:is(.menu-page, .woo-page) .az-menu-back:focus-visible {
  outline: 2px solid #c6a15b;
  outline-offset: 3px;
}
:is(.menu-page, .woo-page) .az-menu-directory-hero {
  max-height: none;
  margin-bottom: 34px;
  padding-bottom: 0 !important;
}
:is(.menu-page, .woo-page) .az-menu-directory-hero__kicker {
  margin: 0 0 12px;
  color: #b9852f;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .22em;
  line-height: 1.2;
  text-transform: uppercase;
}
:is(.menu-page, .woo-page) .az-menu-directory-hero h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4vw, 58px) !important;
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.04;
}
:is(.menu-page, .woo-page) .az-menu-directory-hero__lead {
  max-width: 700px;
  margin: 14px 0 0;
  color: var(--text-secondary, #6b7280);
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.55;
}
:is(.menu-page, .woo-page) .az-general-directory {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
:is(.menu-page, .woo-page) .az-general-directory > .az-cat-card {
  grid-template-columns: 44px minmax(0, 1fr) 20px;
  gap: 13px;
  min-height: 104px;
  padding: 16px;
  border-radius: 18px;
  background: var(--surface-primary, #fff);
  box-shadow: 0 1px 2px rgba(30,42,56,.06), 0 8px 24px -18px rgba(30,42,56,.34);
}
:is(.menu-page, .woo-page) .az-cat-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  color: #b9852f;
}
:is(.menu-page, .woo-page) .az-cat-card__title { font-size: 1rem; }
:is(.menu-page, .woo-page) .az-cat-card__meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:is(.menu-page, .woo-page) .az-cat-card__num { top: 11px; right: 13px; }
:is(.menu-page, .woo-page) .az-allergen-note { margin-top: 40px; }
[data-theme="dark"] :is(.menu-page, .woo-page) .az-menu-back,
[data-theme="dark"] :is(.menu-page, .woo-page) .az-general-directory > .az-cat-card {
  background: var(--surface-primary, #1b2530);
}
@media (max-width: 1199px) {
  :is(.menu-page, .woo-page) .az-general-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  :is(.menu-page, .woo-page) .az-menu-back { margin-bottom: 22px; }
  :is(.menu-page, .woo-page) .az-menu-directory-hero { margin-bottom: 26px; }
  :is(.menu-page, .woo-page) .az-menu-directory-hero h1 { font-size: clamp(36px, 11vw, 48px) !important; }
  :is(.menu-page, .woo-page) .az-general-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(.menu-page, .woo-page) .az-general-directory > .az-cat-card {
    grid-template-columns: 42px minmax(0, 1fr) 18px;
    min-height: 96px;
    padding: 14px;
  }
}
@media (max-width: 479px) {
  :is(.menu-page, .woo-page) .az-general-directory { grid-template-columns: 1fr; }
  :is(.menu-page, .woo-page) .az-general-directory > .az-cat-card { min-height: 92px; }
}

/* Menü sayfası hizmet şeridi — sade iOS chip satırı. */
.az-service-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 26px;
}
.az-service-strip__label {
  font-size: .8rem;
  font-weight: 700;
  color: var(--text-secondary, #646464);
}
.az-service-strip > a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  color: var(--text-primary, #171717);
  border: 1px solid var(--border-soft, rgba(0,0,0,.07));
  border-radius: 999px;
  background: var(--surface-primary, rgba(255,255,255,.78));
  text-decoration: none;
  font-size: .86rem;
  font-weight: 600;
  transition: transform 200ms cubic-bezier(.16, 1, .3, 1);
}
@media (hover: hover) {
  .az-service-strip > a:hover { border-color: rgba(216,154,56,.36); background: var(--glass-medium, rgba(255,255,255,.9)); }
}
.az-service-strip > a:active { transform: scale(.97); }
.az-service-strip > a:focus-visible { outline: 2px solid var(--red, #d89a38); outline-offset: 3px; }

/* İçerik / alerjen bilgi kartı — mağaza ve menü sayfalarında ortak. */
.az-allergen-note {
  margin-top: clamp(48px, 7vw, 92px);
  padding: clamp(26px, 5vw, 58px);
  color: var(--text-primary, #171717);
  border: 1px solid var(--border-soft, rgba(0,0,0,.07));
  border-radius: 26px;
  background: var(--surface-primary, rgba(255,255,255,.78));
}
.az-allergen-note > span { color: var(--text-secondary, #646464); font-size: .75rem; font-weight: 700; letter-spacing: .14em; }
.az-allergen-note h2 { margin: 10px 0 12px; }
.az-allergen-note p { max-width: 760px; color: var(--text-secondary, #646464); }

/* Kompakt ikon+CTA kartı (madde B.10) — düz metin bloğu yerine. */
.az-allergen-note--card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: clamp(22px, 4vw, 34px);
}
.az-allergen-note__icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: var(--glass-weak, rgba(216,154,56,.1));
  color: var(--red, #d89a38);
}
.az-allergen-note__icon svg { width: 26px; height: 26px; }
.az-allergen-note__body { min-width: 0; }
.az-allergen-note__eyebrow { display: block; color: var(--text-secondary, #646464); font-size: .75rem; font-weight: 700; letter-spacing: .14em; }
.az-allergen-note--card h2 { margin: 8px 0 10px; }
.az-allergen-note--card p { margin: 0; max-width: 640px; }
.az-allergen-note__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 18px; }
.az-allergen-note__actions .az-button { min-height: 44px; }
.az-allergen-note__actions .az-text-action { color: var(--text-primary, #171717); font-weight: 600; }
[data-theme="dark"] .az-allergen-note__icon { background: rgba(20, 196, 207,.12); }
@media (max-width: 600px) {
  .az-allergen-note--card { flex-direction: column; }
  .az-allergen-note__actions { flex-direction: column; align-items: flex-start; gap: 12px; }
  .az-allergen-note__actions .az-button { width: 100%; justify-content: center; }
}

/* Modül kendi hero'sunu getiriyorsa tema hero'su gizlenir → başlık tekrarı olmaz (madde 2, 28) */
.content-page:has(.ak-hero) .page-title,
.content-page:has(.ak-detail-hero) .page-title,
.content-page:has(.anzelha-auth) .page-title { display: none; }

/* İç sayfalarda tek tipografi ailesi */
.content-page h1, .content-page h2, .content-page h3 { font-family: var(--body, inherit); }

/* Alt bölümler h2 → h3 sırasıyla ilerler */
main .az-section h2, .entry-content h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 650; letter-spacing: -.02em; }
main .az-section h3, .entry-content h3 { font-size: clamp(17px, 2.2vw, 20px); font-weight: 650; letter-spacing: -.015em; }

/* ---------- Karanlık / aydınlık mod anahtarı ----------
   Kök neden: .az-header__actions .anzelha-icon{display:block} (aşağıda, aynı özgüllükte
   ama dosyada daha sonra) ay/güneş ikonlarının display:none'unu eziyordu — her ikisi de
   her zaman görünüyordu. Seçiciler burada .az-header__actions ile üç sınıfa çıkarılıp
   özgüllük kasıtlı olarak yükseltildi, dosya sırasından bağımsız kazansın diye. */
.az-header__actions .az-theme-toggle .anzelha-icon--sun { display: none; }
[data-theme="dark"] .az-header__actions .az-theme-toggle .anzelha-icon--sun { display: block; }
[data-theme="dark"] .az-header__actions .az-theme-toggle .anzelha-icon--moon { display: none; }

/* Editoryal (bundle) katmanın renk tokenları karanlık modda çevrilir;
   böylece ana sayfa dahil bütün sayfalar iki temada da tutarlı görünür. */
[data-theme="dark"] {
  --az-ivory: var(--dark-bg, #0B0C0D);
  --az-cream: var(--dark-input, #121416);
  --az-charcoal: var(--dark-text, #F5F7F8);
  --az-muted: var(--dark-text-secondary, #AEB4B8);
  --az-line: rgba(255, 255, 255, .1);
  --az-shadow: 0 22px 60px rgba(0, 0, 0, .5);
  /* --surface hiçbir yerde tanımlı değildi (yalnızca fallback'e düşüyordu); açık
     modda her bileşenin kendi ayarlı fallback'i (ör. rgba(255,255,255,.66)) hâlâ
     geçerlidir, yalnız koyu mod için burada tanımlanır — böylece sepet, ürün
     sayfası, rezervasyon ve sıra gecesi formundaki cam kartlar koyu modda artık
     beyaz "gri bar" olarak kalmaz. */
  --surface: rgba(24, 26, 28, .72);
  --anzelha-surface: var(--dark-input, #121416);
  --anzelha-cream: var(--dark-input, #121416);
  --anzelha-text: var(--dark-text, #F5F7F8);
  --anzelha-text-secondary: var(--dark-text-secondary, #AEB4B8);
  --anzelha-border-dark: rgba(255, 255, 255, .12);
}
[data-theme="dark"] .post-card { background: var(--dark-input, #121416); border-color: rgba(255, 255, 255, .1); }
[data-theme="dark"] .az-page-hero h1 { color: var(--ink, var(--dark-text, #F5F7F8)); }

/* ---------- Vurgu rengi: açık modda kırmızı, koyu modda MERKEZÎ TURKUAZ ----------
   (Final Koyu Mod Talimatı 2026-07-26) Bütün vurgular --red token'ından aktığı
   için etiketler, butonlar, rozetler, navigasyon ve odak halkaları koyu modda
   otomatik olarak turkuaza döner. */
[data-theme="dark"] {
  --red: var(--theme-accent, #14C4CF);
  --red-deep: var(--theme-accent-pressed, #0EA6B0);
  --red-soft: var(--theme-accent-soft, rgba(20, 196, 207, .14));
  --shadow-red: 0 8px 24px rgb(var(--theme-accent-rgb, 20 196 207) / .26);
  --az-red: var(--red);
  --az-red-deep: var(--red-deep);
  --az-red-soft: var(--red-soft);
  --anzelha-danger: var(--dark-error, #FF5D5D);
}
/* Altın zemin üzerinde beyaz yerine koyu metin okunur */
[data-theme="dark"] .btn-primary,[data-theme="dark"] .az-button--primary,[data-theme="dark"] .woocommerce a.checkout-button,[data-theme="dark"] .woocommerce button.button.alt,[data-theme="dark"] .woocommerce .single_add_to_cart_button,[data-theme="dark"] .anzelha-account-home__order,[data-theme="dark"] .az-header__actions .az-order-button,[data-theme="dark"] .mobile-cart-count { background: var(--red) !important; color: var(--dark-accent-text, #061012) !important; }
[data-theme="dark"] .az-mobile-tabs__order b {
  background: var(--red) !important;
  color: var(--dark-accent-text, #061012) !important;
  box-shadow: 0 10px 24px rgba(20, 196, 207, .3) !important;
}
/* 7.56.0: koyu tema hover'ındaki #241a05 metin rengi kaldırıldı — altın zemin
   döneminden kalmaydı; güncel hover zemini koyu cam olduğundan metni okunmaz
   yapıyordu. Footer bağlantı/sosyal geometrisi de tek otoriteye (surface-system)
   taşındı; burada yalnız platform marka renkleri kalır. */
.footer-social .footer-social__link .anzelha-icon { width: 17px; height: 17px; flex: 0 0 auto; }
.footer-social .footer-social__link--facebook .anzelha-icon { color: #1877F2; }
.footer-social .footer-social__link--instagram .anzelha-icon { color: #E1306C; }
.footer-social .footer-social__link--x-social .anzelha-icon { color: #14171A; }
.footer-social .footer-social__link--youtube .anzelha-icon { color: #FF0000; }
.footer-social .footer-social__link--facebook:hover, .footer-social .footer-social__link--facebook:focus-visible { border-color: rgba(24, 119, 242, .45); background: rgba(24, 119, 242, .1); }
.footer-social .footer-social__link--instagram:hover, .footer-social .footer-social__link--instagram:focus-visible { border-color: rgba(225, 48, 108, .45); background: rgba(225, 48, 108, .1); }
.footer-social .footer-social__link--x-social:hover, .footer-social .footer-social__link--x-social:focus-visible { border-color: rgba(20, 23, 26, .4); background: rgba(20, 23, 26, .08); }
.footer-social .footer-social__link--youtube:hover, .footer-social .footer-social__link--youtube:focus-visible { border-color: rgba(255, 0, 0, .4); background: rgba(255, 0, 0, .08); }
[data-theme="dark"] .footer-social .footer-social__link {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .06);
}
[data-theme="dark"] .footer-social .footer-social__link--x-social .anzelha-icon { color: #fff; }
[data-theme="dark"] .footer-social .footer-social__link--facebook:hover, [data-theme="dark"] .footer-social .footer-social__link--facebook:focus-visible { background: rgba(24, 119, 242, .18); border-color: rgba(24, 119, 242, .5); }
[data-theme="dark"] .footer-social .footer-social__link--instagram:hover, [data-theme="dark"] .footer-social .footer-social__link--instagram:focus-visible { background: rgba(225, 48, 108, .18); border-color: rgba(225, 48, 108, .5); }
[data-theme="dark"] .footer-social .footer-social__link--x-social:hover, [data-theme="dark"] .footer-social .footer-social__link--x-social:focus-visible { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .4); }
[data-theme="dark"] .footer-social .footer-social__link--youtube:hover, [data-theme="dark"] .footer-social .footer-social__link--youtube:focus-visible { background: rgba(255, 0, 0, .18); border-color: rgba(255, 0, 0, .5); }
/* 7.63.0: sosyal düğmeler ikon-daire oldu (aria-label ile adlandırılır);
   metin span'ı işaretlemeden kalktı — dar ekran font kuralı ölü kaldı, silindi. */

/* Footer logosu: img + content:url() koyu mod değişimi bazı motorlarda hiç boyanmıyordu
   (computed style doğru, ekranda hâlâ açık logo) — header'da zaten kanıtlanmış tek-eleman
   background-image deseniyle değiştirildi; iki dosya asla üst üste binmez, geçiş her yerde çalışır.
   Kart/kutu zemini kullanıcı talebiyle kaldırıldı — logo artık header'daki gibi tamamen
   şeffaf, doğrudan footer zemini üzerinde durur (açık modda siyah, koyu modda beyaz metin). */
.site-footer .az-footer-logo.anzelha-logo-surface { padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.az-footer-logo .anzelha-footer-mark {
  display: block;
  width: 176px;
  height: 59px;
  background-image: url("../images/brand/anzelha-logo.png?v=7.379.0");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
[data-theme="dark"] .az-footer-logo .anzelha-footer-mark { background-image: url("../images/brand/anzelha-logo-dark.png?v=7.379.0"); }
[data-theme="dark"] .site-footer .az-footer-logo.anzelha-logo-surface { padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
/* 7.56.0: 480px logo ölçüsü kaldırıldı — surface-system'deki daha özgül
   clamp+aspect-ratio kuralı her genişlikte kazandığından ölü kuraldı. */

/* ============================================================
   Site İçi Arama — Search Modal Master (iOS 27 / Liquid Glass).
   Masaüstünde kompakt 720px modal, 20px blur + %40 siyah zemin, 300ms
   opacity+scale açılış; mobilde tam ekran. Klasik ?s= formu
   JS'siz de gönderilir (fail-safe).
   ============================================================ */
.az-search-sheet { position: fixed; inset: 0; z-index: var(--z-panel); display: grid; place-items: center; padding: 24px; }
.az-search-sheet[hidden] { display: none; }
.az-search-sheet__backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(0, 0, 0, .4); -webkit-backdrop-filter: blur(var(--az-blur-lg, 16px)); backdrop-filter: blur(var(--az-blur-lg, 16px)); opacity: 0; transition: opacity 300ms var(--motion-ease, ease); cursor: pointer; }
.az-search-sheet.is-open .az-search-sheet__backdrop { opacity: 1; }
.az-search-sheet__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(720px, 100%);
  max-height: 600px; /* §5.4 — dvh yoksa min() geçersiz olur; px yedeği */
  max-height: min(600px, 78dvh);
  padding: clamp(18px, 2.4vw, 28px);
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 32px;
  background: rgba(250, 250, 250, .86);
  box-shadow: 0 40px 100px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .6);
  -webkit-backdrop-filter: blur(var(--az-blur-lg, 16px)) saturate(160%);
  backdrop-filter: blur(var(--az-blur-lg, 16px)) saturate(160%);
  opacity: 0;
  transform: scale(.96);
  transition: opacity 300ms var(--motion-ease, ease), transform 300ms var(--motion-ease, ease);
}
.az-search-sheet.is-open .az-search-sheet__panel { opacity: 1; transform: scale(1); }
.az-search-sheet__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.az-search-sheet__head small { display: block; color: var(--red, #d89a38); font-weight: var(--w-bold, 750); letter-spacing: .08em; font-size: var(--text-xs, 12px); }
.az-search-sheet__head h2 { margin: 2px 0 0; font-size: clamp(20px, 2.2vw, 26px); letter-spacing: -.025em; }
.az-search-sheet__close { flex: 0 0 auto; }
.az-search-box { position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 0 18px; border: 1px solid var(--lb-border, rgba(20, 18, 14, .12)); border-radius: 20px; background: var(--lb-bg, rgba(255, 255, 255, .92)); }
.az-search-box:focus-within { border-color: rgba(216, 154, 56, .5); box-shadow: 0 0 0 3px var(--red-soft, rgba(216, 154, 56, .14)); }
.az-search-box > .anzelha-icon { width: 20px; height: 20px; flex: 0 0 auto; color: var(--az-muted, #62676b); }
.az-search-box input { flex: 1 1 auto; min-height: 62px; border: 0; background: transparent; color: inherit; font: inherit; font-size: 17px; outline: 0; }
.az-search-box input::-webkit-search-cancel-button { display: none; }
.az-search-box__clear { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border: 0; border-radius: 50%; background: rgba(127, 127, 127, .14); color: inherit; cursor: pointer; }
.az-search-box__clear .anzelha-icon { width: 15px; height: 15px; }
.az-search-tabs[hidden] { display: none; }
.az-search-tabs { display: flex; gap: 6px; overflow-x: auto; margin-top: 12px; padding-bottom: 2px; scrollbar-width: none; }
.az-search-tabs::-webkit-scrollbar { display: none; }
.az-search-tabs button { flex: 0 0 auto; min-height: 40px; padding: 0 15px; border: 1px solid transparent; border-radius: var(--r-chip, 999px); background: transparent; color: var(--az-muted, #62676b); font: inherit; font-size: 13.5px; font-weight: var(--w-bold, 750); cursor: pointer; }
.az-search-tabs button.is-active { border-color: rgba(216, 154, 56, .38); background: var(--red-soft, rgba(216, 154, 56, .14)); color: var(--red, #d89a38); }
.az-search-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; margin-top: 14px; padding-right: 4px; }
.az-search-block { margin-bottom: 18px; }
.az-search-block h3 { margin: 0 0 10px; color: var(--az-muted, #62676b); font-size: var(--text-xs, 12px); font-weight: var(--w-bold, 750); letter-spacing: .08em; text-transform: uppercase; }
.az-search-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.az-search-chips button,
.az-search-chips a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--lb-border, rgba(20, 18, 14, .12)); border-radius: var(--r-chip, 999px); background: var(--lb-bg, rgba(255, 255, 255, .92)); color: inherit; font: inherit; font-size: 13.5px; font-weight: var(--w-semibold, 650); text-decoration: none; cursor: pointer;  }
.az-search-chips button:hover,
.az-search-chips a:hover { border-color: rgba(216, 154, 56, .45); }
.az-search-minis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.az-search-mini { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 10px; border: 1px solid var(--lb-border, rgba(20, 18, 14, .09)); border-radius: 14px; background: var(--lb-bg, rgba(255, 255, 255, .92)); color: inherit; text-decoration: none; font-size: 13.5px; font-weight: var(--w-semibold, 650);  }
.az-search-mini:hover { border-color: rgba(216, 154, 56, .4); box-shadow: var(--shadow-1, 0 4px 14px rgba(30, 24, 16, .05)); }
.az-search-mini img { width: 40px; height: 40px; flex: 0 0 auto; border-radius: 10px; object-fit: cover; }
.az-search-mini span { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.az-search-group { margin-bottom: 18px; }
.az-search-group[hidden] { display: none; }
.az-search-group > h3 { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 10px; color: var(--az-muted, #62676b); font-size: var(--text-xs, 12px); font-weight: var(--w-bold, 750); letter-spacing: .08em; text-transform: uppercase; }
.az-search-hits { display: grid; gap: 8px; }
.az-search-hit { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--lb-border, rgba(20, 18, 14, .09)); border-radius: 16px; background: var(--lb-bg, rgba(255, 255, 255, .92)); color: inherit; text-decoration: none;  }
.az-search-hit:hover, .az-search-hit.is-active { border-color: rgba(216, 154, 56, .45); box-shadow: var(--shadow-1, 0 4px 14px rgba(30, 24, 16, .05)); }
.az-search-hit img { width: 52px; height: 52px; flex: 0 0 auto; border-radius: 12px; object-fit: cover; }
.az-search-hit__body { min-width: 0; display: grid; gap: 2px; }
.az-search-hit__body strong { font-size: 14.5px; letter-spacing: -.01em; }
.az-search-hit__body small { color: var(--az-muted, #62676b); font-size: 12.5px; }
.az-search-hit__price { margin-left: auto; flex: 0 0 auto; font-size: 14px; font-weight: var(--w-bold, 750); color: var(--red, #d89a38); }
.az-search-correct { margin: 0 0 12px; color: var(--az-muted, #62676b); font-size: 13px; }
.az-search-correct b { color: var(--red, #d89a38); }
.az-search-empty { display: grid; justify-items: center; gap: 8px; padding: 32px 16px; text-align: center; }
.az-search-empty[hidden] { display: none; }
.az-search-empty > span { font-size: 40px; }
.az-search-empty strong { font-size: 17px; }
.az-search-empty p { margin: 0 0 8px; color: var(--az-muted, #62676b); font-size: 14px; }
@media (min-width: 768px) {
  .az-search-sheet__panel {
    padding: 20px 22px;
    border-radius: 24px;
    background: rgba(250, 250, 250, .9);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .72);
  }
  .az-search-sheet__head { align-items: center; margin-bottom: 10px; }
  .az-search-sheet__head small { font-size: 10.5px; }
  .az-search-sheet__head h2 { margin-top: 1px; font-size: 22px; }
  .az-search-box { gap: 10px; min-height: 54px; padding: 0 15px; border-radius: 16px; }
  .az-search-box input { min-height: 52px; font-size: 15.5px; }
  .az-search-tabs { margin-top: 9px; }
  .az-search-tabs button { min-height: 36px; padding-inline: 12px; font-size: 12.5px; }
  .az-search-scroll {
    margin-top: 11px;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(98, 103, 107, .42) transparent;
  }
  .az-search-scroll::-webkit-scrollbar { width: 6px; }
  .az-search-scroll::-webkit-scrollbar-track { background: transparent; }
  .az-search-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(98, 103, 107, .42); }
  .az-search-block, .az-search-group { margin-bottom: 14px; }
  .az-search-block h3, .az-search-group > h3 { margin-bottom: 8px; font-size: 10.5px; }
  .az-search-chips { gap: 6px; }
  .az-search-chips button,
  .az-search-chips a { min-height: 36px; padding-inline: 12px; font-size: 12.5px; }
  .az-search-minis { gap: 8px; }
  .az-search-mini { min-height: 48px; gap: 8px; padding: 6px 8px; border-radius: 12px; font-size: 12.5px; }
  .az-search-mini img { width: 34px; height: 34px; border-radius: 9px; }
  .az-search-hits { gap: 6px; }
  .az-search-hit { gap: 10px; padding: 8px 10px; border-radius: 14px; }
  .az-search-hit img { width: 44px; height: 44px; border-radius: 10px; }
  .az-search-sheet .az-search-empty { margin: 20px auto; padding: 24px 16px; }
}
@media (max-width: 767px) {
  .az-search-sheet { padding: 0; }
  .az-search-sheet__panel { width: 100%; height: 100vh; height: 100dvh; max-height: none; border-radius: 0; border: 0; } /* §5.4 — dvh yoksa vh yedeği */
  .az-search-minis { grid-template-columns: 1fr; }
  .az-search-box { min-height: 56px; }
  .az-search-box input { min-height: 54px; font-size: 16px; }
}
[data-theme="dark"] .az-search-sheet__panel { border-color: rgba(255, 255, 255, .14); background: rgba(24, 26, 28, .92); }
[data-theme="dark"] .az-search-tabs button.is-active { border-color: rgba(20, 196, 207, .4); background: rgba(20, 196, 207, .14); color: var(--red, var(--dark-accent, #14C4CF)); }
@media (prefers-reduced-motion: reduce) { .az-search-sheet__backdrop, .az-search-sheet__panel, .az-search-hit, .az-search-mini, .az-search-chips button, .az-search-chips a { transition: none; } }

/* search.php: boş sorgu/sıfır sonuç durumu + sonuç sayacı. */
.az-search-empty { display: grid; justify-items: center; gap: 14px; max-width: 440px; margin: 40px auto; padding: 40px 24px; text-align: center; }
.az-search-empty .anzelha-icon { width: 34px; height: 34px; opacity: .35; }
.az-search-empty p { margin: 0; color: var(--az-muted, #62676b); font-size: 15px; line-height: 1.6; }
.az-search-empty .search-form { display: flex; gap: 8px; width: 100%; margin-top: 6px; }
.az-search-empty .search-field { flex: 1 1 auto; min-height: 48px; padding: 0 16px; border: 1px solid var(--az-line, rgba(20, 18, 14, .14)); border-radius: 14px; background: var(--surface, rgba(255,255,255,.85)); color: inherit; font-size: 16px; }
.az-search-empty .search-form button { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 auto; border: 0; border-radius: 14px; background: var(--red, #d89a38); color: #fff; }
.az-search-empty .search-form button .anzelha-icon { width: 19px; height: 19px; }
.az-search-count { margin: 0 0 18px; color: var(--az-muted, #62676b); font-size: 14px; font-weight: 600; }

/* /yasal-belgeler/ dizin sayfası: tek girişten açılan tüm belgeler kart listesi olarak. */
.az-legal-index { display: flex; flex-direction: column; gap: 10px; margin: 20px 0; padding: 0; list-style: none; }
.az-legal-index a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 54px;
  padding: 0 18px;
  border: 1px solid rgba(20, 18, 14, .1);
  border-radius: 16px;
  background: rgba(20, 18, 14, .03);
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  transition: transform 180ms ease;
}
.az-legal-index a:hover, .az-legal-index a:focus-visible { background: rgba(20, 18, 14, .07); border-color: rgba(20, 18, 14, .2); }
.az-legal-index a:active { transform: scale(.99); }
.az-legal-index a svg { width: 18px; height: 18px; flex: 0 0 auto; opacity: .55; }
[data-theme="dark"] .az-legal-index a { border-color: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .05); }
[data-theme="dark"] .az-legal-index a:hover, [data-theme="dark"] .az-legal-index a:focus-visible { background: rgba(255, 255, 255, .09); border-color: rgba(255, 255, 255, .26); }

/* FINAL MASTER DESIGN (2026-07-20) tipografi: display başlıklar Playfair Display.
   Önceki "başlıklar da modern sans aileyle akar" kuralı bilinçli geçersiz kılındı
   (güncel talimat üstündür). Kapsam yalnız DISPLAY başlıklar: hero H1, sayfa hero
   H1, bölüm H2'leri, geniş bant/footer CTA. Alt başlıklar (h3+) ve tüm UI
   bileşenleri sans kalır (SF Pro Display rolü — --anzelha-font). */
.az-home .az-section-head h2, .az-home .az-wideband__card h2,
.az-editorial__copy h2, .az-story__copy h2, .az-section-head h2,
.az-page-hero h1, .az-home--ios27 .az-hero27__copy h1,
.az-promo__body h2 {
  font-family: var(--anzelha-font-display, Georgia, serif) !important;
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}
/* Alt başlıklar sans kalır (eski kuralın h3 kapsamı korunur). */
.az-home h3 {
  font-family: var(--body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -.028em !important;
}

/* Görsel altı lisans kredisi */
.az-media-credit { display: block; margin-top: 8px; color: var(--muted, #6e6e73); font-size: 11.5px; letter-spacing: .01em; }

/* ---------- WooCommerce arşiv ve ilgili ürünler: iOS düzeni ---------- */
.woocommerce nav.woocommerce-breadcrumb { display: none !important; }
.woocommerce .woocommerce-result-count { margin: 4px 0 16px !important; color: var(--muted, #6e6e73); font-size: 13.5px; }
.woocommerce .woocommerce-ordering { margin: 0 0 16px !important; }
.woocommerce .woocommerce-ordering select { min-height: 44px; }
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--sp-5, 20px) !important;
  margin: 10px 0 44px !important;
  padding: 0 !important;
  list-style: none;
}
@media (min-width: 1440px) { .woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (min-width: 600px) and (max-width: 1023px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 599px) { .woocommerce ul.products { grid-template-columns: 1fr !important; } }
section.related > h2, section.up-sells > h2, .cross-sells > h2 {
  margin: 44px 0 18px !important;
  font-family: var(--body, inherit) !important;
  font-size: clamp(22px, 3vw, 28px) !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}
.single-product .product_meta { display: none; }
.az-price-note { color: var(--muted, #6e6e73); font-size: 12.5px; font-weight: 600; }

/* Fırın bölümü: hamur + fırın görsel yığını */
.az-oven-stack { display: grid; gap: 12px; }
.az-oven-stack > img {
  width: 100%;
  height: auto;
  border-radius: var(--r-lg, 24px);
}

/* Doğal oranlı marka görselleri (afiş/tanıtım kareleri kırpılmaz) */
.az-media-natural {
  width: 100%;
  height: auto;
  border-radius: var(--r-lg, 24px);
}

/* Hikâye bölümü görselsiz de dengeli akar */
.az-editorial__layout--single { grid-template-columns: 1fr !important; }
.az-editorial__layout--single .az-editorial__copy { max-width: var(--az-w-prose); }

/* ---------- 4. Bölüm ve kart ritmi ---------- */
main .az-section { padding: calc(var(--az-sp-section) / 2) 0 !important; }

/* Mağaza/kategori arşivlerinde Anzelha ürün kartı kullanılır (content-product.php) */
.woocommerce ul.products li.az-product-card-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  list-style: none;
}

/* ---------- Ürün kartı: CSS mimari denetimi (madde 4) ----------
   Aşağıdaki kurallar önceden product-experience.css'teydi (yalnız ön sayfa/mağaza/
   tek ürün bağlamında yüklenir) ama .az-product-card birçok şablonda kullanılıyor:
   sepet boşken "Son Görüntüledikleriniz/Popüler Ürünler" (cart) { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; }
/* Stok bilgisi müşteriye gösterilmez (QR menü kuralı) — tüm WC bağlamlarında. */
.single-product p.stock,.woocommerce .stock.in-stock,.woocommerce .stock.out-of-stock { display: none !important; }
/* Sipariş/hesap ekranlarında hazırlık süresi satırı (teşekkür sayfası + Hesabım → Sipariş). */
.az-order-prep { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 16px; padding: 10px 18px; border-radius: 999px; background: var(--red-soft, rgba(216, 154, 56, .12)); font-size: 14.5px; font-weight: 550; }
[data-theme="dark"] .az-order-prep { background: rgba(20, 196, 207, .12); }

/* ---------- Form alanları koyu temada da doğru yüzeyde ---------- */
[data-theme="dark"] .woocommerce input.input-text,
[data-theme="dark"] .woocommerce select,
[data-theme="dark"] .woocommerce textarea,
[data-theme="dark"] .anzelha-premium-form input,
[data-theme="dark"] .anzelha-premium-form select,
[data-theme="dark"] .anzelha-premium-form textarea {
  background: var(--dark-input, #121416) !important;
  border-color: var(--dark-border, rgba(255, 255, 255, .14)) !important;
  color: var(--dark-text, #F5F7F8) !important;
}

/* ---------- Üyelik formu: satır ve renk uyumu ---------- */
/* WooCommerce çekirdeğinin %47 genişlik + float kuralı grid hizasını bozuyor; grid hücresini doldur. */
.anzelha-auth .form-row { float: none !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; }
.anzelha-auth .form-row .input-text { width: 100% !important; }
.anzelha-auth .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.anzelha-auth .woocommerce-form__label-for-checkbox input[type="checkbox"] { flex: 0 0 auto; margin-top: 2px; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--red, #ff2d2d); }
[data-theme="dark"] input[type="checkbox"], [data-theme="dark"] input[type="radio"] { accent-color: var(--red, var(--dark-accent, #14C4CF)); }

/* ---------- Yukarı çık butonu (WhatsApp'ın karşısında, sol alt) ---------- */
.az-to-top {
  position: fixed;
  left: max(24px, env(safe-area-inset-left));
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 760;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .4));
  border-radius: 50%;
  background: var(--glass-strong, rgba(255, 255, 255, .9));
  color: var(--ink, #0a0a0a);
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
  -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(160%);
  backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(160%);
  transition: transform var(--dur, .28s) var(--ease, ease), opacity var(--dur, .28s) var(--ease, ease);
}
.az-to-top[hidden] { display: none; }
.az-to-top svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.az-to-top:active { transform: scale(.92); }
.az-to-top[data-az-top-always] {
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(var(--wa-dock-bottom, max(24px, env(safe-area-inset-bottom))) + var(--wa-footer-clearance, 0px) + 68px);
  left: auto;
  border-color: rgba(255,255,255,.42);
  background: #c39235;
  color: #fff;
  box-shadow: 0 10px 28px rgba(156,105,20,.28);
}
/* 7.56.0: hover/koyu tema görünümü kaldırıldı — surface-system'deki token
   tabanlı !important kurallar her koşulda kazandığından ölü koddu. */
@media (max-width: 767px) {
  .az-to-top { left: max(16px, env(safe-area-inset-left)); bottom: calc(90px + env(safe-area-inset-bottom)); width: 44px; height: 44px; }
  .az-to-top[data-az-top-always] {
    right: max(18px, env(safe-area-inset-right));
    bottom: calc(var(--wa-dock-bottom, calc(72px + env(safe-area-inset-bottom))) + var(--wa-footer-clearance, 0px) + 64px);
    left: auto;
  }
}
@media (prefers-reduced-motion: reduce) { .az-to-top { transition: none; } }

/* ---------- Tema seçici menüsü: Açık / Koyu / Sistem ---------- */
.az-theme-menu {
  position: fixed;
  z-index: var(--az-layer-dropdown);
  display: grid;
  gap: 2px;
  min-width: 168px;
  padding: 6px;
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .4));
  border-radius: 16px;
  background: var(--glass-strong, rgba(255, 255, 255, .94));
  box-shadow: 0 14px 38px rgba(0, 0, 0, .18);
  -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(170%);
  backdrop-filter: blur(var(--az-blur-sm, 8px)) saturate(170%);
}
.az-theme-menu[hidden] { display: none; }
.az-theme-menu button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 14px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  font-size: 14.5px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.az-theme-menu button:hover, .az-theme-menu button:focus-visible { background: var(--red-soft, rgba(216, 154, 56, .14)); }
.az-theme-menu button[aria-checked="true"] { background: var(--red, #d89a38); color: #fff; }
[data-theme="dark"] .az-theme-menu { background: rgba(24, 26, 28, .96); border-color: rgba(255, 255, 255, .14); }
[data-theme="dark"] .az-theme-menu button[aria-checked="true"] { color: var(--dark-accent-text, #061012); }

/* ---------- Yasal belgeler: okunabilir tipografi, içindekiler, yazdırma ---------- */
/* Sayfa başlığı (etiket + H1 + açıklama) belgeyle aynı ortalanmış sütunda durur. */
.az-legal-page .az-page-hero,
.az-legal-page .page-title {
  max-width: 720px;
  margin-inline: auto;
  padding-inline: clamp(4px, 2vw, 12px);
  text-align: left;
}

/* Belge, sayfa genişliğine yayılmak yerine ortalanmış dar bir okuma sütununda durur. */
.az-legal-doc {
  max-width: 720px;
  margin-inline: auto;
  padding: 8px clamp(4px, 2vw, 12px) 40px;
  font-size: 16.5px;
  line-height: 1.75;
  letter-spacing: -.005em;
}
.az-legal-doc > p:first-of-type {
  padding: 16px 20px;
  border: 1px solid var(--az-line, rgba(16, 20, 22, .1));
  border-radius: 18px;
  background: var(--surface, rgba(255, 255, 255, .6));
  font-size: 14.5px;
  line-height: 1.65;
}
.az-legal-doc h2 { margin: 34px 0 10px; padding-bottom: 8px; border-bottom: 1px solid var(--az-line, rgba(16, 20, 22, .08)); font-size: 20px; letter-spacing: -.02em; scroll-margin-top: 110px; }
.az-legal-doc p { margin: 0 0 14px; color: var(--az-muted, #3c4043); text-wrap: pretty; }
[data-theme="dark"] .az-legal-doc > p:first-of-type { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .12); }
[data-theme="dark"] .az-legal-doc h2 { border-bottom-color: rgba(255, 255, 255, .1); }
.az-legal-doc a { color: inherit; font-weight: 600; text-underline-offset: 3px; }
.az-legal-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; padding: 10px 16px; border: 1px solid var(--az-line, rgba(16, 20, 22, .1)); border-radius: 14px; background: var(--surface, rgba(255, 255, 255, .6)); font-size: 13.5px; color: var(--az-muted, #62676b); }
.az-legal-print { min-height: 38px; padding: 6px 16px; border: 0; border-radius: 999px; background: var(--red-soft, rgba(216, 154, 56, .14)); color: var(--red, #d89a38); font-weight: 700; font-size: 13px; cursor: pointer; }
.az-legal-toc { margin: 0 0 26px; padding: 16px 20px; border: 1px solid var(--az-line, rgba(16, 20, 22, .1)); border-radius: 18px; background: var(--surface, rgba(255, 255, 255, .6)); }
.az-legal-toc strong { display: block; margin-bottom: 8px; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; color: var(--red, #d89a38); }
.az-legal-toc ol { margin: 0; padding-left: 20px; display: grid; gap: 5px; font-size: 14.5px; }
.az-legal-toc a { font-weight: 550; text-decoration: none; }
.az-legal-toc a:hover { text-decoration: underline; }
[data-theme="dark"] .az-legal-doc p { color: var(--dark-text-secondary, #AEB4B8); }
[data-theme="dark"] .az-legal-meta, [data-theme="dark"] .az-legal-toc { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .12); }
/* 7.56.0: .footer-menu--legal kaldırıldı — hiçbir şablonda kullanılmayan ölü kuraldı. */
/* 7.60.0 (Ana Düzeltme md.11): buradaki print bloğu kaldırıldı — TÜM print
   kuralları artık surface-system.css sonundaki TEK PRINT KATMANI'nda yaşar.
   (Eski blok footer'ı da gizliyordu; talimat footer/yasal bilgilerin baskıda
   KALMASINI ister — çelişki orada çözüldü.) */

/* ---------- Ödeme adımı onay kutuları ---------- */
.az-checkout-consents { margin: 14px 0; padding: 14px 16px; border: 1px solid var(--az-line, rgba(16, 20, 22, .1)); border-radius: 16px; background: var(--surface, rgba(255, 255, 255, .6)); }
.az-checkout-consents .az-consent-row { margin: 0 0 8px !important; }
.az-checkout-consents .az-consent-row:last-child { margin-bottom: 0 !important; }
.az-checkout-consents label { display: flex !important; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; }
[data-theme="dark"] .az-checkout-consents { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .12); }

/* ---------- Mobil alt bar ve sabit çubuklar klavye açıkken gizlenir ----------
   7.57.0 (mobil liste md.14): WhatsApp düğmesi ve baloncukları da listeye alındı —
   klavye açıkken hiçbir yüzen kontrol form alanlarını kapatmaz. */
body.az-keyboard-open .az-mobile-tabs,
body.az-keyboard-open .az-pp-bar,
body.az-keyboard-open .az-cart-bar,
body.az-keyboard-open .anzelha-whatsapp,
body.az-keyboard-open .wa-greet,
body.az-keyboard-open .wa-tip,
body.az-keyboard-open .az-to-top { display: none; }

/* ---------- Erişilebilirlik: klavye odağı her yerde görünür ---------- */
:focus-visible {
  outline: 2px solid var(--red, #ff2d2d) !important;
  outline-offset: 2px;
}

/* ---------- Menü kartı: hazırlık süresi rozeti ---------- */
.az-card-prep {
  display: inline-flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: var(--az-radius-chip);
  background: rgba(0, 0, 0, .05);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
[data-theme="dark"] .az-card-prep { background: rgba(255, 255, 255, .08); }

/* ---------- 404: markaya özel boş durum ---------- */
.az-404 { display: grid; min-height: 60vh; place-items: center; text-align: center; }
.az-404__inner { max-width: 560px; }
.az-404__code {
  display: block;
  margin: 6px 0 2px;
  font-size: clamp(84px, 16vw, 148px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.05em;
  background: linear-gradient(160deg, var(--red, #ff2d2d), var(--red-deep, #d91e1e));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.az-404 h1 { margin: 0 0 10px; font-size: clamp(24px, 3.4vw, 32px) !important; font-weight: 700; letter-spacing: -.02em; }
.az-404 p { max-width: 420px; margin: 0 auto 22px; color: var(--muted, #6e6e73); line-height: 1.6; }
.az-404__actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.az-404__hint { display: block; margin-top: 18px; color: var(--muted, #6e6e73); font-size: 12.5px; }

/* overflow-x:hidden position:sticky'yi kırar; clip aynı korumayı sticky bozmadan sağlar */
@supports (overflow-x: clip) {
  html, body { overflow-x: clip; }
}

/* ---------- Mega menü (Master Revision 14) ---------- */
.az-nav-drop--mega { min-width: min(640px, 92vw); }
.az-mega { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--sp-2, 8px) var(--sp-6, 24px); }
.az-mega__col { display: grid; gap: 2px; align-content: start; }
/* 7.265.0: "Öne Çıkanlar" ürün satırı mega menüden kalktı — .az-mega__product kuralları ölü koddu, temizlendi. */
@media (max-width: 1100px) { .az-nav-drop--mega { min-width: 0; } .az-mega { grid-template-columns: 1fr; } }

/* ---------- Kategori sayfaları: restoran sıcaklığı (Master Revision 6) ---------- */
.tax-product_cat .woocommerce-products-header,
.post-type-archive-product .woocommerce-products-header { margin-bottom: var(--sp-6, 24px); }
.tax-product_cat .term-description {
  max-width: 64ch;
  margin-top: var(--sp-3, 12px);
  padding: var(--sp-4, 16px) var(--sp-5, 20px);
  border: var(--border-1);
  border-radius: var(--r-panel, 22px);
  background: var(--surface, rgba(255, 255, 255, .7));
  color: var(--az-muted, #4c4f54);
  font-size: var(--text-md, 16.5px);
  line-height: var(--leading-loose, 1.7);
}

/* Avantaj rozeti (mega menü + hamburger) */
.az-mega__badge { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: var(--r-chip); background: var(--red-soft, rgba(216,154,56,.14)); color: var(--red, #d89a38); font-style: normal; font-size: 10.5px; font-weight: var(--w-bold); letter-spacing: .03em; vertical-align: middle; }
.anzelha-menu-panel__link--primary { font-weight: var(--w-bold); color: var(--red, #d89a38); }

/* ============================================================
   Header 2.0 — kapsül düzeni (Genel Final: "üst dock" düzeni).
   Bundle'daki sabit grid yerine esnek dizilim: hiçbir genişlikte
   sağdan/soldan taşmaz; ikonlar her yüzeyde okunur renktedir.
   ============================================================ */
.az-header { right: clamp(10px, 1.8vw, 24px); left: clamp(10px, 1.8vw, 24px); }
.az-header .az-header__inner {
  display: grid;
  /* Kullanıcının referans ekran görüntüsündeki ("eski hali") yerleşim: nav sayfanın
     tam ortasında DEĞİL, logo ile aksiyonlar arasındaki kalan boşluğun ortasında —
     "1fr auto 1fr" (sayfa-merkezi) yerine "auto 1fr auto" + nav'ın orta sütunda
     ortalanması bunu birebir üretir (eski bundle.css grid'inin davranışı). */
  grid-template-columns: auto 1fr auto; /* logo | nav (aradaki boşlukta ortalı) | aksiyonlar */
  align-items: center;
  gap: clamp(10px, 1.4vw, 22px);
  height: 72px;
  padding: 0 clamp(12px, 1.4vw, 22px);
  overflow: hidden;
  overflow: clip;
  color: var(--az-ink, #1d1a16);
}
.az-header .az-brand { justify-self: start; }
.az-header .az-desktop-nav { justify-self: center; }
.az-header .az-header__actions { justify-self: end; }
.az-header .az-brand { margin-left: clamp(2px, .6vw, 10px); }
/* Logo arkasındaki beyaz yüzey kaldırıldı; açık kapsülde gereksiz. Koyu temada
   okunabilirlik için yumuşak küçük kapsül geri gelir. */
.az-header .anzelha-logo-surface { padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
/* Logo TEK eleman: CSS arka planı. İki görselin üst üste binmesi imkânsızdır.
   7.309.4: Başlıkta yalnız dolu YATAY marka dosyaları kullanılır. Eski
   assets/brand içindeki 813x813 kare tuval, "contain" ile görünür işareti
   birkaç piksele düşürüyordu. Açık modda siyah; koyu modda beyaz logo. */
[data-theme="dark"] .az-header .anzelha-logo-surface { padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.az-brand .anzelha-brand-mark {
  display: block;
  width: clamp(128px, 12vw, 158px);
  height: 50px;
  background-image: url("../images/brand/anzelha-logo.png?v=7.379.0");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
[data-theme="dark"] .az-brand .anzelha-brand-mark {
  background-image: url("../images/brand/anzelha-logo-dark.png?v=7.379.0");
}
@media (max-width: 767px) { .az-brand .anzelha-brand-mark { width: clamp(120px, 34vw, 140px); height: 44px; } }
/* md.11 (7.59.0): logo görseli yüklenemezse görünür metin fallback.
   main.js iki varyantı da doğrular; başarısız olan tema için köke
   az-logo-light-failed / az-logo-dark-failed sınıfını yazar. Yalnız AKTİF
   temanın dosyası bozuksa devreye girer; ekran okuyucu için aria-label zaten
   işaretlemede. Metin currentColor akışında — iki temada da token kontrastı. */
html.az-logo-light-failed:not([data-theme="dark"]) .az-brand .anzelha-brand-mark,
html.az-logo-light-failed:not([data-theme="dark"]) .az-footer-logo .anzelha-footer-mark,
html[data-theme="dark"].az-logo-dark-failed .az-brand .anzelha-brand-mark,
html[data-theme="dark"].az-logo-dark-failed .az-footer-logo .anzelha-footer-mark {
  background-image: none;
  display: flex;
  align-items: center;
}
html.az-logo-light-failed:not([data-theme="dark"]) .az-brand .anzelha-brand-mark::after,
html.az-logo-light-failed:not([data-theme="dark"]) .az-footer-logo .anzelha-footer-mark::after,
html[data-theme="dark"].az-logo-dark-failed .az-brand .anzelha-brand-mark::after,
html[data-theme="dark"].az-logo-dark-failed .az-footer-logo .anzelha-footer-mark::after {
  content: "anzelha";
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -.02em;
  line-height: 1;
  color: inherit;
}

/* 7.60.0 (CSS konsolidasyonu): buradaki `transition:none !important` ve
   `.scrolled { height:72px }` kuralları surface-system'in aynı ağırlıktaki
   kurallarına kaskadda zaten yenik düşüyordu (iki !important çelişkisi).
   Yükseklik/geçiş otoritesi TEK: surface-system (64→56; mobilde mobile-app 64). */
.az-header .az-desktop-nav { display: flex; align-items: center; gap: clamp(13px, 1.4vw, 20px); }
/* B.13-1 (sadeleştirme): üst menü öğeleri ikonlu + hafif — ne kırmızı dolgulu pill,
   ne de ikonsuz düz metin. Kırmızı vurgu yalnız Sipariş Ver butonunda kalır.
   Aralıklar: 7.17.7'de genişletilmişti (14/8/12px), kullanıcı geri bildirimiyle
   ("düzenini eski yap, ikonlar kalsın") B.13-1'in orijinal kompakt değerlerine
   (10/6/10px) geri döndü — ikonlara dokunulmadı.
   Metin rengi: header kapsülü artık (7.17.2) hero fotoğrafından bağımsız hep
   %90 opak açık zemin (koyu modda koyu zemin) — beyaz metin bu yüzden açık
   modda beyaz-üstüne-beyaz oluyordu; ikon aksiyon butonları zaten `color:inherit`
   ile doğru koyu tona düşüyordu, yalnız bu seçici sabit #fff kalmıştı. */
/* 7.51.0 — KAPSAM DÜZELTMESİ: bu blok eskiden `.az-desktop-nav a` idi ve
   açılır panellerin (.az-nav-drop) İÇİNDEKİ tüm bağlantılara da sızıyordu:
   align-items:center panel metinlerini ortalıyor, inline-flex + nowrap mega
   ürün satırlarını bozuyordu ("menü öğeleri üst üste biniyor" şikâyetinin
   kökü). Kurallar artık YALNIZ üst bardaki tetikleyici bağlantılara uygulanır. */
.az-header .az-desktop-nav > a,
.az-header .az-desktop-nav .az-nav-item > .az-nav-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 6px;
  border-radius: var(--az-radius-chip, 999px);
  color: var(--az-ink, #1d1a16);
  font-size: 14px; /* eski ekran görüntüsündeki ferah düzen referans: büyük ama taşırmayan boyut (kullanıcı talebi) */
  font-weight: 600;
  white-space: nowrap;

}
[data-theme="dark"] .az-header .az-desktop-nav > a,
[data-theme="dark"] .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger { color: var(--dark-text, #F5F7F8); }
/* 7.76.0 — Nav öğe BAŞ ikonları referans navigasyon çubuğuna göre geri getirildi
   (Menü ızgara · Şubelerimiz uçak · Rezervasyon takvim · Anzelha Puan rozet · Sıra
   Gecesi sparkles). 7.49.0'da kaldırılma nedeni ikonların YALNIZ 1024-1279px'te
   gizlenip ≥1280px'te görünmesiydi (pencereye göre iki görünüm). Bu kök neden
   giderildi: baş ikonlar artık TÜM ≥1024px genişliklerde ve tüm tarayıcılarda
   AYNI biçimde görünür — genişliğe bağlı gizleme kuralı YOK (güncel talimat
   üstündür; "ikonlar kalsın" tasarım niyetiyle de uyumlu). */
.az-header .az-desktop-nav > a > .anzelha-icon:first-child,
.az-header .az-desktop-nav .az-nav-item > .az-nav-trigger > .anzelha-icon:first-child {
  display: block;
  width: 17px;
  height: 17px;
  stroke-width: 1.8;
  flex-shrink: 0;
}
.az-header .az-desktop-nav .anzelha-icon--chevron-down {
  display: block;
  width: 15px;
  height: 15px;
  stroke-width: 1.8;
  flex-shrink: 0;
  opacity: .7;
}
@media (hover: hover) {
  .az-header .az-desktop-nav > a:hover,
  .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger:hover { background: rgba(20, 18, 14, .08); }
}
.az-header .az-desktop-nav > a[aria-current="page"],
.az-header .az-desktop-nav .az-nav-item > .az-nav-trigger[aria-current="page"] { background: rgba(20, 18, 14, .1); font-weight: 700; }
[data-theme="dark"] .az-header .az-desktop-nav > a[aria-current="page"],
[data-theme="dark"] .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger[aria-current="page"] { background: rgba(255, 255, 255, .14); }
[data-theme="dark"] .az-header .az-desktop-nav > a:hover,
[data-theme="dark"] .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger:hover { background: rgba(255, 255, 255, .08); }
/* 1024-1439px taşma geçmişi: bu aralıkta nav+aksiyonlar daha önce font/boşluk/buton
   sıkıştırmasıyla (12.5px, 2px gap, 34px buton) sığdırılıyordu — kullanıcı bu ezik
   görünümü canlıda reddetti ("bozuk üst menü"). Sıkıştırma tamamen kaldırıldı; ferah
   ölçüler her genişlikte korunur, gerçekten yer kalmayan aralıkta ise masaüstü nav
   gizlenir (dosyanın sonundaki kademeli bloklar). */
.az-header .az-header__actions { display: flex; align-items: center; gap: 13px; }
.az-header__actions > * { flex: 0 0 auto; }

/* Tek boyut sistemi: 42px kapsül ikonları, okunur kontrast.
   B.13-2 kök neden: display burada .az-menu-toggle için de koşulsuz set ediliyordu,
   bu da masaüstünde hamburger'i (bundle.css'teki gated grid/none kurallarını ezerek)
   görünür kılıyordu. display artık yalnız .az-icon-action için burada tanımlanır;
   .az-menu-toggle'ın display'i tamamen bundle.css'teki media query'lere bırakılmıştır. */
.az-header__actions .az-icon-action,
.az-header__actions .az-menu-toggle {
  width: 42px;
  height: 42px;
  min-width: 42px;
  /* bundle.css'teki .anzelha-icon-button{min-height:44px} yüksekliği 44'e çekip
     butonları oval yapıyordu; daire garantisi için min-height burada eşitlenir. */
  min-height: 42px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(29, 24, 18, .12);
  border-radius: var(--az-radius-chip);
  background: rgba(29, 24, 18, .05);
  color: inherit;
}
.az-header__actions .az-icon-action { display: inline-flex; }
.az-header__actions .az-compact-action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 14px 0 11px;
  border: 1px solid rgba(29, 24, 18, .12);
  border-radius: var(--az-radius-chip);
  background: rgba(29, 24, 18, .05);
  color: inherit;
  font-size: .74rem;
  font-weight: 650;
}
/* 7.49.0 — Talimat standardı: tüm işlem ikonları 22px / stroke 1.8 / display:block
   / flex-shrink:0 — line-height kaynaklı hizalama farkı ve ezilme engellenir. */
.az-header__actions .anzelha-icon {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
/* Safari'de .az-account-name/.az-points-link (giriş yapmış kullanıcı üst menüsü) içindeki
   ikonlar bazen boş çiziliyordu: eski anzelha.bundle.css'in genel `.anzelha-icon{display:block;
   flex:0 0 auto}` kuralı ile design-system.css'in yalnız flex-shrink'i geçersiz kılan header
   kuralı arasında flex-basis/display belirsizliği oluşuyordu. Bu iki bileşen için tüm boyut ve
   flex özellikleri tek, yüksek özgüllüklü kuralda açıkça sabitlendi — belirsizlik bırakılmadı. */
.az-header__actions .az-account-name .anzelha-icon,
.az-header__actions .az-points-link .anzelha-icon {
  display: block;
  overflow: visible;
  width: 19px;
  height: 19px;
  min-width: 19px;
  min-height: 19px;
  flex: 0 0 19px;
}
.az-header__actions .az-menu-toggle span { display: none; }
.az-header__actions .az-points-link { color: inherit; }

/* Sipariş Ver: birincil kırmızı kapsül. */
.az-header__actions .az-order-button {
  height: 42px;
  padding: 0 clamp(13px, 1.2vw, 20px);
  border: 0;
  border-radius: var(--az-radius-chip);
  background: var(--red, #d89a38);
  color: #fff;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.az-header__actions .az-order-button:hover { background: var(--red-deep, #b8161d); }

/* Sepet rozeti kapsül köşesinde, taşmadan. */
.az-header__actions .az-cart-link { position: relative; }
.az-header__actions .az-cart-link .mobile-cart-count { position: absolute; top: -3px; right: -3px; border: 2px solid rgba(255, 255, 255, .9); }

/* Koyu tema. */
[data-theme="dark"] .az-header .az-header__inner { color: var(--dark-text, #F5F7F8); }
[data-theme="dark"] .az-header__actions .az-icon-action,
[data-theme="dark"] .az-header__actions .az-menu-toggle,
[data-theme="dark"] .az-header__actions .az-compact-action { border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .08); }
[data-theme="dark"] .az-header__actions .az-cart-link .mobile-cart-count { border-color: rgba(18, 20, 22, .9); }

/* Kademeli daralma: önce metin etiketleri, sonra ikincil öğeler.
   7.51.0 — eşik 1560→1719: kapsül 1720'ye kadar 1440px'te sabit; 1561-1719
   aralığında ad görünürken üç kolonun toplamı kapsülü ~12px aşıyor ve nav
   marka kutusuna biniyordu (1680'de ölçüldü). Ad, kapsülün genişlediği
   1720'den itibaren gösterilir — hiçbir genişlikte binme kalmaz. */
@media (max-width: 1719px) {
  .az-header__actions .az-account-name .header-user-name { display: none; }
  .az-header__actions .az-account-name { width: 42px; min-width: 42px; padding: 0; justify-content: center; }
}
@media (max-width: 1440px) {
  .az-header__actions .header-points-label { display: none; }
}
@media (max-width: 1280px) {
  .az-header__actions .az-compact-action { display: inline-flex; height: auto; padding: 0 12px; font-size: .72rem; }
  .az-header__actions .az-account-name { padding: 0; }
}
@media (max-width: 767px) {
  /* 7.60.0: 62px ölü kuraldı (mobile-app 64px kazanıyordu) — yükseklik/var
     artık yalnız mobile-app'te; burada yalnız dolgu ve aksiyon boyutları. */
  .az-header .az-header__inner { padding: 0 8px; }
  .az-header__actions .az-icon-action,
  .az-header__actions .az-menu-toggle { width: 40px; height: 40px; min-width: 40px; }
  .az-header__actions .az-order-button { height: 40px; }
}
/* Sipariş Ver ≤640'ta gizlenir: alt sekmelerde vurgulu Sipariş zaten var. */
@media (max-width: 640px) {
  .az-header__actions .header-order-button { display: none; }
}
/* ============================================================
   HEADER KIRILIM DÜZELTMESİ (7.32.0) — "Safari'de masaüstü menü kayboluyor"
   ------------------------------------------------------------
   KÖK NEDEN (Safari'ye özel DEĞİL; her motorda aynı, yalnız Safari'de
   ekran ölçekleme/zoom yüzünden efektif CSS genişliği daha erken
   düşüyor ve kural devreye giriyordu):

   1) anzelha.bundle.css:670 → @media (max-width:1280px) and (min-width:701px)
      `.az-menu-toggle { display: grid }`  → hamburger 701-1280px'te açık
      `.az-header__inner { grid-template-columns: 166px 1fr }` → header
      ÜÇ çocuklu (marka/nav/aksiyonlar) olmasına rağmen İKİ kolona
      düşürülüyor; üçüncü çocuk örtük (implicit) track'e taşıyor ve orta
      nav kolonu eziliyor. Asıl bozulma buydu.
   2) Bu dosyadaki eski `@media (max-width: 1024px)` → `.az-desktop-nav
      { display: none }` → 1024px DAHİL nav gizleniyordu; talimat
      "1024 ve üzeri kesinlikle görünmeli" diyor (1024 sınırı hatalıydı).
   3) İkisinin bileşimi: 1025-1280px arasında nav VE hamburger AYNI ANDA
      görünüyordu (talimatın açıkça yanlış dediği durum).

   ÇÖZÜM: kırılımlar tek yerden ve talimattaki eşiklerle kurulur.
   Safari'ye özel hack YOK; yapı her motorda aynı sonucu verir.
   ============================================================ */

/* Header her genişlikte ÜÇ kolon: marka | nav | aksiyonlar.
   Orta kolon min-width:0 olmalı ki içerik onu ezmesin. */
.az-header .az-header__inner {
  grid-template-columns: auto minmax(0, 1fr) auto;
  overflow: visible;
}
.az-header .az-brand,
.az-header .az-header__actions { flex: 0 0 auto; min-width: 0; }
.az-header .az-desktop-nav { min-width: 0; flex-wrap: nowrap; }
.az-header .az-desktop-nav > *,
.az-header .az-desktop-nav .az-nav-item,
.az-header .az-desktop-nav .az-nav-trigger { flex: 0 0 auto; white-space: nowrap; }
/* Sipariş Ver gereksiz genişlemesin (talimat 6). */
.az-header__actions .az-order-button { min-width: auto; white-space: nowrap; }

/* ≥1024px: masaüstü nav KESİNLİKLE görünür, hamburger gizli.
   bundle.css'in 701-1280 kuralı burada geçersiz kılınır. */
@media (min-width: 1024px) {
  .az-header .az-desktop-nav { display: flex; visibility: visible; opacity: 1; }
  .az-header__actions .az-menu-toggle { display: none; }
  .az-header .az-header__inner { grid-template-columns: auto minmax(0, 1fr) auto; }
  /* bundle.css'in @media(max-width:1024px) kuralı tam 1024'te de geçerli olup
     aksiyonları 2. kolona taşıyor ve 3. kolonu 0px'e düşürüyordu — sıfırlanır. */
  .az-header .az-header__actions { grid-column: auto; }
}
/* 1024-1279px: nav gizlenmez, SIKILAŞIR (talimat 2'deki orta kademe). */
@media (min-width: 1024px) and (max-width: 1279px) {
  .az-header .az-desktop-nav { gap: clamp(4px, .55vw, 8px); }
  .az-header .az-desktop-nav > a,
  .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger { font-size: clamp(11px, .86vw, 12.5px); padding-inline: 5px; }
  /* Bu dar bantta aksiyon daireleri 36px'e, aralıkları 3px'e iner ki 5 nav etiketi
     (Sıra Gecesi dahil) logo+aksiyonlarla çakışmadan tam sığsın. Dokunma alanı ≥36
     (masaüstü işaretçi bağlamı; mobilde 44 korunur). Referans ≥1280'de tam boyut. */
  .az-header__actions { gap: 3px; }
  .az-header__actions .az-icon-action { width: 36px; height: 36px; min-width: 36px; min-height: 36px; }
  .az-header__actions .az-icon-action .anzelha-icon { width: 20px; height: 20px; flex-basis: 20px; }
  /* Bu bantta telefon ve saat ikonları gizlenir: ikisi de hero durum şeridinde
     (444 85 63 + çalışma durumu) zaten görünür — böylece 5 nav etiketi tam sığar.
     ≥1280'de (referans) hepsi geri gelir. */
  .az-header__actions .az-phone-action,
  .az-header__actions .az-clock-action { display: none; }
  /* 7.76.0 — Baş ikonlar YALNIZ referans masaüstünde (≥1280px) gösterilir; bu dar
     tablet bandında (1024-1279) 5 öğe+ikon+5 aksiyon dairesi yan yana sığmıyor ve
     "Anzelha Puan" aksiyonlarla çakışıyordu. Burada baş ikonlar gizlenir, etiketler
     tam kalır (chevron durur). Bu, 7.49.0'ın "aynı masaüstü düzeninde ikon açılıp
     kapanması" sorunundan farklı: TEK, net bir kırılım (≥1280 ikonlu / <1280 etiket)
     — büyük ekranda daha zengin, tablette sade; kullanıcının "ikonlu nav" talebiyle
     uyumlu, çakışma/kırpılma olmadan. */
  .az-header .az-desktop-nav > a > .anzelha-icon:first-child,
  .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger > .anzelha-icon:first-child { display: none; }
  .az-header__actions { gap: 4px; }
  .az-header__actions .az-order-button { padding-inline: 14px; }
}
/* ≤1023px: mobil/tablet — hamburger devreye girer, nav panele taşınır. */
@media (max-width: 1023px) {
  .az-header .az-desktop-nav { display: none; }
  .az-header .az-header__inner { grid-template-columns: auto 1fr; }
  .az-header__actions .az-search-action { display: none; }
  .az-header__actions .az-menu-toggle { display: grid; order: 4; }
}
/* ≤480: hesap ikonuyla birlikte gizlenir (alt sekmelerde Hesabım var, puan orada
   görünür). Önceden 640px'te tek başına daha erken kayboluyordu — komşu ikonlarla
   (hesap, sepet) tutarsız görünüyordu; artık aynı eşikte birlikte kayboluyor. */
@media (max-width: 480px) {
  .az-header__actions .az-account-action,
  .az-header__actions .az-points-link { display: none; }
}
/* ≤430: sepet alt sekmelere taşınmıştır. */
@media (max-width: 430px) {
  .az-header__actions .az-cart-link { display: none; }
}

/* ============================================================
   Hamburger paneli (masaüstü) — kompakt iOS açılır kartı.
   Tam genişlik iki sütunlu dev panel yerine sağa demirli,
   tek sütun, kaydırılabilir küçük kart.
   7.70.0 (Modal Sheet Talimatı md.22): kırılım 768→1024 alındı —
   768-1023 tablet aralığı artık mobil sheet sistemini kullanır
   (mobile-app.css); bu açılır kart YALNIZ masaüstü davranışıdır.
   Eski 768 eşiği, bundle'ın ≤1023 tam-ekran konumuyla çakışıp
   tablet panelini ekran dışına itiyordu (top:calc(100% + 8px)
   position:fixed ile viewport altına düşer).
   ============================================================ */
@media (min-width: 1024px) {
  /* Kapsülün bitim hizası: dış header'ın 24px iç boşluğu kadar içeri alınır; kart kapsülü aşmaz. */
  .anzelha-menu-panel { top: calc(100% + 8px); right: 24px !important; left: auto !important; width: min(400px, calc(100vw - 48px)) !important; }
  .anzelha-menu-panel > .anzelha-menu-panel__surface { display: flex; flex-direction: column; max-height: min(72vh, 640px); }
  .anzelha-menu-panel__header { padding: 14px 18px 2px !important; }
  .anzelha-menu-panel__header h2 { font-size: 17px !important; }
  .anzelha-menu-panel__header small { font-size: 10px !important; }
  .anzelha-menu-panel .anzelha-menu-panel__close { width: 38px; height: 38px; border-radius: 11px; }
  .anzelha-menu-panel__content {
    grid-template-columns: 1fr !important;
    row-gap: 1px !important;
    padding: 8px 12px 12px !important;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  .anzelha-menu-panel__content::-webkit-scrollbar { width: 5px; }
  .anzelha-menu-panel__content::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(20, 16, 12, .2); }
  .anzelha-menu-panel .anzelha-menu-panel__link { min-height: 42px; border-radius: 10px; font-size: 14.5px !important; }
  .anzelha-menu-panel__group { margin-top: 12px; }
  .anzelha-menu-panel__footer { flex-wrap: wrap; gap: 8px; padding: 10px 14px !important; }
  .anzelha-menu-panel__footer a, .anzelha-menu-panel__footer button { min-height: 40px; }
}
/* 7.66.0: eski 701-768px "tweener" kenar düzeltmesi kaldırıldı — kırılım
   birleştirmesiyle (mobil ≤767 / tablet ≥768) o aralık artık yok; 768'de
   kabuk kenarı 24px olduğundan panelin varsayılan right:24px doğrudur. */

/* ============================================================
   YAZI SİMETRİSİ — tüm site: başlıklar dengeli sarar, metinler
   dul satır bırakmaz (iOS akıcı tipografi). Modern tarayıcılarda
   çalışır; desteklemeyende görünüm bozulmaz.
   ============================================================ */
h1, h2, h3, .az-section-head h2,
.wa-chat__header strong, .anzelha-menu-panel__header h2 {
  text-wrap: balance;
}
p, .az-section-head p,
.wa-msg {
  text-wrap: pretty;
}

.favorite-button { width: 44px; height: 44px; }

/* Şube kartı aksiyonları: ikon + etiket (madde 8) — Telefon/Yol Tarifi/Sipariş Ver/Rezervasyon. */

/* ============================================================
   Kategori/ürün arşivi başlığı — modern iOS
   ============================================================ */
.woocommerce .woocommerce-result-count {
  display: inline-flex;
  align-items: center;
  margin: 4px 0 16px !important;
  padding: 7px 14px;
  border-radius: 999px;
  background: var(--lg-bg, rgba(255, 255, 255, .68));
  border: 1px solid var(--lg-border, rgba(20, 18, 14, .1));
  color: var(--az-muted, #6b7075);
  font-size: 13px;
  font-weight: 600;
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  backdrop-filter: blur(10px) saturate(160%);
}
.woocommerce .woocommerce-ordering select {
  min-height: 46px;
  padding: 0 40px 0 16px;
  border: 1px solid var(--lg-border, rgba(20, 18, 14, .12));
  border-radius: 14px;
  background-color: var(--lg-bg, rgba(255, 255, 255, .72));
  color: var(--az-ink, #17181a);
  font-weight: 650;
  font-size: 14px;
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  backdrop-filter: blur(10px) saturate(160%);
  cursor: pointer;
  
}
.woocommerce .woocommerce-ordering select:hover { border-color: var(--red, #d89a38); }
[data-theme="dark"] .woocommerce .woocommerce-ordering select { background-color: rgba(24, 26, 28, .8); color: var(--dark-text, #F5F7F8); border-color: rgba(255, 255, 255, .14); }
[data-theme="dark"] .woocommerce .woocommerce-result-count { background: rgba(24, 26, 28, .7); color: var(--dark-text-secondary, #AEB4B8); border-color: rgba(255, 255, 255, .12); }
/* Kategori başlığı: dengeli, temiz iOS tipografi. */
.az-page-hero h1 { text-wrap: balance; letter-spacing: -.025em; }

/* Bölüm başlığı ↔ yan öğe (telefon/link) çakışması: orta ekranda başlık uzarsa
   yan öğeye biner. Yan öğe her zaman satır kırmaz; dar/orta ekranda bölüm dikey
   sarılır (başlık üstte, yan öğe altta) — denetim raporu §5. */
.az-section-head > a,
.az-section-head > div ~ a { white-space: nowrap; flex: 0 0 auto; }
.az-section-head > div { min-width: 0; }
@media (max-width: 900px) {
  .az-section-head { flex-direction: column; align-items: flex-start !important; gap: 10px !important; }
  .az-section-head > a, .az-section-head > div ~ a { align-self: flex-start; }
}

/* ---------- Adım adım rezervasyon formu ----------
   Ana sayfada VE bağımsız /rezervasyon/ sayfasında aynı formda kullanılır;
   bu yüzden her sayfada yüklenen bu dosyada olmalı (home-ios27.css yalnız
   ana sayfada yüklenir — orada olsaydı bağımsız sayfada tüm adımlar aynı
   anda açık kalırdı). */
.az-form-stepline { margin: 0 0 12px; font-size: 13px; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; color: var(--red, #d89a38); }
.az-form-step { display: none; }
.az-form-step.is-active { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.az-form-step .wide, .az-form-step .az-form-next, .az-form-step .az-form-back, .az-form-step button[type="submit"] { grid-column: 1 / -1; }
.az-form-next, .az-form-back { min-height: 48px; border-radius: 14px; font-weight: 750; cursor: pointer; transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1); }
.az-form-next:active, .az-form-back:active { transform: scale(.98); }
.az-form-back { border: 1px solid var(--az-line, rgba(16, 20, 22, .12)); background: transparent; }
@media (max-width: 560px) { .az-form-step.is-active { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .az-form-next, .az-form-back { transition: none; } }

/* Hikayemiz — sheet yerine tam sayfa (page-hikayemiz.php). .az-media-credit,
   .content-page, .az-page-hero zaten paylaşılan/genel tanımlı, burada tekrar edilmedi. */
.az-story-section{max-width:760px;margin:0 auto 56px}
.az-story-section h2{margin:0 0 14px;font-size:clamp(22px,3vw,30px);font-weight:650;letter-spacing:-.02em}
.az-story-section p{line-height:1.75;color:var(--az-charcoal,#2a241f)}
.az-story-section__media{margin-top:22px}
.az-story-section__media img{width:100%;border-radius:20px}
.az-story-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.az-story-gallery__item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.az-story-gallery__item figcaption{margin-top:6px;color:var(--az-muted,#767066);font-size:.68rem}
.az-story-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--az-line,rgba(20,18,14,.12))}
@media(max-width:850px){.az-story-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.az-story-gallery{grid-template-columns:1fr}}

/* Header'ın ara genişliklerde (1024-1439px) sığması — kullanıcı kararı (18 Tem 2026):
   önceki çözüm bu aralıkta HER ŞEYİ sıkıştırıyordu (34px oval butonlar, 12.5px nav,
   2px boşluklar) ve kullanıcı bu ezik görünümü canlıda görüp reddetti. Ferah düzen
   (42px daire butonlar, 14px nav, geniş boşluklar) artık HİÇBİR genişlikte bozulmaz;
   yer azaldıkça öğe KÜÇÜLTÜLMEZ, kademeli olarak GİZLENİR (iOS yaklaşımı):
   - 1280-1439px: yalnız hafif boşluk/padding kısması — ölçülü, ezmeyen değerler.
     (Ölçüldü: giriş yapmış kullanıcının aksiyon satırı ~459px + nav ~470px; 1260px'te
     kapsül hâlâ ~7px sağ padding'e taşıyordu, 1280px'te rahat sığıyor — eşik bu yüzden
     1280; MacBook varsayılanı 1280px'te nav görünür kalır.)
   - 1025-1279px: masaüstü nav gizlenir; aynı bağlantılar zaten hamburger panelinde
     eksiksiz var (hamburger bundle.css'te ≤1280px'te görünür, boşluk kalmaz).
   Bilerek dosyanın EN SONUNDA: aynı özgüllükteki önceki kurallara karşı kaynak
   sırası bu bloğu kazandırır. */
@media (max-width: 1439px) and (min-width: 1280px) {
  .az-header .az-desktop-nav { gap: clamp(7px, .9vw, 12px); }
  .az-header .az-desktop-nav > a,
  .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger { padding: 0 5px; font-size: 13.5px; gap: 5px; }
  /* 7.76.0 — Baş ikonlar bu aralıkta da görünür, yalnız 15px'e kompaktlaşır. */
  .az-header .az-desktop-nav > a > .anzelha-icon:first-child,
  .az-header .az-desktop-nav .az-nav-item > .az-nav-trigger > .anzelha-icon:first-child { width: 15px; height: 15px; }
  .az-header .az-header__actions { gap: 8px; }
  .az-header__actions .az-order-button { padding: 0 12px; }
  /* Puan değeri büyüdüğünde (ör. 12.500) 1280px'te taşmasın diye küçük pay:
     görünümü bozmayan iki kısma — pil dolgusu ve dil butonu asgari genişliği. */
  .az-header__actions .az-compact-action { padding: 0 10px 0 8px; }
  .az-header__actions .az-language-switch a { min-width: 32px; }
}
/* 7.32.0 — KALDIRILDI: bu blok 1025-1279px'te masaüstü nav'ı gizliyordu.
   Bu, "Safari'de menü kayboluyor" şikâyetinin İKİNCİ kök nedeniydi (birincisi
   bundle.css:670'teki iki-kolon grid + hamburger). Ekran ölçekleme/zoom ile
   efektif CSS genişliği 1279'un altına düşünce nav yok oluyordu.
   Yerine yukarıdaki `@media (min-width:1024px) and (max-width:1279px)` bloğu
   geçti: nav GİZLENMEZ, yalnız sıkılaşır (talimat 2'deki orta kademe). */
@media (max-width: 1279px) and (min-width: 1025px) {
  .az-header .az-header__actions { gap: 8px; }
}


/* ============================================================
   MASTER PLP v2 (Mağaza/Menü listesi) — kompakt hero, kapsül
   kategori barı, üst sıralama, Apple Wallet cam puan rozeti,
   premium ürün kartı. Bundle'daki eski liste stillerini geç
   yüklenme sırasıyla bastırır (tek otorite bu blok).
   ============================================================ */
.az-plp-hero { max-height: 140px; padding: 0 0 var(--sp-5, 20px) !important; }
.az-plp-hero h1 { margin: 0 0 6px; font-size: clamp(28px, 3.2vw, 40px) !important; letter-spacing: -.035em; }
.az-plp-hero__meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; color: var(--az-muted, #62676b); font-size: var(--text-sm, 13.5px); }
.az-plp-hero__meta strong { color: var(--lb-ink, #17181a); font-weight: var(--w-bold, 750); }

/* Yapışkan menü çubuğu: konum artık header açıklığı token'ına bağlı (denetim §9) —
   bundle.css'teki sabit 104/96/86px sihirli sayıları yerine tek geometri. Parite:
   masaüstü 84+20=104px, mobil 66+20=86px. Header yüksekliği değişirse çubuk uyum sağlar. */
.menu-page .menu-toolbar { position: sticky; z-index: 30; top: calc(var(--header-clearance) + 20px); display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 10px; border-radius: var(--r-panel, 22px); }
.menu-page .menu-search { flex: 1 1 240px; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 14px; border: 1px solid var(--lb-border, rgba(20,18,14,.09)); border-radius: var(--r-field, 14px); background: var(--lb-bg, rgba(255,255,255,.92)); }
.menu-page .menu-search .anzelha-icon { width: 18px; height: 18px; color: var(--az-muted, #62676b); }
.menu-page .menu-search input { flex: 1; min-height: 46px; border: 0; background: transparent; color: inherit; font: inherit; outline: 0; }
.menu-page .menu-sort select { min-height: 48px; padding: 0 14px; border: 1px solid var(--lb-border, rgba(20,18,14,.09)); border-radius: var(--r-field, 14px); background: var(--lb-bg, rgba(255,255,255,.92)); color: inherit; font: inherit; font-weight: var(--w-semibold, 650); }
.menu-page .favorites-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px; border: 1px solid var(--lb-border, rgba(20,18,14,.09)); border-radius: var(--r-chip, 999px); background: var(--lb-bg, rgba(255,255,255,.92)); color: inherit; font: inherit; font-weight: var(--w-semibold, 650); cursor: pointer; }
.menu-page .favorites-toggle .anzelha-icon { width: 17px; height: 17px; }
.menu-page .favorites-toggle b { min-width: 22px; padding: 2px 7px; border-radius: var(--r-chip, 999px); background: var(--red-soft, rgba(216,154,56,.14)); color: var(--red, #d89a38); font-size: var(--text-xs, 12px); text-align: center; }

/* Kapsül kategori barı: yatay kaydırma, aktif yeşil dolgulu. */
.menu-page .filter-bar { display: flex; gap: 8px; overflow-x: auto; padding: 10px !important; border-radius: var(--r-chip, 999px); scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.menu-page .filter-bar::-webkit-scrollbar { display: none; }
.menu-page .filter-chip {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--lb-border, rgba(20,18,14,.09));
  border-radius: var(--r-chip, 999px);
  background: var(--lb-bg, rgba(255,255,255,.92));
  color: var(--lb-muted, #4c4f54);
  font: inherit;
  font-size: var(--text-sm, 13.5px);
  font-weight: var(--w-bold, 750);
  white-space: nowrap;
  cursor: pointer;
  transition: opacity var(--motion-fast, 160ms) var(--motion-ease, ease);
}
.menu-page .filter-chip:hover { border-color: rgba(216, 154, 56,.4); box-shadow: var(--shadow-1, 0 4px 14px rgba(30,24,16,.05)); }
.menu-page .filter-chip.active { border-color: transparent; background: var(--red, #d89a38); color: #fff; box-shadow: var(--shadow-red, 0 8px 24px rgba(195,121,28,.28)); }
/* Çipler artık gerçek <a> bağlantısıdır (URL durumlu kategori): buton görünümünü korur. */
.menu-page .filter-chip { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }

/* Sunucu sayfalama + sonuç özeti + kategori kartı aktif durumu (denetim P0/P1). */
.menu-page .az-product-region { transition: opacity var(--motion-fast, 160ms) var(--motion-ease, ease); }
.menu-page .az-result-summary { margin: 2px 2px 14px; color: var(--az-muted, #62676b); font-size: var(--text-sm, 13.5px); font-weight: var(--w-semibold, 650); }
.menu-page .az-cat-card.is-current { border-color: var(--red, #d89a38); box-shadow: var(--shadow-red, 0 8px 24px rgba(195,121,28,.28)); }
.menu-page .menu-apply { min-height: 48px; }
.menu-page .az-pagination { margin: 24px 0 4px; }
.menu-page .az-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.menu-page .az-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--lb-border, rgba(20,18,14,.09));
  border-radius: var(--r-field, 14px);
  background: var(--lb-bg, rgba(255,255,255,.92));
  color: var(--lb-ink, #17181a);
  font-weight: var(--w-bold, 750);
  text-decoration: none;
  transition: box-shadow var(--motion-fast, 160ms) var(--motion-ease, ease);
}
.menu-page .az-pagination a.page-numbers:hover { border-color: rgba(216,154,56,.4); box-shadow: var(--shadow-1, 0 4px 14px rgba(30,24,16,.05)); }
.menu-page .az-pagination .page-numbers.current { border-color: transparent; background: var(--red, #d89a38); color: #fff; box-shadow: var(--shadow-red, 0 8px 24px rgba(195,121,28,.28)); }
.menu-page .az-pagination .page-numbers.dots { border-color: transparent; background: transparent; box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  .menu-page .az-product-region, .menu-page .az-pagination .page-numbers { transition: none; }
}
@media (prefers-reduced-motion: reduce) {
  .menu-page .filter-chip { transition: none; }
}

/* 7.56.0: .footer-hours (işaretlemede kullanılmayan ölü sınıf) ve .footer-trust
   yerleşimi kaldırıldı — güven bandının tek otoritesi surface-system.css. */

/* ============================================================
   7.106.0 (denetim P1) — DOKUNMA HEDEFİ ≥44×44 (Apple HIG)
   MUHAFAZAKÂR: görünen ikon/kutu boyutu ve YERLEŞİM DEĞİŞMEZ; yalnız görünmez
   `::after` hit-area büyütülür (tıklama ::after'a düşse de olay butona sayılır).
   • Yatay-paketli kontroller (dil anahtarı, header aksiyon daireleri): YALNIZ DİKEY
     genişletme → komşu hedefle çakışma olmaz (yatay boşluk bütçesi korunur).
   • Standalone kontroller (arama temizle, favori, panel kapat): tam 44×44 merkezli.
   Not: min CSS `tools/build-css.php` ile yeniden üretilir. */

/* Yatay-paketli: yalnız dikey (min 44 yükseklik), genişlik = öğe genişliği */
/* 7.119.0 (denetim §9 Faz 2b): aynı yatay-paketli desen overlay header'ın diğer
   ikon kontrollerine (anzelha-icon-button, clock, compact) + sepet adet düğmeleri +
   şifre göster/gizle düğmesine genişletildi. Hepsi komşu hedefe sahip → yalnız dikey. */
.az-language-switch a,
.az-header__actions .az-icon-action,
.az-header__actions .anzelha-icon-button,
.az-header__actions .az-clock-action,
.az-header__actions .az-compact-action,
.az-qty button,
.anzelha-auth .az-pass-toggle { position: relative; }
.az-language-switch a::after,
.az-header__actions .az-icon-action::after,
.az-header__actions .anzelha-icon-button::after,
.az-header__actions .az-clock-action::after,
.az-header__actions .az-compact-action::after,
.az-qty button::after,
.anzelha-auth .az-pass-toggle::after {
  content: ""; position: absolute; left: 0; right: 0; top: 50%;
  height: 100%; min-height: 44px; transform: translateY(-50%);
}

/* Standalone: tam 44×44 merkezli hit-area (görünen daire/kutu küçük kalır) */
.az-search-box__clear,.anzelha-menu-panel__close { position: relative; }
.az-search-box__clear::after,.anzelha-menu-panel__close::after,.favorite-button::after {
  content: ""; position: absolute; top: 50%; left: 50%;
  width: 100%; height: 100%; min-width: 44px; min-height: 44px;
  transform: translate(-50%, -50%);
}

/* §2 (7.140.0) — backdrop-filter yoksa arama sheet zemini tam opak (sayfa sızıntısı
   önlenir). Yalnız desteklenmeyen tarayıcıda uygulanır; modern cam görünüm korunur.
   Opak renkler panel bg alfalarının doygun karşılığı (#fafafa / #1c1c1e). */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .az-search-sheet__panel { background: #fafafa; }
  [data-theme="dark"] .az-search-sheet__panel { background: var(--dark-input, #121416); }
}

/* ============================================================
   7.150.0 — Menü master/detail çalışma alanı
   Referans kompozisyonu: solda kategori + ürün listesi, sağda yapışkan ürün detayı.
   ============================================================ */
.az-menu-prototype {
  max-width: none !important;
  padding: 0 !important;
  color: #171511;
  background:
    radial-gradient(circle at 34% 12%, rgba(216,154,56,.055), transparent 31%),
    #fbfaf7;
}
.az-menu-prototype .az-menu-shell {
  display: grid;
  grid-template-columns: minmax(0, 56%) minmax(500px, 44%);
  grid-template-rows: auto 1fr;
  width: min(1680px, 100%);
  min-height: calc(100vh - var(--header-height, 78px));
  margin: 0 auto;
  padding: 16px 18px 0;
}
.az-menu-prototype .az-menu-categories {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  padding: 0 14px 18px 10px;
  border-bottom: 1px solid rgba(44,35,22,.1);
}
.az-menu-prototype .az-menu-categories > header,
.az-menu-prototype .az-menu-list-head,
.az-menu-prototype .az-menu-drinks > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.az-menu-prototype .az-menu-categories > header { min-height: 44px; margin-bottom: 14px; }
.az-menu-prototype .az-menu-categories h2 {
  margin: 0;
  font-size: clamp(19px, 1.45vw, 24px);
  line-height: 1.2;
  letter-spacing: -.025em;
}
.az-menu-prototype .az-menu-categories > header > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 14px;
  color: #2c2925;
  background: rgba(255,255,255,.5);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 7px 20px rgba(20,24,28,.05);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
  transition: transform 360ms cubic-bezier(.2,.8,.2,1), border-color 360ms ease, box-shadow 360ms ease;
}
.az-menu-prototype .az-menu-categories > header > a span {
  color: #d67a00;
  transition: transform 360ms cubic-bezier(.2,.8,.2,1);
}
.az-menu-prototype .az-menu-category-row {
  display: grid;
  grid-template-columns: minmax(184px, 1.12fr) repeat(5, minmax(0, 1fr));
  gap: 12px;
  overflow: visible;
}
.az-menu-prototype .az-menu-category {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  min-width: 0;
  min-height: 212px;
  padding: 20px 18px 18px;
  overflow: hidden;
  color: inherit;
  background: rgba(255,255,255,.5);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 26px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 12px 32px rgba(20,24,28,.06);
  -webkit-backdrop-filter: blur(22px) saturate(115%);
  backdrop-filter: blur(22px) saturate(115%);
  text-decoration: none;
  transform: translateY(0) scale(1);
  transform-origin: 50% 70%;
  transition: transform 380ms cubic-bezier(.2,.8,.2,1), border-color 380ms ease, box-shadow 380ms ease, background-color 380ms ease;
}
.az-menu-prototype .az-menu-category::before {
  position: absolute;
  z-index: 0;
  top: -32%;
  left: -62%;
  width: 50%;
  height: 164%;
  background: rgba(255,255,255,.18);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: skewX(-18deg) translateX(0);
  transition: opacity 260ms ease, transform 600ms cubic-bezier(.2,.8,.2,1);
}
.az-menu-prototype .az-menu-category.is-current {
  border-color: rgba(221,133,0,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(219,138,9,.08), 0 12px 32px rgba(20,24,28,.07);
}
.az-menu-prototype .az-menu-category:focus-visible,
.az-menu-prototype .az-menu-categories > header > a:focus-visible {
  outline: 3px solid rgba(213,122,0,.38);
  outline-offset: 3px;
}
.az-menu-prototype .az-menu-category__icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  color: #db7b00;
  background: rgba(255,255,255,.34);
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 50%;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 20px rgba(20,24,28,.045);
  -webkit-backdrop-filter: blur(15px) saturate(108%);
  backdrop-filter: blur(15px) saturate(108%);
  transition: color 380ms ease, transform 380ms cubic-bezier(.2,.8,.2,1);
}
.az-menu-prototype .az-menu-category__icon svg {
  width: 38px;
  height: 38px;
  stroke-width: 1.8;
}
.az-menu-prototype .az-menu-category__copy {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  margin-top: auto;
  padding-right: 30px;
  line-height: 1.2;
}
.az-menu-prototype .az-menu-category__copy strong {
  overflow: visible;
  font-size: clamp(15px, 1.05vw, 16px);
  font-weight: 760;
  letter-spacing: -.02em;
  text-overflow: clip;
  white-space: nowrap;
}
.az-menu-prototype .az-menu-category__copy small {
  margin-top: 7px;
  color: #716b64;
  font-size: 13px;
  white-space: nowrap;
}
.az-menu-prototype .az-menu-category__arrow {
  position: absolute;
  z-index: 1;
  right: 16px;
  bottom: 18px;
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: #24211d;
  transition: color 380ms ease, transform 380ms cubic-bezier(.2,.8,.2,1);
}
.az-menu-prototype .az-menu-category__arrow svg { width: 20px; height: 20px; stroke-width: 1.8; }
.az-menu-prototype .az-menu-category:active { transform: translateY(0) scale(.985); }

@media (hover: hover) and (pointer: fine) {
  .az-menu-prototype .az-menu-category:hover {
    z-index: 3;
    background: rgba(255,255,255,.57);
    border-color: rgba(255,255,255,.94);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 20px 42px rgba(20,24,28,.1);
    transform: translateY(-6px) scale(1.025);
  }
  .az-menu-prototype .az-menu-category:hover::before { opacity: .72; transform: skewX(-18deg) translateX(340%); }
  .az-menu-prototype .az-menu-category:hover .az-menu-category__icon { color: #ed8200; transform: translateY(-2px) scale(1.04); }
  .az-menu-prototype .az-menu-category:hover .az-menu-category__arrow { color: #d67a00; transform: translateX(3px); }
  .az-menu-prototype .az-menu-categories > header > a:hover {
    border-color: rgba(255,255,255,.92);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(20,24,28,.07);
    transform: translateY(-2px);
  }
  .az-menu-prototype .az-menu-categories > header > a:hover span { transform: translateX(3px); }
}
.az-menu-prototype .az-menu-master { display: contents; }
.az-menu-prototype .az-menu-list-pane {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  padding: 17px 14px 70px 10px;
}
.az-menu-prototype .az-menu-list-head { min-height: 44px; margin-bottom: 12px; }
.az-menu-prototype .az-menu-list-head > div:first-child { display: flex; align-items: center; gap: 12px; }
.az-menu-prototype .az-menu-list-head h2 { margin: 0; font-size: 22px; line-height: 1.2; letter-spacing: -.025em; }
.az-menu-prototype .az-menu-list-head > div:first-child > span {
  padding: 4px 9px;
  color: #736d65;
  background: #f1eee8;
  border-radius: 99px;
  font-size: 11px;
}
.az-menu-prototype .az-menu-list-tools,
.az-menu-prototype .az-menu-list-tools form { display: flex; align-items: center; gap: 9px; }
.az-menu-prototype .menu-sort { display: block; }
.az-menu-prototype .menu-sort select,
.az-menu-prototype .az-menu-list-filter {
  min-height: 42px;
  color: #29251f;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(44,35,22,.1);
  border-radius: 13px;
  box-shadow: 0 4px 14px rgba(54,41,21,.04);
}
.az-menu-prototype .menu-sort select { min-width: 172px; padding: 0 34px 0 14px; font-size: 12.5px; }
.az-menu-prototype .az-menu-list-filter { width: 42px; padding: 0; font-size: 20px; cursor: pointer; }
.az-menu-prototype .az-menu-trust-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 28px;
  padding: 16px 8px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(44,35,22,.08);
  border-radius: 16px;
}
.az-menu-prototype .az-menu-trust-strip > div { display: flex; align-items: center; gap: 10px; padding: 0 11px; border-right: 1px solid rgba(44,35,22,.07); }
.az-menu-prototype .az-menu-trust-strip > div:last-child { border-right: 0; }
.az-menu-prototype .az-menu-trust-strip > div > span { color: #73b610; font-size: 28px; }
.az-menu-prototype .az-menu-trust-strip p { display: grid; gap: 4px; margin: 0; line-height: 1.2; }
.az-menu-prototype .az-menu-trust-strip strong { font-size: 11px; }
.az-menu-prototype .az-menu-trust-strip small { color: #6f6960; font-size: 9px; }

.az-menu-prototype .az-menu-detail {
  position: sticky;
  z-index: 4;
  top: calc(var(--header-height, 78px) + 6px);
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: start;
  min-width: 0;
  height: calc(100vh - var(--header-height, 78px) - 8px);
  margin-left: 16px;
  padding: 16px 16px 76px;
  overflow: auto;
  overscroll-behavior: contain;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(44,35,22,.1);
  border-radius: 20px 20px 0 0;
  box-shadow: 0 8px 30px rgba(54,41,21,.055);
  scrollbar-width: thin;
}
.az-menu-prototype .az-menu-detail__top {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  gap: 20px;
}
.az-menu-prototype .az-menu-detail__media { position: relative; min-width: 0; }
.az-menu-prototype .az-menu-detail__media > img {
  display: block;
  width: 100%;
  height: 258px;
  object-fit: cover;
  border-radius: 14px;
}
.az-menu-prototype .az-menu-detail__top > .favorite-button {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  color: #6d655b;
  background: rgba(255,255,255,.9);
}
.az-menu-prototype .az-menu-detail__summary { min-width: 0; padding: 2px 4px 0 0; }
.az-menu-prototype .az-menu-detail__summary h2 { margin: 0 42px 6px 0; font-size: 23px; line-height: 1.15; letter-spacing: -.03em; }
.az-menu-prototype .az-menu-detail__summary > p {
  min-height: 38px;
  margin: 0 0 12px;
  color: #655f56;
  font-size: 12px;
  line-height: 1.5;
}
.az-menu-prototype .az-menu-detail__points {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 0;
  color: #c47700;
  border-top: 1px solid rgba(44,35,22,.08);
  border-bottom: 1px solid rgba(44,35,22,.08);
}
.az-menu-prototype .az-menu-detail__points strong { font-size: 12px; }
.az-menu-prototype .az-menu-detail__points small { color: #4f4b45; font-size: 10px; white-space: nowrap; }
.az-menu-prototype .az-menu-detail__price { margin: 9px 0; color: #bd7200; font-size: 28px; font-weight: 850; line-height: 1.1; }
.az-menu-prototype .az-menu-detail__meta { display: grid; gap: 3px; }
.az-menu-prototype .az-menu-detail__meta > span {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 24px;
  padding: 4px 8px;
  color: #69635b;
  background: #f6f2eb;
  border-radius: 99px;
  font-size: 9.5px;
}
.az-menu-prototype .az-menu-detail__meta .is-halal { color: #3d8a3b; background: #f0f7ec; }
.az-menu-prototype .az-menu-detail__meta small { margin-left: auto; color: #69635b; }
.az-menu-prototype .az-menu-detail__buy {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
}
.az-menu-prototype .az-menu-detail__qty {
  display: grid;
  grid-template-columns: 38px 1fr 38px;
  align-items: center;
  height: 40px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(44,35,22,.1);
  border-radius: 99px;
}
.az-menu-prototype .az-menu-detail__qty button,
.az-menu-prototype .az-menu-detail__qty input {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  background: transparent;
  border: 0;
  font: inherit;
}
.az-menu-prototype .az-menu-detail__qty button { cursor: pointer; font-size: 20px; }
.az-menu-prototype .az-menu-detail__qty input { -moz-appearance: textfield; font-size: 13px; }
.az-menu-prototype .az-menu-detail__qty input::-webkit-inner-spin-button { display: none; }
.az-menu-prototype .az-menu-detail__add {
  display: inline-grid;
  min-height: 40px;
  padding: 0 22px;
  place-items: center;
  color: #fff;
  background: linear-gradient(100deg, #d88900, #c67500);
  border: 0;
  border-radius: 99px;
  box-shadow: 0 8px 22px rgba(195,121,28,.22);
  font-size: 12.5px;
  font-weight: 780;
  text-decoration: none;
  cursor: pointer;
}
.az-menu-prototype .az-menu-detail__quick { color: #2f2b25; font-size: 11px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.az-menu-prototype .az-menu-drinks {
  padding: 14px;
  background: linear-gradient(110deg, #fffdfa, #fff8ed);
  border: 1px solid rgba(211,132,5,.13);
  border-radius: 16px;
}
.az-menu-prototype .az-menu-drinks > header { margin-bottom: 12px; }
.az-menu-prototype .az-menu-drinks h3 { margin: 0 0 3px; font-size: 13px; }
.az-menu-prototype .az-menu-drinks header p { margin: 0; color: #6e675e; font-size: 9.5px; }
.az-menu-prototype .az-menu-drinks > header > span { padding: 5px 10px; color: #b96f00; background: #fff4df; border-radius: 99px; font-size: 9px; white-space: nowrap; }
.az-menu-prototype .az-menu-drinks__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.az-menu-prototype .az-menu-drinks article {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  gap: 6px 9px;
  min-width: 0;
  min-height: 125px;
  padding: 10px 8px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(44,35,22,.09);
  border-radius: 13px;
}
.az-menu-prototype .az-menu-drinks article img { grid-row: 1 / span 2; align-self: center; width: 56px; height: 84px; object-fit: contain; }
.az-menu-prototype .az-menu-drinks article h4 { margin: 0 0 8px; font-size: 12px; line-height: 1.25; }
.az-menu-prototype .az-menu-drinks article strong { font-size: 11px; }
.az-menu-prototype .az-menu-drinks article button {
  min-height: 25px;
  padding: 0 9px;
  color: #fff;
  background: #cf7d00;
  border: 0;
  border-radius: 99px;
  font-size: 9px;
  font-weight: 760;
  cursor: pointer;
}
.az-menu-prototype .az-menu-detail__info { margin-top: 12px; border: 1px solid rgba(44,35,22,.08); border-radius: 13px; }
.az-menu-prototype .az-menu-detail__info details { padding: 10px 12px; border-bottom: 1px solid rgba(44,35,22,.07); }
.az-menu-prototype .az-menu-detail__info details:last-child { border-bottom: 0; }
.az-menu-prototype .az-menu-detail__info summary { font-size: 10px; font-weight: 750; cursor: pointer; }
.az-menu-prototype .az-menu-detail__info p { margin: 7px 0 0; color: #665f56; font-size: 9.5px; line-height: 1.45; }
.az-menu-prototype .az-menu-detail__cart {
  position: sticky;
  z-index: 5;
  bottom: -76px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 11px;
  min-height: 68px;
  margin: 12px -16px 0;
  padding: 8px 16px;
  background: rgba(255,255,255,.96);
  border-top: 1px solid rgba(44,35,22,.1);
  box-shadow: 0 -8px 24px rgba(45,33,16,.06);
}
.az-menu-prototype .az-menu-detail__cart img { width: 52px; height: 48px; object-fit: cover; border-radius: 9px; }
.az-menu-prototype .az-menu-detail__cart > div { display: grid; gap: 3px; min-width: 0; }
.az-menu-prototype .az-menu-detail__cart strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.az-menu-prototype .az-menu-detail__cart small { color: #776f65; font-size: 9px; }
.az-menu-prototype .az-menu-detail__cart > span { font-size: 12px; font-weight: 800; white-space: nowrap; }
.az-menu-prototype .az-menu-detail__cart > a {
  display: inline-grid;
  min-height: 40px;
  padding: 0 20px;
  place-items: center;
  color: #fff;
  background: #cf7d00;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 760;
  text-decoration: none;
}
.az-menu-prototype > .az-allergen-note,
.az-menu-prototype .az-menu-shell > .az-allergen-note { display: none; }
.az-menu-prototype .az-menu-shell > .menu-empty,
.az-menu-prototype .az-menu-shell > .az-pagination { grid-column: 1; }

[data-theme="dark"] .az-menu-prototype { color: var(--dark-text, #F5F7F8); background: var(--dark-bg, #0B0C0D); }
[data-theme="dark"] .az-menu-prototype .az-menu-category,[data-theme="dark"] .az-menu-prototype .az-menu-detail,[data-theme="dark"] .az-menu-prototype .menu-sort select,[data-theme="dark"] .az-menu-prototype .az-menu-list-filter,[data-theme="dark"] .az-menu-prototype .az-menu-trust-strip { color: var(--dark-text, #F5F7F8); background: var(--dark-input, #121416); border-color: rgba(255,255,255,.1); }
[data-theme="dark"] .az-menu-prototype .az-menu-category {
  background: rgba(24, 26, 28,.62);
  border-color: rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 12px 32px rgba(0,0,0,.2);
}
[data-theme="dark"] .az-menu-prototype .az-menu-category__icon {
  background: rgba(255,255,255,.065);
  border-color: rgba(255,255,255,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.14);
}
[data-theme="dark"] .az-menu-prototype .az-menu-category__copy small { color: var(--dark-text-secondary, #AEB4B8); }
[data-theme="dark"] .az-menu-prototype .az-menu-category__arrow { color: var(--dark-text, #F5F7F8); }
[data-theme="dark"] .az-menu-prototype .az-menu-categories > header > a {
  color: var(--dark-text, #F5F7F8);
  background: rgba(24, 26, 28,.58);
  border-color: rgba(255,255,255,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 7px 20px rgba(0,0,0,.16);
}

@media (max-width: 1199px) {
  .az-menu-prototype .az-menu-shell { grid-template-columns: minmax(0, 58%) minmax(390px, 42%); padding-inline: 12px; }
  .az-menu-prototype .az-menu-category-row {
    display: flex;
    gap: 12px;
    padding: 8px 4px 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 4px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .az-menu-prototype .az-menu-category-row::-webkit-scrollbar { display: none; }
  .az-menu-prototype .az-menu-category { flex: 0 0 190px; min-height: 210px; scroll-snap-align: start; }
  .az-menu-prototype .az-menu-category.is-primary { flex-basis: 208px; }
  .az-menu-prototype .az-menu-detail { margin-left: 10px; padding-inline: 12px; }
  .az-menu-prototype .az-menu-detail__top { grid-template-columns: 1fr; }
  .az-menu-prototype .az-menu-detail__media > img { height: 210px; }
  .az-menu-prototype .az-menu-detail__top > .favorite-button { right: 8px; }
  .az-menu-prototype .az-menu-detail__buy { grid-template-columns: 105px 1fr; gap: 9px; }
  .az-menu-prototype .az-menu-detail__quick { display: none; }
  .az-menu-prototype .az-menu-drinks__grid { grid-template-columns: 1fr; }
  .az-menu-prototype .az-menu-drinks article { min-height: 92px; }
  .az-menu-prototype .az-menu-trust-strip { grid-template-columns: repeat(2, 1fr); row-gap: 15px; }
}
@media (max-width: 1023px) {
  .az-menu-prototype .az-menu-shell { display: block; padding: 14px 14px 0; }
  .az-menu-prototype .az-menu-categories,
  .az-menu-prototype .az-menu-list-pane { padding-inline: 0; }
  .az-menu-prototype .az-menu-detail { display: none; }
}
@media (max-width: 599px) {
  .az-menu-prototype .az-menu-shell { padding-inline: 12px; }
  .az-menu-prototype .az-menu-categories > header { align-items: center; gap: 10px; }
  .az-menu-prototype .az-menu-categories h2 { font-size: 20px; }
  .az-menu-prototype .az-menu-categories > header > a { min-height: 38px; padding: 7px 11px; font-size: 12px; }
  .az-menu-prototype .az-menu-category { flex-basis: min(78vw, 282px); min-height: 208px; }
  .az-menu-prototype .az-menu-category.is-primary { flex-basis: min(80vw, 288px); }
  .az-menu-prototype .az-menu-list-head { align-items: flex-start; }
  .az-menu-prototype .az-menu-list-head > div:first-child { display: grid; gap: 5px; }
  .az-menu-prototype .menu-sort select { min-width: 148px; max-width: 148px; }
  .az-menu-prototype .az-menu-trust-strip { grid-template-columns: 1fr; }
  .az-menu-prototype .az-menu-trust-strip > div { min-height: 56px; border-right: 0; border-bottom: 1px solid rgba(44,35,22,.07); }
}

@media (prefers-reduced-motion: reduce) {
  .az-menu-prototype .az-menu-category,
  .az-menu-prototype .az-menu-category::before,
  .az-menu-prototype .az-menu-category__icon,
  .az-menu-prototype .az-menu-category__arrow,
  .az-menu-prototype .az-menu-categories > header > a,
  .az-menu-prototype .az-menu-categories > header > a span {
    scroll-behavior: auto;
    transition-duration: .01ms !important;
  }
}

/* 7.152.0 — Yemeksepeti referanslı kart → ürün paneli → tek CTA akışı. */
.az-menu-prototype [hidden],
.az-menu-detail-backdrop[hidden] { display: none !important; }

.az-menu-prototype .az-menu-shell {
  display: block;
  width: min(100%, 1680px);
  max-width: 1680px;
  padding: calc(var(--header-height, 78px) + 44px) clamp(16px, 2.4vw, 40px) 0;
}
.az-menu-prototype .az-menu-categories,
.az-menu-prototype .az-menu-list-pane { width: 100%; padding-inline: 0; }
.az-menu-prototype .az-menu-master { display: block; }

.az-menu-detail-backdrop {
  position: fixed;
  z-index: 299;
  inset: 0;
  padding: 0;
  background: rgba(20,16,10,.5);
  border: 0;
  opacity: 0;
  cursor: default;
  transition: opacity .22s ease;
  backdrop-filter: blur(4px);
}
.az-menu-detail-backdrop.is-open { opacity: 1; }
.az-menu-prototype .az-menu-detail {
  position: fixed;
  z-index: 300;
  top: 0;
  right: 0;
  display: block;
  width: min(650px, 94vw);
  height: 100dvh;
  margin: 0;
  padding: 28px 26px 28px;
  overflow: auto;
  overscroll-behavior: contain;
  background: #fffdfa;
  border: 0;
  border-radius: 24px 0 0 24px;
  box-shadow: -24px 0 70px rgba(35,26,12,.22);
  transform: translateX(104%);
  transition: transform .25s cubic-bezier(.2,.75,.25,1);
}
.az-menu-prototype .az-menu-detail.is-open { transform: translateX(0); }
.az-menu-prototype .az-menu-detail__close {
  position: absolute;
  z-index: 6;
  top: 16px;
  right: 16px;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  color: #332d25;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(44,35,22,.1);
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(44,35,22,.12);
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}
.az-menu-prototype .az-menu-detail__top {
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  gap: 22px;
}
.az-menu-prototype .az-menu-detail__media > img { height: 270px; }
.az-menu-prototype .az-menu-detail__top > .favorite-button { top: 220px; right: auto; left: calc(46% - 30px); }
.az-menu-prototype .az-menu-detail__summary { padding-right: 32px; }
.az-menu-prototype .az-menu-detail__choices {
  display: grid;
  gap: 14px;
  margin: 18px 0 4px;
}
.az-menu-prototype .az-menu-detail__choices fieldset {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 15px;
  background: #fff;
  border: 1px solid rgba(44,35,22,.1);
  border-radius: 16px;
}
.az-menu-prototype .az-menu-detail__choices legend {
  padding: 0 6px;
  color: #2e2923;
  font-size: 14px;
  font-weight: 800;
}
.az-menu-prototype .az-menu-detail__choices fieldset > p {
  margin: 0 0 10px;
  color: #746c62;
  font-size: 11px;
}
.az-menu-prototype .az-menu-choice-required {
  position: absolute;
  top: 12px;
  right: 14px;
  padding: 4px 8px;
  color: #a86200;
  background: #fff2d9;
  border-radius: 99px;
  font-size: 10px;
  font-weight: 750;
}
.az-menu-prototype .az-menu-choice-list { display: grid; gap: 8px; }
.az-menu-prototype .az-menu-choice {
  position: relative;
  display: block;
  cursor: pointer;
}
.az-menu-prototype .az-menu-choice input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.az-menu-prototype .az-menu-choice > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 10px 13px 10px 42px;
  color: #3c352d;
  background: #fbf9f5;
  border: 1px solid rgba(44,35,22,.09);
  border-radius: 12px;
}
.az-menu-prototype .az-menu-choice > span::before {
  position: absolute;
  left: 15px;
  width: 16px;
  height: 16px;
  content: "";
  background: #fff;
  border: 2px solid #b9afa3;
  border-radius: 50%;
}
.az-menu-prototype .az-menu-choice input:checked + span {
  background: #fff8ea;
  border-color: #d38405;
  box-shadow: inset 0 0 0 1px #d38405;
}
.az-menu-prototype .az-menu-choice input:checked + span::before {
  background: #d38405;
  border-color: #d38405;
  box-shadow: inset 0 0 0 3px #fff;
}
.az-menu-prototype .az-menu-choice input:focus-visible + span { outline: 3px solid rgba(211,132,5,.25); outline-offset: 2px; }
.az-menu-prototype .az-menu-choice strong { font-size: 13px; }
.az-menu-prototype .az-menu-choice small { color: #9e5f00; font-size: 12px; font-weight: 750; }
.az-menu-prototype .az-menu-detail__buy {
  position: sticky;
  z-index: 5;
  bottom: -28px;
  grid-template-columns: 120px minmax(0, 1fr);
  margin: 14px -26px 0;
  padding: 14px 26px calc(14px + env(safe-area-inset-bottom));
  background: rgba(255,253,250,.96);
  border-top: 1px solid rgba(44,35,22,.09);
  box-shadow: 0 -10px 28px rgba(44,35,22,.07);
  backdrop-filter: blur(18px);
}
.az-menu-prototype .az-menu-detail__add { min-height: 48px; font-size: 14px; }
.az-menu-prototype .az-menu-detail__add-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.az-menu-prototype .az-menu-detail__add-icon {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
}
.az-menu-prototype .az-menu-detail__add-icon svg { width: 18px; height: 18px; }
.az-menu-prototype .az-menu-detail__add .az-add-label { display: block; }
.az-menu-prototype .az-menu-detail__add small {
  display: block;
  margin-top: 2px;
  color: inherit;
  font-size: 10px;
  font-weight: 650;
  opacity: .9;
}
.az-menu-prototype .az-menu-detail__add:disabled {
  color: #786f64;
  background: #e8e2da;
  box-shadow: none;
  cursor: not-allowed;
}
.az-menu-prototype .az-menu-detail__add.is-awaiting-selection {
  color: #fff;
  background: linear-gradient(100deg, #d88900, #c67500);
  box-shadow: 0 8px 22px rgba(195,121,28,.22);
  cursor: pointer;
}
.az-menu-prototype .az-menu-detail__warning {
  position: relative;
  grid-column: 1 / -1;
  margin: 0;
  padding: 9px 12px 9px 36px;
  color: #754600;
  background: #fff6e5;
  border: 1px solid rgba(211,132,5,.34);
  border-radius: 12px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
}
.az-menu-prototype .az-menu-detail__warning::before {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  content: "!";
  width: 17px;
  height: 17px;
  color: #fff;
  background: #c97900;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
}
.az-menu-prototype .az-menu-detail__warning[hidden] { display: none; }
.az-menu-prototype .is-missing-selection {
  border-color: #d38405 !important;
  box-shadow: 0 0 0 3px rgba(211,132,5,.16) !important;
}
.az-menu-prototype .az-menu-detail__quick { grid-column: 1 / -1; justify-self: center; }
.az-menu-prototype .az-menu-drinks { margin-top: 16px; }
.az-menu-prototype .az-menu-detail__cart { position: static; bottom: auto; margin-bottom: 0; }

[data-theme="dark"] .az-menu-prototype .az-menu-detail { background: var(--dark-input, #121416); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__choices fieldset,
[data-theme="dark"] .az-menu-prototype .az-menu-choice > span { color: var(--dark-text, #F5F7F8); background: var(--dark-input, #121416); border-color: rgba(255,255,255,.12); }
[data-theme="dark"] .az-menu-prototype .az-menu-choice input:checked + span { background: var(--anzelha-red-soft, rgb(var(--anzelha-red-rgb, 227 38 46) / .14)); border-color: var(--anzelha-red, #E3262E); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__choices legend { color: var(--dark-text, #F5F7F8); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__buy { background: rgba(24, 26, 28,.96); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__warning {
  color: var(--dark-warning, #F4B740);
  background: rgba(244, 183, 64, .14);
  border-color: rgba(244, 183, 64, .4);
}

@media (max-width: 1023px) {
  .az-menu-prototype .az-menu-shell { padding-top: calc(var(--header-height, 72px) + 30px); }
  .az-menu-prototype .az-menu-detail { display: block; }
}
@media (max-width: 699px) {
  .az-menu-prototype .az-menu-shell { padding: calc(var(--header-height, 68px) + 22px) 12px 0; }
  .az-menu-prototype .az-menu-detail {
    top: auto;
    bottom: 0;
    width: 100%;
    height: min(92dvh, 860px);
    padding: 20px 16px 22px;
    border-radius: 24px 24px 0 0;
    transform: translateY(104%);
  }
  .az-menu-prototype .az-menu-detail.is-open { transform: translateY(0); }
  .az-menu-prototype .az-menu-detail__top { grid-template-columns: 1fr; gap: 15px; }
  .az-menu-prototype .az-menu-detail__media > img { height: 210px; }
  .az-menu-prototype .az-menu-detail__top > .favorite-button { top: 154px; right: 10px; left: auto; }
  .az-menu-prototype .az-menu-detail__summary { padding-right: 0; }
  .az-menu-prototype .az-menu-detail__summary h2 { margin-right: 48px; }
  .az-menu-prototype .az-menu-detail__buy {
    bottom: -22px;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 10px;
    margin-inline: -16px;
    padding-inline: 16px;
  }
  .az-menu-prototype .az-menu-detail__add { padding-inline: 12px; font-size: 12px; }
  .az-menu-prototype .az-menu-drinks__grid { grid-template-columns: 1fr; }
  .az-menu-prototype .az-menu-detail__cart { grid-template-columns: 48px minmax(0, 1fr) auto; }
  .az-menu-prototype .az-menu-detail__cart > a { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .az-menu-prototype .az-menu-detail,
  .az-menu-detail-backdrop { transition: none; }
}

/* 7.156.0 — Ürünlere yakın, tek parça sayfalama ve daha geniş görsel kolon. */
.az-menu-prototype .az-product-region > .az-pagination {
  display: flex;
  justify-content: center;
  margin: 18px 0 22px;
}
.az-menu-prototype .az-product-region > .az-pagination ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  width: auto;
  padding: 6px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(44,35,22,.09);
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(57,42,18,.06);
}
.az-menu-prototype .az-product-region > .az-pagination .page-numbers {
  min-width: 40px;
  min-height: 40px;
  padding-inline: 12px;
  border-radius: 11px;
}
[data-theme="dark"] .az-menu-prototype .az-product-region > .az-pagination ul {
  background: var(--dark-input, #121416);
  border-color: rgba(255,255,255,.1);
}
@media (max-width: 420px) {
  .az-menu-prototype .az-product-region > .az-pagination .page-numbers { min-width: 38px; min-height: 38px; padding-inline: 10px; }
}

.az-menu-prototype .az-menu-detail__price-points {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 9px 0;
}
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__price { margin: 0; }
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points {
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 6px 10px;
  color: #a96300;
  background: #fff2d7;
  border: 1px solid rgba(211,132,5,.2);
  border-radius: 999px;
}
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points strong { font-size: 11px; white-space: nowrap; }
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points small { display: none; color: #8b5a0a; font-size: 9px; }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points {
  color: var(--anzelha-success, #58C489);
  background: var(--store-success-soft, rgba(63, 155, 95, .16));
  border-color: var(--store-success-line, rgba(63, 155, 95, .34));
}

/* 7.157.0 — iOS karar azaltma: daha kompakt, daha hızlı ürün paneli. */
.az-menu-prototype .az-menu-detail {
  width: min(560px, 92vw);
  padding: 18px 18px 22px;
  border-radius: 22px 0 0 22px;
}
.az-menu-prototype .az-menu-detail__close {
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  font-size: 23px;
}
.az-menu-prototype .az-menu-detail__top {
  grid-template-columns: minmax(0, 39%) minmax(0, 61%);
  gap: 16px;
}
.az-menu-prototype .az-menu-detail__media > img { height: 196px; border-radius: 16px; }
.az-menu-prototype .az-menu-detail__top > .favorite-button {
  top: 148px;
  left: calc(39% - 27px);
  width: 44px;
  height: 44px;
}
.az-menu-prototype .az-menu-detail__summary { padding-right: 26px; }
.az-menu-prototype .az-menu-detail__summary h2 { margin-bottom: 5px; font-size: 20px; }
.az-menu-prototype .az-menu-detail__summary > p {
  min-height: 0;
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 1.42;
}
.az-menu-prototype .az-menu-detail__price { font-size: 25px; }
.az-menu-prototype .az-menu-detail__meta > span { min-height: 22px; padding-block: 3px; font-size: 9px; }
.az-menu-prototype .az-menu-detail__choices { gap: 9px; margin: 12px 0 2px; }
.az-menu-prototype .az-menu-detail__choices fieldset { padding: 11px; border-radius: 14px; }
.az-menu-prototype .az-menu-detail__choices legend { font-size: 12px; }
.az-menu-prototype .az-menu-detail__choices fieldset > p { margin-bottom: 7px; font-size: 10px; }
.az-menu-prototype .az-menu-choice-list { gap: 6px; }
.az-menu-prototype .az-menu-choice > span { min-height: 44px; padding: 8px 11px 8px 38px; }
.az-menu-prototype .az-menu-choice > span::before { left: 13px; width: 15px; height: 15px; }
.az-menu-prototype .az-menu-standard-portion {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  padding: 8px 11px;
  color: #3c352d;
  background: #fff8ea;
  border: 1px solid rgba(211,132,5,.32);
  border-radius: 14px;
}
.az-menu-prototype .az-menu-standard-portion > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #fff;
  background: #d38405;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 850;
}
.az-menu-prototype .az-menu-standard-portion > div { display: grid; gap: 2px; min-width: 0; }
.az-menu-prototype .az-menu-standard-portion strong { font-size: 12px; }
.az-menu-prototype .az-menu-standard-portion small { color: #776c5e; font-size: 9px; }
.az-menu-prototype .az-menu-standard-portion b { color: #a96300; font-size: 12px; white-space: nowrap; }
.az-menu-prototype .az-menu-detail__buy {
  bottom: -22px;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 10px;
  margin: 10px -18px 0;
  padding: 10px 18px calc(10px + env(safe-area-inset-bottom));
}
.az-menu-prototype .az-menu-detail__qty { height: 44px; }
.az-menu-prototype .az-menu-detail__add { min-height: 44px; font-size: 13px; }
.az-menu-prototype .az-menu-drinks { margin-top: 10px; padding: 11px; border-radius: 14px; }
.az-menu-prototype .az-menu-drinks > header { margin-bottom: 8px; }
.az-menu-prototype .az-menu-drinks__grid {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scroll-snap-type: x proximity;
}
.az-menu-prototype .az-menu-drinks article {
  grid-template-columns: 44px minmax(0, 1fr);
  min-height: 92px;
  padding: 8px;
  scroll-snap-align: start;
}
.az-menu-prototype .az-menu-drinks article img { width: 44px; height: 66px; }
.az-menu-prototype .az-menu-drinks article h4 { margin-bottom: 4px; font-size: 10.5px; }
.az-menu-prototype .az-menu-drinks article button { min-height: 27px; }
[data-theme="dark"] .az-menu-prototype .az-menu-standard-portion {
  color: var(--store-ink, #F8F8F5);
  background: var(--store-surface-2, #202228);
  border-color: var(--store-line, rgba(248, 248, 245, .14));
}
[data-theme="dark"] .az-menu-prototype .az-menu-standard-portion small { color: var(--dark-text-secondary, #AEB4B8); }
[data-theme="dark"] .az-menu-prototype .az-menu-drinks,
[data-theme="dark"] .az-menu-prototype .az-menu-drinks article { color: var(--dark-input, #121416); }
[data-theme="dark"] .az-menu-prototype .az-menu-drinks h3,
[data-theme="dark"] .az-menu-prototype .az-menu-drinks h4,
[data-theme="dark"] .az-menu-prototype .az-menu-drinks article strong { color: var(--dark-input, #121416); }
[data-theme="dark"] .az-menu-prototype .az-menu-drinks header p { color: var(--dark-text-muted, #7E858A); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__info summary { color: var(--dark-text, #F5F7F8); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__info p { color: var(--dark-text-secondary, #AEB4B8); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__quick { color: var(--dark-text-secondary, #AEB4B8); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__cart { color: var(--dark-input, #121416); }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__cart small { color: var(--dark-text-muted, #7E858A); }
@media (max-width: 699px) {
  .az-menu-prototype .az-menu-detail {
    width: 100%;
    height: min(88dvh, 760px);
    padding: 16px 14px 18px;
  }
  .az-menu-prototype .az-menu-detail__top { grid-template-columns: 132px minmax(0, 1fr); gap: 12px; }
  .az-menu-prototype .az-menu-detail__media > img { height: 150px; }
  .az-menu-prototype .az-menu-detail__top > .favorite-button { top: 100px; left: 92px; right: auto; }
  .az-menu-prototype .az-menu-detail__summary { padding-right: 0; }
  .az-menu-prototype .az-menu-detail__summary h2 { margin-right: 42px; font-size: 18px; }
  .az-menu-prototype .az-menu-detail__summary > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .az-menu-prototype .az-menu-detail__meta small { display: none; }
  .az-menu-prototype .az-menu-detail__buy { margin-inline: -14px; padding-inline: 14px; }
}
@media (max-width: 420px) {
  .az-menu-prototype .az-menu-detail__top { grid-template-columns: 112px minmax(0, 1fr); }
  .az-menu-prototype .az-menu-detail__media > img { height: 136px; }
  .az-menu-prototype .az-menu-detail__top > .favorite-button { top: 88px; left: 76px; }
  .az-menu-prototype .az-menu-detail__price-points { align-items: flex-start; flex-direction: column; gap: 5px; }
}

/* 7.161.0 — Hızlı ürün kartı: tek viewport, başlığın üstünde, 480 px. */
.az-menu-detail-backdrop { z-index: calc(var(--z-modal) - 1); }
.az-menu-prototype .az-menu-detail {
  z-index: var(--z-modal);
  width: min(480px, 92vw);
  padding: 14px 14px 18px;
  border-radius: 20px 0 0 20px;
}
.az-menu-prototype .az-menu-detail__close {
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  font-size: 21px;
}
.az-menu-prototype .az-menu-detail__top {
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 12px;
}
.az-menu-prototype .az-menu-detail__media > img { height: 150px; border-radius: 14px; }
.az-menu-prototype .az-menu-detail__top > .favorite-button {
  top: 102px;
  left: 112px;
  width: 42px;
  height: 42px;
}
.az-menu-prototype .az-menu-detail__summary { padding-right: 22px; }
.az-menu-prototype .az-menu-detail__summary h2 { font-size: 18px; }
.az-menu-prototype .az-menu-detail__summary > p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 10px;
}
.az-menu-prototype .az-menu-detail__price { font-size: 23px; }
.az-menu-prototype .az-menu-detail__price-points { gap: 6px; margin-block: 6px; }
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points { min-height: 28px; padding: 4px 8px; }
.az-menu-prototype .az-menu-detail__meta > span { min-height: 20px; padding-block: 2px; font-size: 8.5px; }
.az-menu-prototype .az-menu-detail__choices { margin-top: 8px; }
.az-menu-prototype .az-menu-standard-portion {
  grid-template-columns: 24px minmax(0, 1fr) auto;
  min-height: 44px;
  padding: 6px 9px;
  border-radius: 12px;
}
.az-menu-prototype .az-menu-standard-portion > span { width: 24px; height: 24px; font-size: 12px; }
.az-menu-prototype .az-menu-standard-portion strong { font-size: 11px; }
.az-menu-prototype .az-menu-standard-portion small { font-size: 8.5px; }
.az-menu-prototype .az-menu-standard-portion b { font-size: 11px; }
.az-menu-prototype .az-menu-detail__buy {
  margin: 8px -14px 0;
  padding: 8px 14px calc(8px + env(safe-area-inset-bottom));
}
.az-menu-prototype .az-menu-drinks { margin-top: 8px; padding: 9px; }
.az-menu-prototype .az-menu-drinks > header { margin-bottom: 6px; }
.az-menu-prototype .az-menu-drinks header p,
.az-menu-prototype .az-menu-drinks > header > span { display: none; }
.az-menu-prototype .az-menu-drinks__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  overflow: visible;
}
.az-menu-prototype .az-menu-drinks article {
  grid-template-columns: 34px minmax(0, 1fr) 44px;
  grid-template-rows: auto auto;
  gap: 3px 5px;
  min-height: 68px;
  padding: 6px;
  border-radius: 11px;
}
.az-menu-prototype .az-menu-drinks article img {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 34px;
  height: 50px;
}
.az-menu-prototype .az-menu-drinks article > div { grid-column: 2; grid-row: 1 / span 2; align-self: center; min-width: 0; }
.az-menu-prototype .az-menu-drinks article h4 {
  display: -webkit-box;
  margin: 0 0 3px;
  overflow: hidden;
  font-size: 9px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.az-menu-prototype .az-menu-drinks article strong { font-size: 9px; }
.az-menu-prototype .az-menu-drinks article button {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  width: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 0;
}
.az-menu-prototype .az-menu-drinks article button::after { content: "+"; font-size: 20px; font-weight: 700; }
.az-menu-prototype .az-menu-drinks article.is-selected {
  background: #f2fbf3;
  border-color: rgba(46,139,87,.46);
  box-shadow: inset 0 0 0 1px rgba(46,139,87,.18);
}
.az-menu-prototype .az-menu-drinks article button[aria-pressed="true"] {
  background: #237a49;
  box-shadow: 0 6px 16px rgba(35,122,73,.24);
}
.az-menu-prototype .az-menu-drinks article button[aria-pressed="true"]::after { content: "✓"; }
[data-theme="dark"] .az-menu-prototype .az-menu-drinks article.is-selected {
  background: rgba(50, 213, 131, .18);
  border-color: rgba(50, 213, 131,.52);
}
.az-menu-prototype .az-menu-detail__info { margin-top: 8px; }
.az-menu-prototype .az-menu-detail__info details { padding: 8px 10px; }
@media (max-width: 699px) {
  .az-menu-prototype .az-menu-detail { width: 100%; padding: 14px 12px 16px; }
  .az-menu-prototype .az-menu-detail__top { grid-template-columns: 108px minmax(0, 1fr); gap: 10px; }
  .az-menu-prototype .az-menu-detail__media > img { height: 122px; }
  .az-menu-prototype .az-menu-detail__top > .favorite-button { top: 76px; left: 72px; }
  .az-menu-prototype .az-menu-detail__buy { margin-inline: -12px; padding-inline: 12px; }
}
@media (max-width: 420px) {
  .az-menu-prototype .az-menu-drinks__grid {
    grid-template-columns: repeat(3, 138px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .az-menu-prototype .az-menu-drinks article { scroll-snap-align: start; }
}

/* 7.162.0 — Müşteriyi yormayan kompakt iOS ürün karar kartı. */
.az-menu-prototype .az-menu-detail {
  width: min(420px, calc(100vw - 24px));
  padding: 12px 12px 14px;
  border: 1px solid rgba(44,35,22,.1);
  border-radius: 22px;
  box-shadow: 0 24px 80px rgba(28,22,14,.24);
}

.az-menu-prototype .az-menu-detail__close {
  top: 8px;
  right: 8px;
  width: 36px;
  height: 36px;
}
.az-menu-prototype .az-menu-detail__top {
  grid-template-columns: 112px minmax(0,1fr);
  gap: 10px;
}
.az-menu-prototype .az-menu-detail__media > img { height: 112px; border-radius: 12px; }
.az-menu-prototype .az-menu-detail__top > .favorite-button {
  top: 74px;
  left: 76px;
  width: 38px;
  height: 38px;
}
.az-menu-prototype .az-menu-detail__summary { padding-right: 22px; }
.az-menu-prototype .az-menu-detail__summary h2 { margin-bottom: 3px; font-size: 16px; }
.az-menu-prototype .az-menu-detail__summary > p {
  margin-bottom: 4px;
  font-size: 9px;
  line-height: 1.35;
  -webkit-line-clamp: 2;
}
.az-menu-prototype .az-menu-detail__price { font-size: 20px; }
.az-menu-prototype .az-menu-detail__price-points { margin-block: 3px; }
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points { min-height: 25px; padding: 3px 7px; }
.az-menu-prototype .az-menu-detail__meta > span { min-height: 18px; font-size: 8px; }
.az-menu-prototype .az-menu-detail__meta > span:last-child { display: none; }
.az-menu-prototype .az-menu-detail__choices { gap: 6px; margin-top: 6px; }
.az-menu-prototype .az-menu-detail__choices fieldset { padding: 8px; border-radius: 12px; }
.az-menu-prototype .az-menu-detail__choices legend { font-size: 11px; }
.az-menu-prototype .az-menu-detail__choices fieldset > p { margin-bottom: 5px; font-size: 8.5px; }
.az-menu-prototype .az-menu-choice-required { top: 6px; right: 8px; font-size: 8px; }
.az-menu-prototype .az-menu-choice-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.az-menu-prototype .az-menu-choice > span { min-height: 42px; padding: 6px 7px 6px 30px; }
.az-menu-prototype .az-menu-choice > span::before { left: 9px; width: 14px; height: 14px; }
.az-menu-prototype .az-menu-choice strong { font-size: 10px; }
.az-menu-prototype .az-menu-choice small { font-size: 9px; }
.az-menu-prototype .az-menu-standard-portion {
  min-height: 40px;
  padding: 5px 8px;
}
.az-menu-prototype .az-menu-detail__allergen {
  display: -webkit-box;
  margin-top: 6px;
  padding: 6px 8px;
  overflow: hidden;
  color: #6a4a1d;
  background: #fff7e8;
  border: 1px solid rgba(211,132,5,.2);
  border-radius: 10px;
  font-size: 9.5px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.az-menu-prototype .az-menu-detail__allergen strong { margin-right: 3px; }
.az-menu-prototype .az-menu-detail__buy {
  grid-template-columns: 100px minmax(0,1fr);
  gap: 6px 8px;
  margin-top: 6px;
  padding-block: 6px;
}
.az-menu-prototype .az-menu-detail__qty-label {
  grid-column: 1 / -1;
  color: #6f665b;
  font-size: 9px;
  font-weight: 750;
}
.az-menu-prototype .az-menu-detail__qty,
.az-menu-prototype .az-menu-detail__add { min-height: 42px; height: 42px; }
.az-menu-prototype .az-menu-detail__add { font-size: 11px; }
.az-menu-prototype .az-menu-detail__quick { font-size: 9px; }
.az-menu-prototype .az-menu-drinks { margin-top: 6px; padding: 7px; }
.az-menu-prototype .az-menu-drinks h3 { font-size: 11px; }
.az-menu-prototype .az-menu-drinks article {
  grid-template-columns: 28px minmax(0,1fr) 40px;
  min-height: 58px;
  padding: 5px;
}
.az-menu-prototype .az-menu-drinks article img { width: 28px; height: 42px; }
.az-menu-prototype .az-menu-drinks article button { width: 40px; min-height: 40px; }
.az-menu-prototype .az-menu-detail__info { margin-top: 6px; }
.az-menu-prototype .az-menu-detail__info details { padding: 6px 8px; }
.az-menu-prototype .az-menu-detail__info summary { font-size: 9px; }
.az-menu-prototype .az-menu-detail__info p { margin-top: 4px; font-size: 9.5px; }
.az-menu-prototype .az-menu-detail__cart { display: none; }
[data-theme="dark"] .az-menu-prototype .az-menu-detail__allergen {
  color: var(--dark-warning, #F4B740);
  background: rgba(244, 183, 64, .14);
  border-color: rgba(244, 183, 64,.38);
}
@media (min-width: 700px) {
  .az-menu-prototype .az-menu-detail {
    top: 50%;
    right: 12px;
    bottom: auto;
    height: auto;
    max-height: calc(100dvh - 24px);
    transform: translate(104%,-50%);
  }
  .az-menu-prototype .az-menu-detail.is-open { transform: translate(0,-50%); }
}
@media (max-width: 699px) {
  .az-menu-prototype .az-menu-detail {
    width: 100%;
    height: min(78dvh,660px);
    max-height: calc(100dvh - 12px);
    padding: 12px 10px 14px;
    border-width: 1px 0 0;
    border-radius: 22px 22px 0 0;
  }
  .az-menu-prototype .az-menu-detail__top { grid-template-columns: 92px minmax(0,1fr); }
  .az-menu-prototype .az-menu-detail__media > img { height: 104px; }
  .az-menu-prototype .az-menu-detail__top > .favorite-button { top: 66px; left: 58px; }
  .az-menu-prototype .az-menu-detail__buy { margin-inline: -10px; padding-inline: 10px; }
}

/* 7.164.0 — Porsiyon ve adet iki ayrı karar; puan fiyat renginden ayrılır. */
.az-menu-prototype .az-menu-detail { overflow-x: clip; }
.az-menu-prototype .az-menu-drinks__grid { scrollbar-width: none; }
.az-menu-prototype .az-menu-drinks__grid::-webkit-scrollbar { display: none; }
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points {
  color: #006f6a;
  background: linear-gradient(135deg, #e7fbf8, #d5f5f1);
  border-color: rgba(0,143,135,.28);
  box-shadow: 0 5px 16px rgba(0,127,120,.12);
}
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points > span {
  color: #009c93;
}
.az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points strong {
  color: #006f6a;
  font-weight: 850;
}
.az-menu-prototype .az-menu-detail__choices:not([hidden]) + .az-menu-detail__allergen {
  margin-top: 7px;
}
.az-menu-prototype .az-menu-detail__qty-label {
  color: #292724;
  font-size: 10px;
  letter-spacing: .01em;
}
[data-theme="dark"] .az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points {
  color: var(--anzelha-success, #58C489);
  background: var(--store-success-soft, rgba(63, 155, 95, .16));
  border-color: var(--store-success-line, rgba(63, 155, 95, .34));
}
[data-theme="dark"] .az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points strong,
[data-theme="dark"] .az-menu-prototype .az-menu-detail__price-points .az-menu-detail__points > span {
  color: var(--dark-accent-hover, #29D0DA);
}
[data-theme="dark"] .az-menu-prototype .az-menu-detail__qty-label { color: var(--dark-text, #F5F7F8); }

/* 7.182.0 — Kırpmasız {
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  overflow: hidden;
  border-radius: inherit;
}

/* Detay paneli ve WooCommerce ürün galerisi aynı sıcak zemini kullanır.
   Gerçek ürün her durumda contain kalır; zemin kalıcı olarak ürüne birleştirilmez. */
.az-menu-prototype .az-menu-detail__media,
.single-product .woocommerce-product-gallery__image,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  background: #fff7ed url("../images/brand/product-stage.svg") center / cover no-repeat;
}
.az-menu-prototype .az-menu-detail__media > img,
.single-product .woocommerce-product-gallery__image img,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > img {
  box-sizing: border-box;
  padding: 10%;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 10px 8px rgba(62, 37, 15, .16));
}
.az-menu-prototype .az-menu-detail__media > img {
  padding: var(--az-detail-stage-gap, 10%);
  object-position: var(--az-detail-stage-x, 50%) var(--az-detail-stage-y, 50%) !important;
}
.az-menu-prototype .az-menu-detail__cart img,
.woocommerce-cart-form .product-thumbnail img,
.mini_cart_item img,
.az-search-mini img {
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 699px) {
  .single-product .woocommerce-product-gallery__image img { padding: 12%; }
}

/* 7.253.0 — Kompakt mağaza: gerçek kategori/ürün verisi, referans açık-koyu renk sistemi. */
.az-menu-prototype {
  /* 7.298.0 — Mağazada TEK aksan kırmızıdır (talimat §2/§8: turkuaz, camgöbeği
     ve mavi ana işlem yasak). Eski berry/teal/amber tokenları kaldırılmadı ama
     hepsi kırmızı sisteme bağlandı; bu adları okuyan kurallar tek elden döner. */
  --anzelha-berry: var(--anzelha-red, #E3262E);
  --anzelha-berry-hover: var(--anzelha-red-hover, #C91F27);
  --anzelha-berry-active: var(--anzelha-red-active, #B51C24);
  --anzelha-sage-light: var(--store-success-soft, rgba(24, 134, 75, .09));
  --anzelha-sage-medium: var(--anzelha-success, #18864B);
  --anzelha-sage-dark-surface: var(--store-success-soft, rgba(63, 155, 95, .16));
  --anzelha-sage-dark-text: var(--anzelha-success, #58C489);
  --anzelha-teal: var(--anzelha-red, #E3262E);
  --anzelha-teal-dark: var(--anzelha-red-hover, #C91F27);
  --anzelha-amber: var(--anzelha-red, #E3262E);
  --anzelha-burgundy-text: #32161B;
  /* 7.298.0 (Mağaza talimatı §2): mağaza yüzeyleri store-tokens.css'ten
     beslenir. Açık modda sayfa ve kart zemini SAF BEYAZ — krem/bej zemin
     kaldırıldı; aksan tek renktir (kırmızı), turkuaz/camgöbeği kullanılmaz. */
  --page-bg: var(--store-bg, #FFFFFF);
  --surface-primary: var(--store-surface, #FFFFFF);
  --surface-secondary: var(--store-surface-2, #F6F7F9);
  --surface-elevated: var(--store-surface-raised, #FFFFFF);
  --border-default: var(--store-line, #E1E4E8);
  --border-soft: var(--store-line, #E1E4E8);
  --text-primary: var(--store-ink, #16181C);
  --text-secondary: var(--store-ink-2, #70757D);
  --text-muted: var(--store-ink-3, #A7ABB2);
  --category-icon: var(--store-ink, #16181C);
  --category-accent-sage: var(--anzelha-red, #E3262E);
  --category-accent-amber: var(--anzelha-red, #E3262E);
  --shadow-card: var(--store-shadow, 0 12px 32px rgba(16, 24, 40, .08));
  min-height: 100vh;
  color: var(--text-primary);
  background: var(--page-bg);
}
[data-theme="dark"] .az-menu-prototype {
  --page-bg: var(--store-bg, #090A0C);
  --surface-primary: var(--store-surface, #17191D);
  --surface-secondary: var(--store-surface-2, #202228);
  --surface-elevated: var(--store-surface-raised, #17191D);
  --border-default: var(--store-line-strong, rgba(248, 248, 245, .24));
  --border-soft: var(--store-line, rgba(248, 248, 245, .14));
  --text-primary: var(--store-ink, #F8F8F5);
  --text-secondary: var(--store-ink-2, #A7ABB2);
  --text-muted: var(--store-ink-3, #70757D);
  --category-icon: var(--store-ink, #F8F8F5);
  --category-accent-sage: var(--anzelha-red, #E3262E);
  --category-accent-amber: var(--anzelha-red, #E3262E);
  --shadow-card: var(--store-shadow, 0 18px 44px rgba(0, 0, 0, .34));
}
.az-menu-prototype .az-menu-shell {
  width: calc(100% - 64px);
  max-width: 1600px;
  margin-inline: auto;
  padding-right: 0;
  padding-left: 0;
}
.az-menu-prototype .az-menu-categories {
  margin-bottom: 34px;
}
.az-menu-prototype .az-menu-categories > header {
  min-height: 48px;
  margin-bottom: 12px;
}
.az-menu-prototype .az-menu-categories h2 {
  color: var(--text-primary);
  font-size: clamp(24px, 2vw, 31px);
  font-weight: 750;
  letter-spacing: -.03em;
}
.az-menu-prototype .az-menu-categories > header > a {
  gap: 10px;
  min-height: 48px;
  padding: 0 16px;
  color: var(--text-primary);
  background: var(--surface-secondary);
  border: 1px solid var(--border-default);
  border-radius: 14px;
  box-shadow: none;
  font-size: 15px;
  font-weight: 680;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease, transform 200ms ease;
}
.az-menu-prototype .az-menu-categories > header > a span {
  color: inherit;
  transition: none;
}
.az-menu-prototype .az-menu-categories > header > a .anzelha-icon {
  width: 21px;
  height: 21px;
  color: inherit;
}
.az-menu-prototype .az-menu-categories > header > a .anzelha-icon--arrow-right {
  width: 18px;
  height: 18px;
}
.az-menu-prototype .az-menu-category-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(12px, 1.2vw, 20px);
}
.az-menu-prototype .az-menu-category {
  align-items: center;
  justify-content: center;
  min-height: 182px;
  padding: 20px 14px;
  color: var(--text-primary);
  background: var(--surface-secondary);
  border: 1px solid var(--border-default);
  border-radius: 20px;
  box-shadow: none;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transform: none;
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.az-menu-prototype .az-menu-category::before {
  display: none;
}
.az-menu-prototype .az-menu-category.is-current {
  background: color-mix(in srgb, var(--surface-primary) 92%, var(--anzelha-amber) 8%);
  border-color: var(--anzelha-amber);
  box-shadow: inset 0 0 0 1px rgb(var(--anzelha-red-rgb, 227 38 46) / .1);
}
.az-menu-prototype .az-menu-category__icon {
  display: grid;
  width: 82px;
  height: 82px;
  margin: 0 auto 18px;
  color: var(--category-icon);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.az-menu-prototype .az-menu-category__icon svg {
  width: 72px;
  height: 72px;
  stroke-width: 1.65;
}
.az-menu-prototype .az-menu-category.is-current .az-menu-category__icon {
  color: var(--category-accent-amber);
}
.az-menu-prototype .az-menu-category__copy {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.az-menu-prototype .az-menu-category__copy strong {
  display: block;
  color: var(--text-primary);
  font-size: clamp(15px, 1.2vw, 20px);
  font-weight: 680;
  line-height: 1.2;
  text-wrap: balance;
  white-space: normal;
}
.az-menu-prototype .az-menu-category__arrow,
.az-menu-prototype .az-menu-category__copy small {
  display: none;
}
.az-menu-prototype .az-menu-list-pane {
  padding: 0 0 70px;
}
.az-menu-prototype .az-menu-list-head {
  align-items: center;
  min-height: 58px;
  margin-bottom: 14px;
}
.az-menu-prototype .az-menu-list-head h2 {
  color: var(--text-primary);
  font-size: clamp(30px, 3vw, 45px);
  font-weight: 760;
}
.az-menu-prototype .az-menu-list-head > div:first-child > span {
  min-height: 38px;
  padding: 8px 12px;
  color: var(--text-primary);
  background: var(--surface-secondary);
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  font-size: 14px;
}
.az-menu-prototype .menu-sort select {
  min-width: 260px;
  min-height: 50px;
  padding: 0 44px 0 18px;
  color: var(--text-primary);
  background-color: var(--surface-secondary);
  border: 1px solid var(--border-default);
  border-radius: 13px;
  box-shadow: none;
  font-size: 15px;
}
.az-menu-prototype .az-menu-list-filter {
  display: none;
}
/* 7.265.0 — mağaza kartları ana sayfa vitrininin kompakt ölçülerine çekildi
   (kullanıcı talimatı: tüm kategori yerleşimi vitrin boyutunda, satırda 4).
   Renk/etkileşim dili değişmedi;
@media (hover: hover) and (pointer: fine) {
  .az-menu-prototype .az-menu-category:hover {
    background: var(--surface-elevated);
    border-color: color-mix(in srgb, var(--border-default) 65%, var(--anzelha-berry) 35%);
    box-shadow: var(--shadow-card);
    transform: translateY(-2px);
  }
  .az-menu-prototype .az-menu-category:hover .az-menu-category__icon {
    color: var(--category-icon);
    transform: none;
  }
  .az-menu-prototype .az-menu-category.is-current:hover .az-menu-category__icon {
    color: var(--category-accent-amber);
  }
  .az-menu-prototype .az-menu-categories > header > a:hover {
    color: var(--anzelha-burgundy-text);
    background: var(--anzelha-red-soft, #FFF3F4);
    border-color: rgb(var(--anzelha-red-rgb, 227 38 46) / .4);
    box-shadow: none;
    transform: translateY(-1px);
  }
  [data-theme="dark"] .az-menu-prototype .az-menu-categories > header > a:hover {
    color: var(--dark-text, #F5F7F8);
    background: var(--anzelha-red-soft, rgb(var(--anzelha-red-rgb, 227 38 46) / .14));
    border-color: rgb(var(--anzelha-red-rgb, 227 38 46) / .55);
  }
}
.az-menu-prototype .az-menu-category:focus-visible,.az-menu-prototype .az-menu-categories > header > a:focus-visible,.az-menu-prototype .menu-sort select:focus-visible {
  outline: 3px solid var(--anzelha-red, #E3262E);
  outline-offset: 3px;
}
@media (max-width: 1023px) {
  .az-menu-prototype .az-menu-shell {
    width: calc(100% - 40px);
  }
  .az-menu-prototype .az-menu-category-row {
    gap: 10px;
  }
  .az-menu-prototype .az-menu-category {
    min-height: 162px;
    padding-inline: 8px;
  }
  .az-menu-prototype .az-menu-category__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 14px;
  }
  .az-menu-prototype .az-menu-category__icon svg {
    width: 58px;
    height: 58px;
  }
  .az-menu-prototype .az-menu-category__copy strong {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .az-menu-prototype .az-menu-shell {
    width: calc(100% - 32px);
    padding-right: 0;
    padding-left: 0;
  }
  .az-menu-prototype .az-menu-categories {
    margin-bottom: 25px;
  }
  .az-menu-prototype .az-menu-categories > header {
    align-items: center;
  }
  .az-menu-prototype .az-menu-categories h2 {
    font-size: 22px;
  }
  .az-menu-prototype .az-menu-categories > header > a {
    min-height: 44px;
    padding-inline: 12px;
    font-size: 13px;
  }
  .az-menu-prototype .az-menu-category-row {
    display: flex;
    margin-inline: -16px;
    padding: 2px 16px 10px;
    overflow-x: auto;
    scroll-padding-inline: 16px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .az-menu-prototype .az-menu-category-row::-webkit-scrollbar {
    display: none;
  }
  .az-menu-prototype .az-menu-category {
    min-width: 138px;
    min-height: 142px;
    padding: 14px 8px;
    flex: 0 0 138px;
    scroll-snap-align: start;
  }
  .az-menu-prototype .az-menu-category.is-primary {
    flex-basis: 138px;
  }
  .az-menu-prototype .az-menu-category__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 10px;
  }
  .az-menu-prototype .az-menu-category__icon svg {
    width: 52px;
    height: 52px;
  }
  .az-menu-prototype .az-menu-list-head {
    align-items: center;
  }
  .az-menu-prototype .az-menu-list-head > div:first-child {
    display: flex;
    gap: 8px;
  }
  .az-menu-prototype .az-menu-list-head h2 {
    font-size: 28px;
  }
  .az-menu-prototype .az-menu-list-head > div:first-child > span {
    min-height: 32px;
    padding: 5px 8px;
    font-size: 12px;
  }
  .az-menu-prototype .menu-sort select {
    min-width: 156px;
    max-width: 156px;
    min-height: 44px;
    padding-left: 12px;
    font-size: 12px;
  }
  /* 7.265.0 — mobil de vitrin kart ölçüleri: zorunlu 500px yükseklik kalktı {
    padding: 14px 15px 15px;
  }
}
@media (max-width: 430px) {
  .az-menu-prototype .az-menu-list-head {
    align-items: flex-start;
    gap: 10px;
  }
  .az-menu-prototype .az-menu-list-head > div:first-child {
    align-items: flex-start;
    flex-direction: column;
  }
  .az-menu-prototype .az-menu-list-head h2 {
    font-size: 25px;
  }
  .az-menu-prototype .menu-sort select {
    min-width: 148px;
    max-width: 148px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .az-menu-prototype .az-menu-category,.az-menu-prototype .az-menu-categories > header > a {
    transition: none !important;
  }
}

/* ========================================================================
   7.451.0 — ORTAK FORM BİLEŞEN SİSTEMİ
   FormStepper · FormStep · SelectionCard · SegmentedControl · PersonStepper
   PrimaryFormButton · FormStatusCard · ManualVerificationCard
   ======================================================================== */
:where(.az-form-system,.az-checkout,.anzelha-auth,.az-rz,.az-fis__form) {
  color: var(--form-text);
}

:where(.az-form-system,.az-checkout,.anzelha-auth,.az-rz,.az-fis__form)
  :is(input,select,textarea,button,a):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--form-primary) 42%, transparent);
  outline-offset: 2px;
}

.az-form-stepper,
.az-steps {
  box-sizing: border-box;
  min-height: 38px;
  max-width: 100%;
  color: var(--form-text-secondary);
}
.az-form-stepper__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
}
.az-form-stepper__button:not(:disabled) { cursor: pointer; }
.az-form-stepper__error {
  grid-column: 2;
  display: block;
  max-width: 170px;
  color: var(--form-error);
  font-size: 10.5px;
  line-height: 1.25;
}
.az-form-stepper__error[hidden] { display: none !important; }
.az-form-stepper li.is-error .az-form-stepper__button::after {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 50%;
  background: var(--form-error);
  color: #fff;
  content: "!";
  font-size: 11px;
  font-weight: 850;
}

.az-selection-card,
.az-segmented-control label,
.az-person-stepper {
  border-color: var(--form-border);
  background: var(--form-surface);
  color: var(--form-text);
}
.az-selection-card:hover,
.az-segmented-control label:hover { border-color: var(--form-primary-border); }
.az-selection-card:has(input:checked),
.az-segmented-control label:has(input:checked) {
  border-color: var(--form-primary);
  background: var(--form-primary-soft);
}
.az-selection-card:has(input:checked) strong,
.az-segmented-control label:has(input:checked) { font-weight: 700; }

.az-primary-form-button,
:where(.anzelha-auth,.az-fis__form) button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 260px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  background: var(--form-primary);
  color: var(--form-primary-ink, #fff);
  font-weight: 750;
}
.az-primary-form-button:hover,
:where(.anzelha-auth,.az-fis__form) button[type="submit"]:hover { background: var(--form-primary-hover); }
.az-primary-form-button:active,
:where(.anzelha-auth,.az-fis__form) button[type="submit"]:active { background: var(--form-primary-pressed); }
.az-primary-form-button:disabled,
.az-primary-form-button[aria-disabled="true"],
:where(.anzelha-auth,.az-fis__form) button[type="submit"]:disabled {
  background: var(--form-disabled);
  color: #fff;
  box-shadow: none;
  cursor: not-allowed;
}

.az-form-status-card {
  border: 1px solid var(--form-border);
  background: var(--form-surface);
  color: var(--form-text);
}
.az-form-status-card.is-success {
  border-color: color-mix(in srgb, var(--form-success) 42%, var(--form-border));
  background: color-mix(in srgb, var(--form-success) 9%, var(--form-surface));
}
.az-form-status-card.is-error {
  border-color: color-mix(in srgb, var(--form-error) 48%, var(--form-border));
  background: color-mix(in srgb, var(--form-error) 8%, var(--form-surface));
}

@media (max-width: 767px) {
  .az-primary-form-button,
  :where(.anzelha-auth,.az-fis__form) button[type="submit"] {
    width: 100%;
    max-width: none;
  }
}

/* 4-4 (talimat): basılı-durum geri bildirimi JS'e bağımlı değildir —
   ios-system.js yüklenmeden/çökerse de dokunuş tepki verir; JS gelince
   mevcut is-ios-pressed sistemi devralır. */
.az-product-card:active,
.az-menu-category:active,
.az-mobile-tabs a:active,
.az-rz-btn:active {
  transform: scale(.97);
}
@media (prefers-reduced-motion: reduce) {
  .az-product-card:active, .az-menu-category:active, .az-mobile-tabs a:active, .az-rz-btn:active { transform: none; }
}


/* ==================== ios-system-tokens.css ==================== */
/*
 * Anzelha 7.421.0 — iOS web + mobil tarayıcı tasarım tokenları.
 *
 * Bu dosya yalnız semantik değişken üretir. Anzelha marka ilkesi gereği
 * iOS sistem mavisi yerine açık modda kırmızı, koyu modda turkuaz tek vurgu
 * rengi kullanılır. Bileşen geometrileri ios-system-components.css'tedir.
 */

:root {
  /* ================================================================
     7.550.0 (talimat v2 K-07) — TEK z-index ölçeği. Sitede 4+ haneli
     z-index sabiti YASAK; her katman bu ölçekten (gerekirse calc ±1)
     türetilir. liquid-glass-overlays'ın eski 100000'li paleti kaldırıldı;
     bileşen haritası artık bu değerleri okur.
     ================================================================ */
  --z-base: 1;
  --z-sticky: 100;
  --z-tabbar: 200;
  --z-header: 300;
  --z-fab: 400;
  --z-panel-backdrop: 500;   /* mobil paneller, minicart, sheet perdeleri */
  --z-panel: 501;
  --z-promo: 600;            /* az-day-card */
  --z-modal: 700;
  --z-cookie: 800;           /* çerez bandı her şeyin üstünde kalmalı */
  --z-toast: 900;

  /* Eski katman adları ölçeğe köprülenir — tüketiciler değişmeden çalışır. */
  --az-layer-content: var(--z-base);
  --az-layer-sticky: var(--z-sticky);
  --az-layer-floating: var(--z-fab);
  --az-layer-popover: calc(var(--z-header) + 1);
  --az-layer-modal: var(--z-modal);
  --az-layer-toast: var(--z-toast);
  --az-layer-tabbar: var(--z-tabbar);
  --az-layer-header: var(--z-header);
  --az-layer-drawer-backdrop: var(--z-panel-backdrop);
  --az-layer-drawer: var(--z-panel);
  --az-layer-fab: var(--z-fab);
  --az-layer-dropdown: calc(var(--z-header) + 1);
  --az-layer-overlay: var(--z-panel);
  /* G7 (H-118): yüzen eylem düğmesi ölçüleri — içerik rezervi bu üçünden türetilir. */
  --az-fab-size: 56px;
  --az-fab-gap: 12px;
  --az-fab-edge: 20px;

  color-scheme: light;

  /* iOS yay fiziğinin CSS linear() karşılıkları. */
  --ios-spring-default: linear(
    0, .0088 1.16%, .0345 2.44%, .1265 4.94%, .4159 11.72%, .5324 14.5%,
    .6318 17.28%, .7139 20.06%, .7789 22.84%, .8299 25.62%, .8687 28.4%,
    .9077 32.24%, .9345 36.36%, .9526 40.76%, .9694 47.42%, .9823 57.06%,
    .9963 78.42%, 1
  );
  --ios-spring-smooth: linear(
    0, .0033 .8%, .0263 2.39%, .0896 4.79%, .4676 15.12%, .5688 18.42%,
    .6553 21.72%, .7274 25.02%, .7862 28.42%, .8336 31.92%, .8711 35.52%,
    .9067 39.98%, .9331 44.74%, .9523 49.72%, .9714 57.2%, .9835 65.32%,
    .9944 80.28%, 1
  );
  --ios-spring-bouncy: linear(
    0, .0121 1.5%, .0479 3.1%, .1875 6.4%, .6813 15.5%, .8411 19%,
    .9455 22.5%, 1.0129 26.1%, 1.0507 29.9%, 1.0668 34%, 1.0631 38.6%,
    1.0448 44.5%, 1.0013 58.2%, .9884 67.4%, .9982 82.6%, 1
  );

  --ios-dur-instant: 120ms;
  --ios-dur-fast: 250ms;
  --ios-dur-base: 350ms;
  --ios-dur-slow: 500ms;

  /* Mevcut tema hareket değişkenleri de aynı merkezden yay fiziğini tüketir. */
  --motion-fast: var(--ios-dur-instant);
  --motion-base: var(--ios-dur-fast);
  --motion-slow: var(--ios-dur-slow);
  --motion-ease: var(--ios-spring-default);
  --az-liquid-duration: var(--ios-dur-fast);
  --az-liquid-ease: var(--ios-spring-smooth);

  --ios-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
  --ios-type-large-title: 700 34px/41px var(--ios-font-system);
  --ios-type-title-1: 600 28px/34px var(--ios-font-system);
  --ios-type-title-2: 600 22px/28px var(--ios-font-system);
  --ios-type-title-3: 600 20px/25px var(--ios-font-system);
  --ios-type-headline: 600 17px/22px var(--ios-font-system);
  --ios-type-body: 400 17px/22px var(--ios-font-system);
  --ios-type-callout: 400 16px/21px var(--ios-font-system);
  --ios-type-subheadline: 400 15px/20px var(--ios-font-system);
  --ios-type-footnote: 400 13px/18px var(--ios-font-system);
  --ios-type-caption: 400 12px/16px var(--ios-font-system);

  --ios-accent: var(--theme-accent, #e3262e);
  --ios-accent-rgb: var(--anzelha-red-rgb, 227 38 46);
  --ios-success: #34c759;
  --ios-warning: #ff9500;
  --ios-destructive: #ff3b30;
  --ios-label-primary: rgba(0, 0, 0, 1);
  --ios-label-secondary: rgba(60, 60, 67, .66);
  --ios-label-tertiary: rgba(60, 60, 67, .34);
  --ios-bg-primary: #fff;
  --ios-bg-secondary: #f2f2f7;
  --ios-bg-tertiary: #fff;
  --ios-fill-primary: rgba(120, 120, 128, .20);
  --ios-fill-quaternary: rgba(116, 116, 128, .08);
  --ios-separator: rgba(60, 60, 67, .29);
  --ios-focus-ring: rgb(var(--ios-accent-rgb) / .34);

  --ios-material-thin: saturate(180%) blur(20px);
  --ios-material-regular: saturate(180%) blur(30px);
  --ios-material-thick: saturate(180%) blur(50px);
  --ios-material-surface: rgba(249, 249, 249, .72);
  --ios-material-surface-strong: rgba(255, 255, 255, .84);

  --ios-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);
  --ios-shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .08);
  --ios-shadow-lg: 0 8px 24px rgba(0, 0, 0, .10), 0 16px 48px rgba(0, 0, 0, .10);

  --ios-radius-control: 12px;
  --ios-radius-card: 16px;
  --ios-radius-menu: 14px;
  --ios-radius-sheet: 20px;
  --ios-hairline: .5px;
  --ios-scroll-progress: 0;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ios-accent: var(--theme-accent, #16c5d0);
  --ios-accent-rgb: 22 197 208;
  --ios-success: #30d158;
  --ios-warning: #ff9f0a;
  --ios-destructive: #ff453a;
  --ios-label-primary: rgba(255, 255, 255, 1);
  --ios-label-secondary: rgba(235, 235, 245, .66);
  --ios-label-tertiary: rgba(235, 235, 245, .36);
  --ios-bg-primary: #000;
  --ios-bg-secondary: #1c1c1e;
  --ios-bg-tertiary: #2c2c2e;
  --ios-fill-primary: rgba(120, 120, 128, .36);
  --ios-fill-quaternary: rgba(118, 118, 128, .18);
  --ios-separator: rgba(84, 84, 88, .60);
  --ios-material-surface: rgba(20, 20, 22, .74);
  --ios-material-surface-strong: rgba(28, 28, 30, .86);
  --ios-shadow-sm: 0 1px 3px rgba(0, 0, 0, .24);
  --ios-shadow-md: 0 4px 18px rgba(0, 0, 0, .30);
  --ios-shadow-lg: 0 14px 48px rgba(0, 0, 0, .42);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --ios-accent: var(--theme-accent, #16c5d0);
    --ios-accent-rgb: 22 197 208;
    --ios-label-primary: rgba(255, 255, 255, 1);
    --ios-label-secondary: rgba(235, 235, 245, .66);
    --ios-label-tertiary: rgba(235, 235, 245, .36);
    --ios-bg-primary: #000;
    --ios-bg-secondary: #1c1c1e;
    --ios-bg-tertiary: #2c2c2e;
    --ios-fill-primary: rgba(120, 120, 128, .36);
    --ios-fill-quaternary: rgba(118, 118, 128, .18);
    --ios-separator: rgba(84, 84, 88, .60);
    --ios-material-surface: rgba(20, 20, 22, .74);
    --ios-material-surface-strong: rgba(28, 28, 30, .86);
  }
}

@supports not (animation-timing-function: linear(0, 1)) {
  :root {
    --ios-spring-default: cubic-bezier(.16, 1, .3, 1);
    --ios-spring-smooth: cubic-bezier(.2, .78, .2, 1);
    --ios-spring-bouncy: cubic-bezier(.18, 1.24, .36, 1);
  }
}