/* OTOMATİK ÜRETİM — elle düzenleme! Kaynaklar: liquid-glass-overlays, footer-reference, mobile-hamburger-menu, header-liquid-glass. * Yeniden üretim: node anzelha/tools/build-css-packs.mjs */ /* ==================== liquid-glass-overlays.css ==================== */ /* * Anzelha 7.419.0 — Açılır Pencereler ve Liquid Glass Bütünlüğü * * Dropdown, popover, modal, sheet, ürün/sepet çekmecesi, toast ve tooltip için * son sunum otoritesi. İçerik ve iş mantığına dokunmaz; yalnız ortak malzeme, * hareket, katman, taşma ve erişilebilir dokunma alanlarını tanımlar. */ :root { --az-liquid-surface: rgba(255, 255, 255, .76); --az-liquid-surface-strong: rgba(255, 255, 255, .86); --az-liquid-border: rgba(255, 255, 255, .72); --az-liquid-shadow: inset 0 1px 0 rgba(255, 255, 255, .80), 0 20px 60px rgba(15, 18, 28, .16); --az-liquid-text: #17181b; --az-liquid-muted: rgba(23, 24, 27, .66); --az-liquid-active: rgb(var(--theme-accent-rgb, 227 38 46) / .08); --az-liquid-primary: var(--theme-accent, #e3262e); --az-liquid-primary-hover: var(--theme-accent-hover, #c91f27); --az-liquid-backdrop: rgba(0, 0, 0, .24); --az-liquid-inner-surface: rgba(255, 255, 255, .30); --az-liquid-inner-border: rgba(255, 255, 255, .68); --az-liquid-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .54), 0 10px 28px rgba(15, 18, 28, .08); --az-liquid-radius: 24px; --az-liquid-inner-radius: 22px; --az-liquid-blur: 28px; --az-liquid-saturation: 150%; --az-liquid-duration: 220ms; --az-liquid-ease: var(--ios-spring-smooth, cubic-bezier(.2, .78, .2, 1)); /* 7.550.0 (K-07): buradaki 100000'li ikinci palet KALDIRILDI — katman değerlerinin tek kaynağı ios-system-tokens.css'teki --z-* ölçeğidir; eski --az-layer-* adları orada ölçeğe köprülenir. */ } :root[data-theme="dark"], [data-theme="dark"], body.dark { --az-liquid-surface: rgba(20, 20, 22, .78); --az-liquid-surface-strong: rgba(20, 20, 22, .88); --az-liquid-border: rgba(255, 255, 255, .14); --az-liquid-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 24px 64px rgba(0, 0, 0, .40); --az-liquid-text: var(--dark-text, #f5f7f8); --az-liquid-muted: var(--dark-text-secondary, #aeb4b8); --az-liquid-active: rgba(20, 196, 207, .14); --az-liquid-inner-surface: rgba(255, 255, 255, .065); --az-liquid-inner-border: rgba(255, 255, 255, .12); --az-liquid-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 12px 30px rgba(0, 0, 0, .18); } /* Ortak yardımcı sınıf: yeni dropdown/modal/popover bileşenleri bunu kullanır. */ .liquid-glass-surface, #top.anzelha-desktop-header .az-nav-drop, #top.anzelha-desktop-header .anzelha-desktop-popover, .az-theme-menu, .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, .anzelha-menu-panel > .anzelha-menu-panel__surface, .az-mobile-branches-sheet__panel, .az-mobile-hours-sheet__panel, .az-branch-sheet__panel, .az-sheet__panel, .az-appsheet__panel, .az-dialog, .az-toast, .anzelha-toast, .anz-toast, .az-experience-modal__panel, .az-menu-prototype .az-menu-detail, .az-minicart__panel, .az-suggest__panel, .az-wheelpop__panel, .az-cookie__banner, .az-cookie__dialog, .wa-chat__panel, .wa-greet__card, .wa-tip__card, .anzelha-kazan-promo__panel, .ak-sheet__panel, .az-modal__panel, .az-account-detail__panel, .az-account-qr-dialog > section, .az-story-dialog__panel, .az-branch-issues__panel, .courier-sheet__panel, .az-clock-tip { box-sizing: border-box; border: 1px solid var(--az-liquid-border) !important; border-radius: var(--az-liquid-radius) !important; background: var(--az-liquid-surface) !important; color: var(--az-liquid-text) !important; box-shadow: var(--az-liquid-shadow) !important; -webkit-backdrop-filter: blur(var(--az-liquid-blur)) saturate(var(--az-liquid-saturation)) !important; backdrop-filter: blur(var(--az-liquid-blur)) saturate(var(--az-liquid-saturation)) !important; } .liquid-glass-surface { border: 1px solid var(--az-liquid-border); border-radius: var(--az-liquid-radius); } /* Dış yüzey blur uygular; sabit başlık/altlıklar ikinci blur katmanı üretmez. */ .anzelha-menu-panel__header, .anzelha-menu-panel__footer, .az-minicart__head, .az-minicart__body, .az-minicart__foot, .az-menu-prototype .az-menu-detail__top, .az-menu-prototype .az-menu-detail__buy, .az-appsheet__head, .az-account-detail__header, .az-account-detail__actions, .wa-chat__header, .wa-chat__footer { background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } /* Koyu temada alt yüzeyler düz siyah kutuya dönmez. */ [data-theme="dark"] .liquid-glass-surface, [data-theme="dark"] #top.anzelha-desktop-header .az-nav-drop, [data-theme="dark"] #top.anzelha-desktop-header .anzelha-desktop-popover, [data-theme="dark"] .az-theme-menu, [data-theme="dark"] .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, [data-theme="dark"] .anzelha-menu-panel > .anzelha-menu-panel__surface, [data-theme="dark"] .az-mobile-branches-sheet__panel, [data-theme="dark"] .az-mobile-hours-sheet__panel, [data-theme="dark"] .az-branch-sheet__panel, [data-theme="dark"] .az-sheet__panel, [data-theme="dark"] .az-appsheet__panel, [data-theme="dark"] .az-dialog, [data-theme="dark"] .az-toast, [data-theme="dark"] .anzelha-toast, [data-theme="dark"] .anz-toast, [data-theme="dark"] .az-experience-modal__panel, [data-theme="dark"] .az-menu-prototype .az-menu-detail, [data-theme="dark"] .az-minicart__panel, [data-theme="dark"] .az-suggest__panel, [data-theme="dark"] .az-wheelpop__panel, [data-theme="dark"] .az-cookie__banner, [data-theme="dark"] .az-cookie__dialog, [data-theme="dark"] .wa-chat__panel, [data-theme="dark"] .wa-greet__card, [data-theme="dark"] .wa-tip__card, [data-theme="dark"] .anzelha-kazan-promo__panel, [data-theme="dark"] .ak-sheet__panel, [data-theme="dark"] .az-modal__panel, [data-theme="dark"] .az-account-detail__panel, [data-theme="dark"] .az-account-qr-dialog > section, [data-theme="dark"] .az-story-dialog__panel, [data-theme="dark"] .az-branch-issues__panel, [data-theme="dark"] .courier-sheet__panel, [data-theme="dark"] .az-clock-tip, body.dark .liquid-glass-surface, body.dark .az-cookie__banner, body.dark .az-cookie__dialog { border-color: var(--az-liquid-border) !important; background: var(--az-liquid-surface) !important; color: var(--az-liquid-text) !important; box-shadow: var(--az-liquid-shadow) !important; } /* Düzenli katman sistemi. */ #top.anzelha-desktop-header { z-index: var(--az-layer-header) !important; } #top.anzelha-desktop-header .az-nav-drop, #top.anzelha-desktop-header .anzelha-desktop-popover, .az-theme-menu { z-index: var(--az-layer-dropdown) !important; } .az-search-sheet, .anzelha-menu-panel, .az-mobile-branches-sheet, .az-mobile-hours-sheet, .az-branch-sheet, .az-sheet, .az-appsheet, .az-minicart, .az-experience-modal, .anzelha-kazan-promo, .ak-sheet, .az-modal, .az-account-qr-dialog, .az-story-dialog, .az-branch-issues, .courier-sheet, .wa-chat, .az-suggest, .az-wheelpop { z-index: var(--az-layer-overlay) !important; } /* K-07: çerez perdesi panel katmanında DEĞİL — çerez ailesi bandın hemen altında kendi katmanını kullanır ki tercih penceresi açıkken panelleri de örtsün. */ .az-cookie__backdrop { z-index: calc(var(--z-cookie) - 1) !important; } .az-menu-prototype .az-menu-detail-backdrop { z-index: var(--az-layer-overlay) !important; } .az-menu-prototype .az-menu-detail, .az-account-detail__panel, .az-dialog-layer { z-index: var(--az-layer-modal) !important; } .az-toast-region, .anzelha-toast-region, .anz-toasts { z-index: var(--az-layer-toast) !important; } /* K-07: çerez bandı toast'ın altında ama diğer her şeyin üstünde kendi katmanında; WhatsApp karşılama/ipucu balonları FAB ailesindedir — çerez bandını asla örtmezler (eskiden altısı da aynı 100200'deydi ve üstünlük DOM sırasına kalmıştı). */ .az-cookie__banner { z-index: var(--z-cookie) !important; } .wa-greet, .wa-tip { z-index: calc(var(--z-fab) + 1) !important; } /* Bütün modal perdeleri aynı hafif karartma ve tek blur reçetesini kullanır. */ .az-search-sheet__backdrop, .anzelha-menu-panel__backdrop, .az-mobile-branches-sheet__backdrop, .az-mobile-hours-sheet__backdrop, .az-branch-sheet__backdrop, .az-sheet__backdrop, .az-appsheet__backdrop, .az-minicart__backdrop, .az-menu-detail-backdrop, .az-dialog-layer, .az-experience-modal__backdrop, .anzelha-kazan-promo__backdrop, .ak-sheet__backdrop, .az-modal__backdrop, .az-account-detail__backdrop, .az-account-qr-dialog__backdrop, .az-story-dialog__backdrop, .az-branch-issues, .courier-sheet__backdrop, .wa-chat__backdrop, .az-suggest__backdrop, .az-cookie__backdrop, .az-wheelpop__backdrop { background: var(--az-liquid-backdrop) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; } /* Büyük içeriklerde yalnız panelin iç alanı kayar. */ .az-search-content, .anzelha-menu-panel__content, .az-mobile-branches-sheet__scroll, .az-mobile-hours-sheet__scroll, .az-branch-sheet__panel, .az-sheet__panel, .az-appsheet__scroll, .az-dialog, .az-experience-modal__scroll, .az-menu-detail__scroll, .anzelha-kazan-promo__panel, .ak-sheet__body, .az-modal__panel, .az-account-detail__panel, .az-account-qr-dialog > section, .az-story-dialog__panel, .az-branch-issues__panel, .courier-sheet__panel, .az-minicart__body, .az-suggest__panel, .az-cookie__dialog, .wa-chat__content { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } html.az-scroll-locked, html.az-dialog-open, body.az-scroll-locked, body.az-dialog-open, body.az-experience-modal-open, body.az-story-dialog-open, body.az-modal-open, body.az-cookie-dialog-open, body.wa-chat-open { overscroll-behavior: none; } /* Aktif/seçili satırlar: açıkta hafif kırmızı cam, mobil koyuda turkuaz. */ .liquid-glass-surface :is([aria-current="page"], [aria-checked="true"], [aria-selected="true"], .is-active), #top.anzelha-desktop-header .az-nav-drop :is([aria-current="page"], [aria-checked="true"], [aria-selected="true"], .is-active), #top.anzelha-desktop-header .anzelha-desktop-popover :is([aria-current="page"], [aria-checked="true"], [aria-selected="true"], .is-active), .az-theme-menu [aria-checked="true"], .az-search-sheet [aria-selected="true"], .az-appsheet__panel :is([aria-current="page"], [aria-checked="true"], [aria-selected="true"], .is-active), .az-account-detail__panel :is([aria-current="page"], [aria-checked="true"], [aria-selected="true"], .is-active), .anzelha-menu-panel__link[aria-current="page"] { border-color: rgba(227, 38, 46, .16) !important; background: var(--az-liquid-active) !important; color: inherit !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38) !important; } @media (max-width: 767px) { [data-theme="dark"] .liquid-glass-surface :is([aria-current="page"], [aria-checked="true"], [aria-selected="true"], .is-active), [data-theme="dark"] .az-theme-menu [aria-checked="true"], [data-theme="dark"] .az-search-sheet [aria-selected="true"], [data-theme="dark"] .az-appsheet__panel :is([aria-current="page"], [aria-checked="true"], [aria-selected="true"], .is-active), [data-theme="dark"] .anzelha-menu-panel__link[aria-current="page"] { border-color: rgba(20, 196, 207, .24) !important; background: rgba(20, 196, 207, .14) !important; color: var(--dark-accent-hover, #29d0da) !important; } } /* Popup içindeki ana/ikincil aksiyon hiyerarşisi. */ .az-dialog__button--confirm, .az-minicart__panel .az-button--primary, .az-modal__panel .az-btn--primary, .az-account-detail__panel .az-button--primary, .az-branch-issues__panel .az-button--primary, .anzelha-kazan-promo__cta, .courier-sheet__panel .courier-primary-button, .az-suggest__cta--primary, .az-cookie__button--primary, .az-wheelpop__btn--primary { border-color: var(--az-liquid-primary) !important; background: var(--az-liquid-primary) !important; color: #fff !important; box-shadow: 0 10px 26px rgba(227, 38, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .28) !important; } .az-dialog__button--cancel, .az-modal__panel .az-btn:not(.az-btn--primary), .az-account-detail__panel .az-button--light, .az-branch-issues__panel .az-button--light, .az-suggest__cta--light, .az-cookie__button--outline, .az-wheelpop__btn:not(.az-wheelpop__btn--primary):not(.az-wheelpop__btn--gold) { border-color: var(--az-liquid-border) !important; background: rgba(255, 255, 255, .18) !important; color: var(--az-liquid-text) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32) !important; } @media (hover: hover) and (pointer: fine) { .az-dialog__button--confirm:hover, .az-minicart__panel .az-button--primary:hover, .az-modal__panel .az-btn--primary:hover, .az-account-detail__panel .az-button--primary:hover, .az-branch-issues__panel .az-button--primary:hover, .anzelha-kazan-promo__cta:hover, .courier-sheet__panel .courier-primary-button:hover, .az-suggest__cta--primary:hover, .az-cookie__button--primary:hover, .az-wheelpop__btn--primary:hover { border-color: var(--az-liquid-primary-hover) !important; background: var(--az-liquid-primary-hover) !important; } } /* Kapatma kontrollerinin görünür alanı en az 44×44px'tir. */ .az-search-sheet__close, .anzelha-menu-panel__close, .az-mobile-branches-sheet__close, .az-mobile-hours-sheet__close, [data-az-branch-close], .az-sheet__close, .az-appsheet__close, .az-minicart__close, .az-menu-detail__close, .az-dialog__close, .az-experience-modal__close, .az-toast__close, .az-suggest__close, .az-cookie__close, .az-wheelpop__close, .anzelha-kazan-promo__close, .ak-sheet__panel header [data-ak-sheet-close], .az-modal__close, .az-account-detail__header > [data-az-detail-close], .az-account-qr-dialog > section > [data-az-account-qr-close], .az-story-dialog__close, .courier-sheet__close, .wa-chat__close { box-sizing: border-box; min-width: 44px !important; min-height: 44px !important; } /* Header popover'ları tetikleyicinin altında kalır ve kenara taşmaz. */ @media (min-width: 1024px) { #top.anzelha-desktop-header .anzelha-desktop-popover { width: min(320px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; border-radius: var(--az-liquid-radius) !important; transform-origin: top right; } /* 7.412.0 — TR/EN paneli yalnız iki kısa seçenek içerir. Genel iletişim * popover genişliğini devralınca tetikleyiciden gereksiz biçimde sola * taşıyordu. Dil panelini erişilebilir 44 px satırları koruyarak kompakt * tut; sağ kenarı yine TR/EN düğmesiyle hizalıdır. */ #top.anzelha-desktop-header .anzelha-desktop-language__menu { top: calc(100% + 10px); width: min(150px, calc(100vw - 32px)) !important; min-width: min(150px, calc(100vw - 32px)) !important; max-width: min(150px, calc(100vw - 32px)) !important; padding: 4px !important; border-radius: 16px !important; } #top.anzelha-desktop-header .anzelha-desktop-language__menu a { min-height: 44px; gap: 6px; padding: 6px 9px; border-radius: 11px; } #top.anzelha-desktop-header .anzelha-desktop-language__menu a + a { margin-top: 2px; } #top.anzelha-desktop-header .anzelha-desktop-language__menu a > span { font-size: 13px; line-height: 1.15; } #top.anzelha-desktop-header .anzelha-desktop-language__menu a > strong { font-size: 10.5px; line-height: 1; } #top.anzelha-desktop-header .az-nav-drop { max-width: calc(100vw - 32px) !important; } } /* Açılışlar 220ms; küçük translate + en az .98 ölçek. */ @keyframes az-liquid-popup-in { from { opacity: 0; transform: translate3d(0, 8px, 0) scale(.98); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } } /* * Header dropdown'larının mevcut translateX(-50%) hizasını koru. `translate` * ve `scale` bağımsız özellikleri, konumu sağlayan `transform` ile birleşir. */ @keyframes az-liquid-nav-in { from { opacity: 0; translate: 0 8px; scale: .98; } to { opacity: 1; translate: 0 0; scale: 1; } } #top.anzelha-desktop-header .az-nav-item.is-open > .az-nav-drop { animation: az-liquid-nav-in var(--az-liquid-duration) var(--az-liquid-ease) both !important; } /* * Çerez bandı left:50% + translateX(-50%) ile ortalanır. Genel popup * animasyonundaki `transform` bu merkezlemeyi ezdiği için, konum transformunu * koruyan bağımsız translate/scale animasyonu kullanılmalıdır. */ .az-cookie__banner:not([hidden]) { animation: az-liquid-nav-in var(--az-liquid-duration) var(--az-liquid-ease) both !important; } #top.anzelha-desktop-header .anzelha-desktop-popover.is-open, .az-theme-menu.is-open, .wa-chat:not([hidden]) .wa-chat__panel, .wa-greet:not([hidden]) .wa-greet__card, .wa-tip:not([hidden]) .wa-tip__card, .az-cookie__backdrop:not([hidden]) .az-cookie__dialog, .az-wheelpop.is-open .az-wheelpop__panel, .az-appsheet:not([hidden]) .az-appsheet__panel, .anzelha-kazan-promo:not([hidden]) .anzelha-kazan-promo__panel, .ak-sheet:not([hidden]) .ak-sheet__panel, .az-modal:not([hidden]) .az-modal__panel, .az-account-detail[open] > .az-account-detail__panel, .az-account-qr-dialog:not([hidden]) > section, .az-story-dialog:not([hidden]) .az-story-dialog__panel, .az-branch-issues > .az-branch-issues__panel, .courier-sheet:not([hidden]) .courier-sheet__panel { animation: az-liquid-popup-in var(--az-liquid-duration) var(--az-liquid-ease) both !important; } .az-clock-tip::before { border-bottom-color: var(--az-liquid-surface) !important; } .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, .az-dialog, .az-experience-modal__panel, .az-minicart__panel, .az-menu-prototype .az-menu-detail, .az-mobile-branches-sheet__panel, .az-mobile-hours-sheet__panel, .az-branch-sheet__panel, .anzelha-menu-panel > .anzelha-menu-panel__surface { opacity: 0; transform: translate3d(0, 8px, 0) scale(.98); transition: opacity var(--az-liquid-duration) var(--ios-spring-default, cubic-bezier(.16, 1, .3, 1)), transform var(--az-liquid-duration) var(--az-liquid-ease) !important; } .az-search-sheet.is-open .az-search-sheet__panel, .az-dialog-layer.is-visible .az-dialog, .az-experience-modal.is-open .az-experience-modal__panel, .az-minicart.is-open .az-minicart__panel, .az-menu-prototype .az-menu-detail.is-open, .az-mobile-branches-sheet.is-open .az-mobile-branches-sheet__panel, .az-mobile-hours-sheet.is-open .az-mobile-hours-sheet__panel, .az-branch-sheet.is-open .az-branch-sheet__panel, .anzelha-menu-panel.is-open > .anzelha-menu-panel__surface { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } .az-suggest__panel { animation: az-liquid-popup-in var(--az-liquid-duration) var(--az-liquid-ease) both !important; } .az-toast, .anzelha-toast { transition: opacity var(--az-liquid-duration) var(--ios-spring-default, cubic-bezier(.16, 1, .3, 1)), transform var(--az-liquid-duration) var(--az-liquid-ease) !important; } /* Mobil yüzeyler ekranı aşmaz; alt sheet geometrisini korur. */ @media (max-width: 767px) { .az-search-sheet[data-az-search-v2] { padding-inline: 10px; } .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, .anzelha-menu-panel > .anzelha-menu-panel__surface, .az-mobile-branches-sheet__panel, .az-mobile-hours-sheet__panel, .az-branch-sheet__panel, .az-sheet__panel, .az-experience-modal__panel, .az-menu-prototype .az-menu-detail, .az-minicart__panel, .az-suggest__panel { width: min(100%, calc(100vw - 20px)) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - max(12px, env(safe-area-inset-top))) !important; margin-inline: auto !important; border-radius: 24px 24px 0 0 !important; } .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, .az-dialog, .az-wheelpop__panel, .az-cookie__dialog, .wa-chat__panel { border-radius: var(--az-liquid-radius) !important; } .az-dialog-layer { padding-inline: 10px; } .az-toast-region, .anzelha-toast-region { right: 10px; left: 10px; width: auto; } } /* Hesabım navigasyonunun çekmece olduğu tablet + mobil aralık. */ @media (max-width: 960px) { .woocommerce-account.logged-in .az-account-nav-card { border: 1px solid var(--az-liquid-border) !important; border-radius: 24px 24px 0 0 !important; background: var(--az-liquid-surface) !important; box-shadow: var(--az-liquid-shadow) !important; opacity: 0; visibility: hidden; transform: translate3d(0, 8px, 0) scale(.98) !important; transition: opacity var(--az-liquid-duration) var(--ios-spring-default, cubic-bezier(.16, 1, .3, 1)), transform var(--az-liquid-duration) var(--az-liquid-ease), visibility 0s linear var(--az-liquid-duration) !important; -webkit-backdrop-filter: blur(var(--az-liquid-blur)) saturate(var(--az-liquid-saturation)) !important; backdrop-filter: blur(var(--az-liquid-blur)) saturate(var(--az-liquid-saturation)) !important; } .woocommerce-account.logged-in .az-account-navigation.is-open .az-account-nav-card { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) scale(1) !important; transition-delay: 0s !important; } .woocommerce-account.logged-in .az-account-menu-backdrop { background: var(--az-liquid-backdrop) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; } } /* * İç cam katmanları * -------------------------------------------------------------------------- * Dış yüzey tek ağır blur katmanıdır. İçerik kartları, alanlar, seçimler, * ikincil aksiyonlar ve kapatma kontrolleri blur üretmeden yarı şeffaf cam * katmanına oturur. Yeni bileşenler `.liquid-glass-layer` ve * `.liquid-glass-action` yardımcılarını doğrudan kullanabilir. */ .liquid-glass-layer, .liquid-glass-action, .liquid-glass-surface :where( input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea ), .az-search-sheet__panel :where(.az-search-form, .az-search-result, .az-search-quick a), .anzelha-menu-panel__surface :where(.anzelha-menu-panel__link, .anzelha-menu-panel__section), .az-minicart__panel :where(.az-minicart__item, .az-minicart__empty, .az-minicart__summary), .az-appsheet__panel :where(.az-appsheet__item, .az-appsheet__section), .az-dialog :where(.az-dialog__field, .az-dialog__summary), .az-experience-item, .az-experience-hours__row, .az-experience-modal__actions a, .az-account-detail__panel :where(.az-account-detail__card, .az-account-detail__row), .az-cookie__dialog :where(.az-cookie__option, .az-cookie__row), .wa-chat__panel :where(.wa-chat__message, .wa-chat__option) { border: 1px solid var(--az-liquid-inner-border) !important; border-radius: var(--az-liquid-inner-radius) !important; background: var(--az-liquid-inner-surface) !important; color: var(--az-liquid-text); box-shadow: var(--az-liquid-inner-shadow) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .liquid-glass-surface :where(button:not([class*="primary"]):not([class*="approve"]):not([class*="confirm"]), [class*="__close"]) { border-color: var(--az-liquid-inner-border) !important; background: var(--az-liquid-inner-surface) !important; color: var(--az-liquid-text) !important; box-shadow: var(--az-liquid-inner-shadow) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .liquid-glass-action--primary { border-color: var(--az-liquid-primary) !important; background: var(--az-liquid-primary) !important; color: #fff !important; } /* * Şube Durumları — referans kompozisyon * -------------------------------------------------------------------------- * Sıra: Eryaman, Bağlıca, marka ayracı ve ayrı Çakırlar sipariş kartı. */ .az-experience-modal__panel.az-experience-modal__panel--hours { width: min(820px, calc(100vw - 48px)) !important; max-height: min(92dvh, 700px) !important; } .az-experience-modal__panel--hours .az-experience-modal__head { padding: 20px 28px 16px; border-bottom-color: rgba(255, 255, 255, .32); } .az-experience-modal__panel--hours .az-experience-modal__head > div > span { color: #9b5d08; font-size: 13px; letter-spacing: .14em; } .az-experience-modal__panel--hours .az-experience-modal__head h2 { font-size: clamp(30px, 3vw, 38px); } .az-experience-modal__panel--hours .az-experience-modal__close { width: 48px; height: 48px; flex-basis: 48px; border-radius: 50% !important; } .az-experience-modal__panel--hours .az-experience-modal__scroll { padding: 14px 28px 20px; } .az-experience-hours { gap: 8px; } .az-experience-hours > .az-experience-hours__row { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 16px; min-height: 92px; padding: 12px 18px; } .az-experience-hours__icon { display: grid !important; place-items: center; width: 56px; height: 56px; border: 1px solid var(--az-liquid-inner-border); border-radius: 16px; background: rgba(255, 255, 255, .20); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48); color: var(--az-liquid-muted); } .az-experience-hours__icon svg { width: 26px; height: 26px; } .az-experience-hours__copy { display: flex !important; flex-direction: column; gap: 4px !important; min-width: 0; } .az-experience-hours__copy strong { color: var(--az-liquid-text); font-size: clamp(18px, 1.8vw, 21px); line-height: 1.2; letter-spacing: -.025em; } .az-experience-hours__copy small { display: flex; align-items: center; gap: 9px; min-width: 0; color: var(--az-liquid-muted); font-size: 14px; } .az-experience-hours__dot { display: inline-block; width: 12px; height: 12px; flex: 0 0 12px; margin: 0; border: 1px solid rgba(0, 0, 0, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42); } .az-experience-hours > .az-experience-hours__brand { display: flex; align-items: center; gap: 11px; min-height: 38px; padding: 4px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .az-experience-hours__concept { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 14px; border: 1px solid rgba(221, 121, 17, .58); border-radius: 999px; background: rgba(246, 151, 45, .12); color: #c86405; font-size: 12px; font-weight: 800; letter-spacing: .12em; white-space: nowrap; } .az-experience-hours__brand > i { width: 10px; height: 10px; border: 1px solid rgba(255, 255, 255, .65); border-radius: 50%; background: #2f7043; box-shadow: 0 0 0 1px rgba(35, 91, 52, .32); } .az-experience-hours__brand > strong { color: #285d39; font-size: 13px; font-weight: 800; letter-spacing: .14em; } .az-experience-hours > .az-experience-hours__row--lahmacun { border-color: rgba(234, 190, 120, .72) !important; background: rgba(247, 224, 184, .34) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 12px 34px rgba(116, 79, 23, .11) !important; } .az-experience-hours__row--lahmacun .az-experience-hours__icon { border-color: rgba(225, 178, 102, .66); background: rgba(255, 244, 220, .30); color: #2f7043; } .az-experience-hours__row--lahmacun .az-experience-hours__copy strong { color: #2a6840; } .az-experience-hours__order { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-width: 166px; min-height: 48px; padding: 10px 18px; border: 1px solid rgba(29, 88, 47, .72); border-radius: 15px; background: rgba(27, 91, 46, .90); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 12px 26px rgba(18, 70, 34, .22); font-size: 14px; font-weight: 750; text-decoration: none; } .az-experience-hours__order svg { width: 20px; height: 20px; } .az-experience-modal__panel--hours .az-experience-modal__actions { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; } .az-experience-modal__panel--hours .az-experience-modal__actions a { justify-content: center; gap: 10px; min-height: 56px; padding: 10px 12px; color: var(--az-liquid-text); font-size: 14px; text-align: center; } .az-experience-modal__panel--hours .az-experience-modal__actions svg { flex: 0 0 auto; width: 21px; height: 21px; color: #a86813; } [data-theme="dark"] .az-experience-hours__brand > strong { color: #75b987; } [data-theme="dark"] .az-experience-hours__concept { border-color: rgba(255, 164, 67, .45); background: rgba(255, 147, 34, .10); color: #ffad58; } [data-theme="dark"] .az-experience-hours > .az-experience-hours__row--lahmacun { border-color: rgba(229, 188, 116, .24) !important; background: rgba(118, 88, 44, .20) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 16px 36px rgba(0, 0, 0, .22) !important; } [data-theme="dark"] .az-experience-hours__row--lahmacun .az-experience-hours__copy strong { color: #8bd39e; } @media (hover: hover) and (pointer: fine) { .az-experience-hours__order:hover { background: rgba(22, 79, 40, .98); transform: translateY(-1px); } .az-experience-modal__panel--hours .az-experience-modal__actions a:hover { border-color: rgba(227, 38, 46, .20) !important; background: rgba(227, 38, 46, .07) !important; } } @media (max-width: 640px) { .az-experience-modal .az-experience-modal__panel--hours { width: min(92vw, 880px) !important; max-width: 92vw !important; max-height: 88dvh !important; border-width: 1px !important; border-radius: 28px 28px 0 0 !important; } .az-experience-modal__panel--hours .az-experience-modal__head { padding: 16px 18px 14px; } .az-experience-modal__panel--hours .az-experience-modal__head h2 { font-size: 28px; } .az-experience-modal__panel--hours .az-experience-modal__close { width: 44px; height: 44px; flex-basis: 44px; } .az-experience-modal__panel--hours .az-experience-modal__scroll { padding: 16px 14px calc(18px + env(safe-area-inset-bottom)); } .az-experience-hours > .az-experience-hours__row { grid-template-columns: 54px minmax(0, 1fr); gap: 14px; min-height: 0; padding: 16px; } .az-experience-hours__icon { width: 54px; height: 54px; border-radius: 16px; } .az-experience-hours__icon svg { width: 26px; height: 26px; } .az-experience-hours__copy strong { font-size: 18px; } .az-experience-hours__copy small { align-items: flex-start; font-size: 13px; } .az-experience-hours > .az-experience-hours__brand { flex-wrap: wrap; gap: 8px; padding-top: 4px; } .az-experience-hours__concept { min-height: 30px; padding: 5px 12px; font-size: 10px; } .az-experience-hours__brand > strong { font-size: 11px; } .az-experience-hours__order { grid-column: 1 / -1; width: 100%; min-width: 0; min-height: 50px; } .az-experience-modal__panel--hours .az-experience-modal__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; } .az-experience-modal__panel--hours .az-experience-modal__actions a { min-height: 58px; padding: 10px; font-size: 13px; } .az-experience-modal__panel--hours .az-experience-modal__actions a:last-child { grid-column: 1 / -1; } } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .liquid-glass-surface, #top.anzelha-desktop-header .az-nav-drop, #top.anzelha-desktop-header .anzelha-desktop-popover, .az-theme-menu, .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, .anzelha-menu-panel > .anzelha-menu-panel__surface, .az-mobile-branches-sheet__panel, .az-mobile-hours-sheet__panel, .az-branch-sheet__panel, .az-sheet__panel, .az-appsheet__panel, .az-dialog, .az-toast, .anzelha-toast, .anz-toast, .az-experience-modal__panel, .az-menu-prototype .az-menu-detail, .az-minicart__panel, .az-suggest__panel, .az-wheelpop__panel, .az-cookie__banner, .az-cookie__dialog, .wa-chat__panel, .wa-greet__card, .wa-tip__card, .anzelha-kazan-promo__panel, .ak-sheet__panel, .az-modal__panel, .az-account-detail__panel, .az-account-qr-dialog > section, .az-story-dialog__panel, .az-branch-issues__panel, .courier-sheet__panel, .woocommerce-account.logged-in .az-account-nav-card, .az-clock-tip { background: rgba(250, 250, 250, .98) !important; } [data-theme="dark"] .liquid-glass-surface, [data-theme="dark"] #top.anzelha-desktop-header .az-nav-drop, [data-theme="dark"] #top.anzelha-desktop-header .anzelha-desktop-popover, [data-theme="dark"] .az-theme-menu, [data-theme="dark"] .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, [data-theme="dark"] .anzelha-menu-panel > .anzelha-menu-panel__surface, [data-theme="dark"] .az-appsheet__panel, [data-theme="dark"] .az-dialog, [data-theme="dark"] .az-toast, [data-theme="dark"] .anz-toast, [data-theme="dark"] .az-experience-modal__panel, [data-theme="dark"] .az-menu-prototype .az-menu-detail, [data-theme="dark"] .az-minicart__panel, [data-theme="dark"] .az-suggest__panel, [data-theme="dark"] .az-wheelpop__panel, [data-theme="dark"] .az-cookie__banner, [data-theme="dark"] .az-cookie__dialog, [data-theme="dark"] .wa-chat__panel, [data-theme="dark"] .wa-greet__card, [data-theme="dark"] .wa-tip__card, [data-theme="dark"] .anzelha-kazan-promo__panel, [data-theme="dark"] .ak-sheet__panel, [data-theme="dark"] .az-modal__panel, [data-theme="dark"] .az-account-detail__panel, [data-theme="dark"] .az-account-qr-dialog > section, [data-theme="dark"] .az-story-dialog__panel, [data-theme="dark"] .az-branch-issues__panel, [data-theme="dark"] .courier-sheet__panel, [data-theme="dark"] .woocommerce-account.logged-in .az-account-nav-card, [data-theme="dark"] .az-clock-tip { background: rgba(20, 20, 22, .98) !important; } } @media (prefers-reduced-transparency: reduce) { .liquid-glass-surface, #top.anzelha-desktop-header .az-nav-drop, #top.anzelha-desktop-header .anzelha-desktop-popover, .az-theme-menu, .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, .anzelha-menu-panel > .anzelha-menu-panel__surface, .az-mobile-branches-sheet__panel, .az-mobile-hours-sheet__panel, .az-branch-sheet__panel, .az-sheet__panel, .az-appsheet__panel, .az-dialog, .az-toast, .anzelha-toast, .anz-toast, .az-experience-modal__panel, .az-menu-prototype .az-menu-detail, .az-minicart__panel, .az-suggest__panel, .az-wheelpop__panel, .az-cookie__banner, .az-cookie__dialog, .wa-chat__panel, .wa-greet__card, .wa-tip__card, .anzelha-kazan-promo__panel, .ak-sheet__panel, .az-modal__panel, .az-account-detail__panel, .az-account-qr-dialog > section, .az-story-dialog__panel, .az-branch-issues__panel, .courier-sheet__panel, .woocommerce-account.logged-in .az-account-nav-card, .az-clock-tip { background: var(--az-liquid-surface-strong) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } @media (prefers-reduced-motion: reduce) { #top.anzelha-desktop-header .az-nav-drop, #top.anzelha-desktop-header .anzelha-desktop-popover, .az-theme-menu, .az-search-sheet[data-az-search-v2] .az-search-sheet__panel, .anzelha-menu-panel > .anzelha-menu-panel__surface, .az-mobile-branches-sheet__panel, .az-mobile-hours-sheet__panel, .az-branch-sheet__panel, .az-sheet__panel, .az-appsheet__panel, .az-dialog, .az-toast, .anzelha-toast, .anz-toast, .az-experience-modal__panel, .az-menu-prototype .az-menu-detail, .az-minicart__panel, .az-suggest__panel, .az-wheelpop__panel, .az-cookie__dialog, .wa-chat__panel, .wa-greet__card, .wa-tip__card, .anzelha-kazan-promo__panel, .ak-sheet__panel, .az-modal__panel, .az-account-detail__panel, .az-account-qr-dialog > section, .az-story-dialog__panel, .az-branch-issues__panel, .courier-sheet__panel, .woocommerce-account.logged-in .az-account-nav-card, .az-clock-tip { animation: none !important; transition: none !important; } } /* ==================== footer-reference.css ==================== */ /* * ANZELHA FOOTER — referans görsel son sunum otoritesi (7.402.0) * * Yalnız ortak footer bileşenini boyar. Dinamik WordPress verileri, bağlantılar * ve dahili WhatsApp davranışı footer.php içinde korunur. */ .site-footer.anz-footer { /* Footer aksanı da temayla döner (açık kırmızı / koyu turkuaz). */ --az-footer-accent: var(--theme-accent, #e3262e); --az-footer-whatsapp: #16a85d; --az-footer-ink: #17191d; --az-footer-muted: #59616d; --az-footer-surface: rgba(255, 252, 249, 0.76); --az-footer-subtle: rgba(255, 255, 255, 0.52); --az-footer-border: rgb(var(--theme-accent-rgb, 227 38 46) / 0.28); --az-footer-inner-border: rgb(var(--theme-accent-rgb, 227 38 46) / 0.22); --az-footer-divider: rgba(28, 32, 38, 0.14); --az-footer-focus: #b40f22; display: block !important; width: 100%; margin: 0 !important; padding: clamp(30px, 4vw, 64px) 0 clamp(32px, 4vw, 60px) !important; overflow: clip; color: var(--az-footer-ink); background: transparent !important; background-image: none !important; isolation: isolate; } .site-footer.anz-footer *, .site-footer.anz-footer *::before, .site-footer.anz-footer *::after { box-sizing: border-box; } .site-footer.anz-footer .footer-shell.anz-footer__deck { display: block !important; width: min(calc(100% - clamp(24px, 6vw, 88px)), 1480px) !important; max-width: 1480px !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; overflow: visible !important; } .site-footer.anz-footer .az-footer-contact-glass { position: relative; display: block !important; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; color: var(--az-footer-ink); border: 1px solid var(--az-footer-border) !important; border-radius: 40px !important; background: var(--az-footer-surface) !important; background-image: none !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 20px 54px rgba(32, 26, 24, 0.09) !important; -webkit-backdrop-filter: blur(24px) saturate(130%); backdrop-filter: blur(24px) saturate(130%); } .site-footer.anz-footer .az-footer-contact-glass::before, .site-footer.anz-footer .az-footer-contact-glass::after { content: none !important; display: none !important; } .site-footer.anz-footer .az-footer-bento { position: relative; z-index: 1; display: grid !important; grid-template-columns: minmax(0, 35fr) minmax(0, 65fr) !important; gap: 0 !important; width: 100% !important; min-height: 360px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; overflow: visible !important; } .site-footer.anz-footer .az-footer-brand, .site-footer.anz-footer .az-footer-reach { min-width: 0; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; } .site-footer.anz-footer .az-footer-brand { position: relative; display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(42px, 4.4vw, 68px) clamp(34px, 4vw, 62px) !important; border-right: 1px solid var(--az-footer-divider) !important; } .site-footer.anz-footer .az-footer-brand::before, .site-footer.anz-footer .az-footer-brand::after, .site-footer.anz-footer .az-footer-reach::before, .site-footer.anz-footer .az-footer-reach::after { content: none !important; display: none !important; } .site-footer.anz-footer .az-footer-logo { position: static !important; inset: auto !important; display: inline-flex !important; width: min(100%, 232px) !important; min-width: 0 !important; min-height: 0 !important; margin: 0 0 24px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline-offset: 6px; color: inherit; background: transparent !important; background-image: none !important; box-shadow: none !important; transform: none; } .site-footer.anz-footer .az-footer-logo::before, .site-footer.anz-footer .az-footer-logo::after, .site-footer.anz-footer .anzelha-footer-mark::before, .site-footer.anz-footer .anzelha-footer-mark::after { content: none !important; display: none !important; } .site-footer.anz-footer .anzelha-footer-mark { position: relative !important; inset: auto !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; overflow: visible !important; } .site-footer.anz-footer .anzelha-footer-mark__image { position: static !important; display: block; width: 100% !important; height: auto !important; max-height: 92px !important; margin: 0 !important; object-fit: contain; object-position: left center; opacity: 1 !important; filter: none !important; transform: none !important; } .site-footer.anz-footer .anzelha-footer-mark__image--dark { display: none !important; } .site-footer.anz-footer .anzelha-footer-mark__image--light { mix-blend-mode: multiply; } .site-footer.anz-footer .az-footer-brand > p { max-width: 390px !important; margin: 0 !important; color: var(--az-footer-muted) !important; font-size: clamp(15px, 1.05vw, 17px) !important; font-weight: 500 !important; line-height: 1.7 !important; letter-spacing: -0.01em; } .site-footer.anz-footer .footer-social { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px !important; margin: 28px 0 0 !important; padding: 0 !important; } .site-footer.anz-footer .footer-social__link { position: relative; display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; overflow: hidden; color: var(--az-footer-ink); border: 1px solid rgba(43, 48, 57, 0.12) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.62) !important; background-image: none !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 7px 18px rgba(26, 30, 38, 0.06) !important; animation: none !important; filter: none !important; transform: translateY(0); transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease, box-shadow 200ms ease !important; will-change: auto !important; } .site-footer.anz-footer .footer-social__link svg { display: block; width: 21px !important; height: 21px !important; fill: none; stroke: currentColor; } .site-footer.anz-footer .footer-social__link--facebook { color: #1473e6 !important; } .site-footer.anz-footer .footer-social__link--instagram { color: #e82168 !important; } .site-footer.anz-footer .footer-social__link--x-social { color: #111317 !important; } .site-footer.anz-footer .footer-social__link--youtube { color: #e3262e !important; } @media (hover: hover) and (pointer: fine) { .site-footer.anz-footer .footer-social__link:hover { border-color: rgba(227, 38, 46, 0.26) !important; background-color: rgba(255, 255, 255, 0.78) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 22px rgba(26, 30, 38, 0.09) !important; transform: translateY(-2px); } } .site-footer.anz-footer .az-footer-reach { display: flex !important; flex-direction: column; justify-content: center; padding: clamp(42px, 4.4vw, 68px) clamp(28px, 2.4vw, 38px) !important; } .site-footer.anz-footer .az-footer-reach__header { display: block !important; margin: 0 0 32px !important; padding: 0 !important; } .site-footer.anz-footer .az-footer-reach__title { margin: 0 0 10px !important; color: var(--az-footer-ink) !important; font-size: clamp(28px, 2.1vw, 36px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -0.04em; } .site-footer.anz-footer .az-footer-reach__header p { margin: 0 !important; color: var(--az-footer-muted) !important; font-size: clamp(15px, 1.05vw, 17px) !important; font-weight: 500 !important; line-height: 1.5 !important; } .site-footer.anz-footer .az-footer-reach__list { position: relative; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; min-height: 120px !important; margin: 0 !important; padding: 0 !important; overflow: hidden; font-style: normal; color: var(--az-footer-ink); border: 1px solid var(--az-footer-inner-border) !important; border-radius: 28px !important; background: var(--az-footer-subtle) !important; background-image: none !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 12px 28px rgba(29, 32, 39, 0.06) !important; -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%); } .site-footer.anz-footer .az-footer-reach__list::before, .site-footer.anz-footer .az-footer-reach__list::after { content: none !important; display: none !important; } .site-footer.anz-footer .az-footer-row { position: relative; z-index: 1; display: grid !important; grid-template-columns: 48px minmax(0, 1fr) 16px !important; align-items: center; gap: 10px !important; width: 100% !important; min-width: 0 !important; min-height: 118px !important; margin: 0 !important; padding: 18px clamp(12px, 1vw, 16px) !important; overflow: visible; color: var(--az-footer-ink) !important; text-align: left; text-decoration: none !important; font: inherit; border: 0 !important; border-radius: 0 !important; outline-offset: -4px; background: transparent !important; background-image: none !important; box-shadow: none !important; animation: none !important; filter: none !important; transform: translateY(0); transition: transform 200ms ease, background-color 200ms ease !important; -webkit-appearance: none; appearance: none; cursor: pointer; will-change: auto !important; } .site-footer.anz-footer .az-footer-row::before { content: none !important; display: none !important; } .site-footer.anz-footer .az-footer-row:not(:last-child)::after { content: "" !important; position: absolute; top: 50%; right: 0; display: block !important; width: 1px; height: 64px; background: var(--az-footer-divider); transform: translateY(-50%); pointer-events: none; } .site-footer.anz-footer .az-footer-row__icon { position: static !important; inset: auto !important; display: inline-flex !important; align-items: center; justify-content: center; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; color: var(--az-footer-accent) !important; border: 1px solid rgba(227, 38, 46, 0.12) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.66) !important; background-image: none !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 7px 16px rgba(31, 34, 41, 0.07) !important; transform: none !important; } .site-footer.anz-footer .az-footer-row--wa .az-footer-row__icon { color: var(--az-footer-whatsapp) !important; border-color: rgba(22, 168, 93, 0.16) !important; } .site-footer.anz-footer .az-footer-row__icon svg { display: block; width: 23px !important; height: 23px !important; fill: none; stroke: currentColor; } .site-footer.anz-footer .az-footer-row--wa .az-footer-row__icon svg { fill: currentColor; stroke: none; } .site-footer.anz-footer .az-footer-row__content { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .site-footer.anz-footer .az-footer-row__eyebrow { display: none !important; } .site-footer.anz-footer .az-footer-row__label { display: block !important; min-width: 0; overflow: hidden; color: var(--az-footer-ink) !important; font-size: clamp(13px, 1.12vw, 17px) !important; font-weight: 750 !important; line-height: 1.25 !important; letter-spacing: -0.02em; text-overflow: ellipsis; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; } .site-footer.anz-footer .az-footer-row__arrow { display: inline-flex !important; align-items: center; justify-content: center; width: 18px !important; height: 18px !important; margin: 0 !important; color: var(--az-footer-muted) !important; transform: translateX(0); transition: transform 200ms ease; } .site-footer.anz-footer .az-footer-row__arrow svg { display: block; width: 18px !important; height: 18px !important; } @media (hover: hover) and (pointer: fine) { .site-footer.anz-footer .az-footer-row:hover { background-color: rgba(255, 255, 255, 0.34) !important; transform: translateY(-2px); } .site-footer.anz-footer .az-footer-row:hover .az-footer-row__arrow { transform: translateX(4px); } } .site-footer.anz-footer .az-footer-capsule { position: relative; z-index: 1; display: flex !important; align-items: center; justify-content: space-between; /* SG-21 (Sıra Gecesi canlı denetimi, site geneli) — kapsülün KENDİSİ de sarabilmelidir: 1181px üstünde sütun düzeni devreye girmediği için rijit güven bloğu + sarmayan telif metni dar pencerede üst üste biniyordu (© 2026 Anzelha ⨯ Gizlilik Politikası). 7.553.0 yalnız iç kutulara sarma vermişti; dış kapsül sarması bu satırla garanti. */ flex-wrap: wrap; gap: 14px 24px !important; width: auto !important; min-height: 82px !important; margin: 0 clamp(26px, 3.5vw, 54px) !important; padding: 14px 0 !important; color: var(--az-footer-muted); border: 0 !important; border-top: 1px solid var(--az-footer-divider) !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .site-footer.anz-footer .az-footer-capsule::before, .site-footer.anz-footer .az-footer-capsule::after { content: none !important; display: none !important; } .site-footer.anz-footer .az-footer-capsule__trust, .site-footer.anz-footer .az-footer-capsule__legal, .site-footer.anz-footer .az-footer-capsule__links, .site-footer.anz-footer .az-footer-paybadges { display: flex !important; align-items: center; min-width: 0; } .site-footer.anz-footer .az-footer-capsule__trust { flex: 0 0 auto; gap: 14px !important; } .site-footer.anz-footer .az-footer-capsule__ssl { display: inline-flex !important; align-items: center; gap: 8px !important; min-height: 32px; color: var(--az-footer-ink) !important; font-size: 13px !important; font-weight: 750 !important; white-space: nowrap; } .site-footer.anz-footer .az-footer-capsule__ssl svg { width: 19px !important; height: 19px !important; color: var(--az-footer-accent) !important; } .site-footer.anz-footer .az-footer-paybadges { gap: 8px !important; } .site-footer.anz-footer .az-footer-paybadge { display: inline-flex !important; align-items: center; justify-content: center; min-height: 32px !important; margin: 0 !important; padding: 5px 13px !important; color: var(--az-footer-muted) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap; border: 1px solid rgba(49, 55, 66, 0.13) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.38) !important; background-image: none !important; box-shadow: none !important; } .site-footer.anz-footer .az-footer-capsule__legal { flex: 1 1 auto; /* 7.553.0 (giriş raporu #11): dar alanda telif metni ile yasal bağlantılar üst üste biniyordu — satır sarmaya açık, boşluk iki eksende garanti. */ flex-wrap: wrap; justify-content: flex-end; gap: clamp(6px, 1vw, 12px) clamp(12px, 1.6vw, 24px) !important; } .site-footer.anz-footer .az-footer-capsule__links { flex-wrap: wrap; } .site-footer.anz-footer .az-footer-copy { flex: 0 0 auto; color: var(--az-footer-muted) !important; font-size: 12px !important; font-weight: 600 !important; white-space: nowrap; } .site-footer.anz-footer .az-footer-capsule__links { justify-content: flex-end; gap: clamp(8px, 1.25vw, 18px) !important; } .site-footer.anz-footer .az-footer-capsule__links a, .site-footer.anz-footer .az-cookie__footer-link, .site-footer.anz-footer .az-footer-top { display: inline-flex !important; align-items: center; min-height: 44px; margin: 0 !important; padding: 0 !important; color: var(--az-footer-muted) !important; text-align: left; text-decoration: none !important; font: inherit; font-size: 12px !important; font-weight: 600 !important; line-height: 1.25 !important; white-space: nowrap; border: 0 !important; border-radius: 8px !important; background: transparent !important; background-image: none !important; box-shadow: none !important; animation: none !important; filter: none !important; transition: color 200ms ease !important; cursor: pointer; } .site-footer.anz-footer .az-footer-top { flex: 0 0 auto; gap: 8px !important; color: var(--az-footer-accent) !important; font-weight: 750 !important; } .site-footer.anz-footer .az-footer-top svg { width: 16px !important; height: 16px !important; transform: translateY(0); transition: transform 200ms ease; } @media (hover: hover) and (pointer: fine) { .site-footer.anz-footer .az-footer-capsule__links a:hover, .site-footer.anz-footer .az-cookie__footer-link:hover { color: var(--az-footer-ink) !important; } .site-footer.anz-footer .az-footer-top:hover svg { transform: translateY(-3px); } } .site-footer.anz-footer :is(a, button):focus-visible { outline: 3px solid var(--az-footer-focus) !important; outline-offset: 3px; box-shadow: none; } [data-theme="dark"] .site-footer.anz-footer { /* koyu blokta aksanı SABİTLEME — merkezî tokenı ez­me, döndür. */ --az-footer-accent: var(--theme-accent, #14C4CF); --az-footer-ink: #f7f7f8; --az-footer-muted: #c2c6cd; --az-footer-surface: rgba(19, 20, 22, 0.82); --az-footer-subtle: rgba(255, 255, 255, 0.055); --az-footer-border: rgb(var(--theme-accent-rgb, 20 196 207) / 0.38); --az-footer-inner-border: rgba(255, 255, 255, 0.14); --az-footer-divider: rgba(255, 255, 255, 0.14); --az-footer-focus: #ff6871; background: #0d0e10 !important; } [data-theme="dark"] .site-footer.anz-footer .az-footer-contact-glass { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 64px rgba(0, 0, 0, 0.4) !important; } [data-theme="dark"] .site-footer.anz-footer .anzelha-footer-mark__image--light { display: none !important; } [data-theme="dark"] .site-footer.anz-footer .anzelha-footer-mark__image--dark { display: block !important; mix-blend-mode: normal; } [data-theme="dark"] .site-footer.anz-footer .footer-social__link, [data-theme="dark"] .site-footer.anz-footer .az-footer-row__icon { border-color: rgba(255, 255, 255, 0.12) !important; background: rgba(255, 255, 255, 0.075) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.11), 0 8px 20px rgba(0, 0, 0, 0.18) !important; } [data-theme="dark"] .site-footer.anz-footer .footer-social__link--x-social { color: #f5f6f7 !important; } [data-theme="dark"] .site-footer.anz-footer .az-footer-paybadge { color: #d8dbe0 !important; border-color: rgba(255, 255, 255, 0.14) !important; background: rgba(255, 255, 255, 0.055) !important; } @media (hover: hover) and (pointer: fine) { [data-theme="dark"] .site-footer.anz-footer .footer-social__link:hover, [data-theme="dark"] .site-footer.anz-footer .az-footer-row:hover { background-color: rgba(255, 255, 255, 0.105) !important; } } @media (max-width: 1180px) and (min-width: 1101px) { .site-footer.anz-footer .az-footer-bento { grid-template-columns: minmax(0, 32fr) minmax(0, 68fr) !important; } .site-footer.anz-footer .az-footer-brand, .site-footer.anz-footer .az-footer-reach { padding-right: 28px !important; padding-left: 28px !important; } .site-footer.anz-footer .az-footer-row { grid-template-columns: 42px minmax(0, 1fr) 16px !important; gap: 8px !important; padding-right: 11px !important; padding-left: 11px !important; } .site-footer.anz-footer .az-footer-row__icon { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; } .site-footer.anz-footer .az-footer-row__label { font-size: 12px !important; } .site-footer.anz-footer .az-footer-capsule { align-items: flex-start; flex-direction: column; gap: 4px !important; padding-top: 14px !important; padding-bottom: 14px !important; } .site-footer.anz-footer .az-footer-capsule__legal { width: 100%; justify-content: space-between; } } @media (max-width: 1100px) { .site-footer.anz-footer .az-footer-bento { grid-template-columns: minmax(0, 1fr) !important; } .site-footer.anz-footer .az-footer-brand { justify-content: flex-start; border-right: 0 !important; border-bottom: 1px solid var(--az-footer-divider) !important; } .site-footer.anz-footer .az-footer-brand > p { max-width: 620px !important; } .site-footer.anz-footer .az-footer-reach__list { min-height: 108px !important; } .site-footer.anz-footer .az-footer-row { min-height: 106px !important; } .site-footer.anz-footer .az-footer-row__label { font-size: clamp(12px, 1.8vw, 16px) !important; } .site-footer.anz-footer .az-footer-capsule { align-items: flex-start; flex-direction: column; gap: 4px !important; } .site-footer.anz-footer .az-footer-capsule__legal { width: 100%; justify-content: space-between; } } @media (max-width: 767px) { .site-footer.anz-footer { --az-footer-accent: var(--theme-accent, #e3262e); display: block !important; padding-top: 24px !important; padding-bottom: calc(28px + var(--az-tabs-clearance, 0px)) !important; overflow: hidden; } [data-theme="dark"] .site-footer.anz-footer { --az-footer-accent: #26c9d3; --az-footer-border: rgba(38, 201, 211, 0.34); --az-footer-focus: #55e1e8; } .site-footer.anz-footer .footer-shell.anz-footer__deck { width: min(calc(100% - 24px), 680px) !important; } .site-footer.anz-footer .az-footer-contact-glass { border-radius: 30px !important; } .site-footer.anz-footer .az-footer-brand, .site-footer.anz-footer .az-footer-reach { padding: 34px 24px !important; } .site-footer.anz-footer .az-footer-logo { width: min(100%, 206px) !important; margin-bottom: 20px !important; } .site-footer.anz-footer .az-footer-brand > p { font-size: 15px !important; line-height: 1.65 !important; } .site-footer.anz-footer .footer-social { margin-top: 24px !important; } .site-footer.anz-footer .az-footer-reach__header { margin-bottom: 24px !important; } .site-footer.anz-footer .az-footer-reach__title { font-size: 29px !important; } .site-footer.anz-footer .az-footer-reach__list { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; border-radius: 24px !important; } .site-footer.anz-footer .az-footer-row { grid-template-columns: 46px minmax(0, 1fr) 18px !important; gap: 13px !important; min-height: 78px !important; padding: 14px 18px !important; } .site-footer.anz-footer .az-footer-row:not(:last-child)::after { top: auto; right: 18px; bottom: 0; left: 18px; width: auto; height: 1px; transform: none; } .site-footer.anz-footer .az-footer-row__icon { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; } .site-footer.anz-footer .az-footer-row__label { font-size: clamp(14px, 4vw, 16px) !important; } .site-footer.anz-footer .az-footer-capsule { align-items: stretch; gap: 14px !important; min-height: 0 !important; margin: 0 20px !important; padding: 22px 0 24px !important; } .site-footer.anz-footer .az-footer-capsule__trust, .site-footer.anz-footer .az-footer-capsule__legal, .site-footer.anz-footer .az-footer-capsule__links, .site-footer.anz-footer .az-footer-paybadges { flex-wrap: wrap; justify-content: flex-start; } .site-footer.anz-footer .az-footer-capsule__trust { gap: 9px 12px !important; } .site-footer.anz-footer .az-footer-capsule__legal { align-items: flex-start; flex-direction: column; gap: 2px !important; } .site-footer.anz-footer .az-footer-capsule__links { gap: 0 16px !important; } .site-footer.anz-footer .az-footer-capsule__links a, .site-footer.anz-footer .az-cookie__footer-link, .site-footer.anz-footer .az-footer-top { white-space: normal; } .site-footer.anz-footer .az-footer-top { min-height: 44px; } } @media (max-width: 420px) { .site-footer.anz-footer .az-footer-brand, .site-footer.anz-footer .az-footer-reach { padding-right: 19px !important; padding-left: 19px !important; } .site-footer.anz-footer .az-footer-row { grid-template-columns: 44px minmax(0, 1fr) 16px !important; gap: 10px !important; padding-right: 14px !important; padding-left: 14px !important; } .site-footer.anz-footer .az-footer-row__icon { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; } .site-footer.anz-footer .az-footer-paybadge { padding-right: 10px !important; padding-left: 10px !important; } } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .site-footer.anz-footer .az-footer-contact-glass { background: rgba(255, 252, 249, 0.96) !important; } [data-theme="dark"] .site-footer.anz-footer .az-footer-contact-glass { background: rgba(19, 20, 22, 0.97) !important; } } @media (prefers-reduced-transparency: reduce) { .site-footer.anz-footer .az-footer-contact-glass { background: #fffaf7 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } [data-theme="dark"] .site-footer.anz-footer .az-footer-contact-glass { background: #151619 !important; } } @media (prefers-reduced-motion: reduce) { .site-footer.anz-footer *, .site-footer.anz-footer *::before, .site-footer.anz-footer *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: 0.01ms !important; } } /* ==================== mobile-hamburger-menu.css ==================== */ /* * Anzelha mobil hamburger menü — tek bottom-sheet sunum otoritesi. * Kurallar yalnız mobil/tablet hamburger aralığında çalışır. */ @media (max-width: 1023px) { .anzelha-menu-panel.az-mobile-panel { --az-mm-surface: rgba(255, 255, 255, .76); --az-mm-tile: rgba(255, 255, 255, .58); --az-mm-line: rgba(255, 255, 255, .72); --az-mm-text: #17191c; --az-mm-muted: #555c64; --az-mm-turquoise: #006f78; --az-mm-copper: #ad6631; position: fixed !important; z-index: var(--az-layer-modal, 800) !important; inset: 0 !important; display: block !important; width: 100% !important; max-width: none !important; height: 100dvh !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: var(--az-mm-text) !important; } .anzelha-menu-panel[hidden] { display: none !important; } html[data-theme="dark"] .anzelha-menu-panel.az-mobile-panel { --az-mm-surface: rgba(20, 20, 22, .78); --az-mm-tile: rgba(255, 255, 255, .065); --az-mm-line: rgba(255, 255, 255, .14); --az-mm-text: #f6f8fa; --az-mm-muted: #b6bdc5; --az-mm-turquoise: #56dce3; --az-mm-copper: #d28a4a; } body .anzelha-menu-panel.az-mobile-panel *, body .anzelha-menu-panel.az-mobile-panel *::before, body .anzelha-menu-panel.az-mobile-panel *::after { box-sizing: border-box; } body .anzelha-menu-panel.az-mobile-panel .anzelha-menu-panel__backdrop { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: rgba(0, 0, 0, .24) !important; -webkit-backdrop-filter: blur(8px) !important; backdrop-filter: blur(8px) !important; opacity: 0; transition: opacity 220ms ease !important; } body .anzelha-menu-panel.az-mobile-panel > .anzelha-menu-panel__surface { position: absolute !important; inset: auto 0 0 !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: min(85dvh, 880px) !important; min-height: 0 !important; margin: 0 !important; padding: 0 0 env(safe-area-inset-bottom, 0px) !important; border: 1px solid var(--az-mm-line) !important; border-width: 1px 0 0 !important; border-radius: 24px 24px 0 0 !important; background: var(--az-mm-surface) !important; color: var(--az-mm-text) !important; -webkit-backdrop-filter: blur(28px) saturate(150%) !important; backdrop-filter: blur(28px) saturate(150%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80), 0 20px 60px rgba(15, 18, 28, .16) !important; overflow: hidden !important; opacity: 0 !important; transform: translate3d(0, 8px, 0) scale(.98) !important; transition: opacity 220ms ease, transform 220ms cubic-bezier(.2, .78, .2, 1) !important; } html[data-theme="dark"] body .anzelha-menu-panel.az-mobile-panel > .anzelha-menu-panel__surface { border-color: var(--az-mm-line) !important; background: var(--az-mm-surface) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 24px 64px rgba(0, 0, 0, .40) !important; } body .anzelha-menu-panel.az-mobile-panel.is-open .anzelha-menu-panel__backdrop { opacity: 1; } body .anzelha-menu-panel.az-mobile-panel.is-open > .anzelha-menu-panel__surface { opacity: 1 !important; transform: translate3d(0, 0, 0) scale(1) !important; } body .anzelha-menu-panel.az-mobile-panel.is-dragging > .anzelha-menu-panel__surface { transition: none !important; } body .anzelha-menu-panel.az-mobile-panel .anzelha-menu-panel__handle { display: block !important; flex: 0 0 auto; width: 52px !important; height: 5px !important; margin: 11px auto 4px !important; border-radius: 999px !important; background: color-mix(in srgb, var(--az-mm-muted) 38%, transparent) !important; touch-action: none; } body .anzelha-menu-panel.az-mobile-panel .anzelha-menu-panel__header { position: relative !important; z-index: 2; display: flex !important; flex: 0 0 auto; align-items: center !important; justify-content: space-between !important; gap: 14px; min-height: 62px; padding: 7px max(18px, env(safe-area-inset-right, 0px)) 9px max(18px, env(safe-area-inset-left, 0px)) !important; border: 0 !important; background: transparent !important; color: var(--az-mm-text) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; touch-action: pan-y; } body .anzelha-menu-panel.az-mobile-panel .anzelha-menu-panel__header h2 { margin: 0 !important; color: inherit !important; font-size: clamp(24px, 7vw, 31px) !important; font-weight: 780 !important; letter-spacing: -.035em !important; line-height: 1.1 !important; } .az-mobile-menu__head-actions { display: flex; align-items: center; gap: 10px; } .az-mobile-menu__appearance, body .anzelha-menu-panel.az-mobile-panel .anzelha-menu-panel__close { display: grid !important; place-items: center !important; width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--az-mm-line) !important; border-radius: 50% !important; background: var(--az-mm-tile) !important; color: var(--az-mm-text) !important; box-shadow: 0 5px 16px rgba(15, 18, 24, .06) !important; } .az-mobile-menu__appearance[aria-expanded="true"] { border-color: color-mix(in srgb, var(--az-mm-turquoise) 45%, transparent) !important; color: var(--az-mm-turquoise) !important; } .az-mobile-menu__appearance-panel { flex: 0 0 auto; margin: 0 18px 7px; padding: 13px 14px; border: 1px solid var(--az-mm-line); border-radius: 20px; background: var(--az-mm-tile); color: var(--az-mm-text); box-shadow: 0 8px 24px rgba(15, 18, 24, .05); opacity: 0; transform: translateY(-5px); transition: opacity 200ms ease, transform 200ms ease; } .az-mobile-menu__appearance-panel[hidden] { display: none !important; } .az-mobile-menu__appearance-panel.is-open { opacity: 1; transform: translateY(0); } .az-mobile-menu__appearance-label { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; font-size: 14px; } .az-mobile-menu__appearance-label svg { width: 19px; height: 19px; } .az-mobile-menu__theme-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 48px; padding: 3px; border: 1px solid var(--az-mm-line); border-radius: 999px; background: color-mix(in srgb, var(--az-mm-tile) 72%, transparent); } .az-mobile-menu__theme-options button { position: relative; display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 42px; padding: 0 8px; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--az-mm-text) !important; box-shadow: none !important; font: inherit; font-size: clamp(12px, 3.5vw, 15px); } .az-mobile-menu__theme-options button + button::before { position: absolute; top: 11px; bottom: 11px; left: 0; width: 1px; background: var(--az-mm-line); content: ""; } .az-mobile-menu__theme-options button[aria-pressed="true"] { background: var(--az-mm-tile) !important; color: var(--az-mm-turquoise) !important; box-shadow: 0 4px 14px rgba(12, 18, 24, .08) !important; font-weight: 720; } .az-mobile-menu__theme-options button[aria-pressed="true"]::before { display: none; } .az-mobile-menu__theme-options button svg { display: none; flex: 0 0 auto; } .az-mobile-menu__theme-options button[aria-pressed="true"] svg { display: block; } .az-mobile-menu__scroll { flex: 1 1 auto; min-width: 0; min-height: 0; padding: 0 max(18px, env(safe-area-inset-right, 0px)) 18px max(18px, env(safe-area-inset-left, 0px)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .az-mobile-menu__scroll::-webkit-scrollbar { display: none; } .az-mobile-menu__label { margin: 16px 4px 8px; color: var(--az-mm-text); font-size: 17px; font-weight: 760; letter-spacing: -.018em; } .az-mobile-menu__scroll > .az-mobile-menu__label:first-child { margin-top: 4px; } .az-mobile-menu__categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } body .anzelha-menu-panel.az-mobile-panel .az-mobile-menu__categories a, body .anzelha-menu-panel.az-mobile-panel .az-mobile-menu__specials a, body .anzelha-menu-panel.az-mobile-panel .az-mobile-menu__quick a, body .anzelha-menu-panel.az-mobile-panel .az-mobile-menu__all { border: 1px solid var(--az-mm-line); background: var(--az-mm-tile); color: var(--az-mm-text) !important; text-decoration: none; box-shadow: 0 6px 18px rgba(15, 18, 24, .035); } .az-mobile-menu__categories a { display: flex; align-items: center; gap: 11px; min-width: 0; min-height: 56px; padding: 7px 13px; border-radius: 17px; } .az-mobile-menu__categories a > span { display: grid; flex: 0 0 26px; place-items: center; width: 26px; height: 26px; color: var(--az-mm-turquoise); } .az-mobile-menu__categories svg, .az-mobile-menu__specials a > span svg, .az-mobile-menu__quick a > span svg { width: 100%; height: 100%; stroke-width: 1.75; } .az-mobile-menu__categories strong { min-width: 0; color: inherit !important; font-size: clamp(13px, 3.8vw, 16px); font-weight: 680; line-height: 1.15; overflow-wrap: anywhere; } .az-mobile-menu__specials { display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 8px; } .az-mobile-menu__specials a { display: flex; align-items: center; gap: 13px; min-height: 54px; padding: 7px 14px; border-radius: 17px; } .az-mobile-menu__specials a > span { display: grid; flex: 0 0 27px; place-items: center; width: 27px; height: 27px; color: var(--az-mm-copper); } .az-mobile-menu__specials strong { flex: 1 1 auto; min-width: 0; color: inherit !important; font-size: 15px; font-weight: 680; } .az-mobile-menu__specials a > .anzelha-icon:last-child { flex: 0 0 18px; width: 18px; height: 18px; color: var(--az-mm-muted); } .az-mobile-menu__quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } .az-mobile-menu__quick a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 78px; padding: 8px 3px; border-radius: 17px; text-align: center; } .az-mobile-menu__quick a > span { display: grid; place-items: center; width: 25px; height: 25px; color: var(--az-mm-turquoise); } .az-mobile-menu__quick small { display: block; width: 100%; min-width: 0; color: var(--az-mm-muted) !important; font-size: 13px; font-weight: 640; line-height: 1.1; overflow-wrap: anywhere; } .az-mobile-menu__all { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; margin-top: 12px; border-radius: 17px; font-size: 16px; font-weight: 760; } .az-mobile-menu__all .anzelha-icon { width: 19px; height: 19px; } .az-mobile-menu__links { display: grid; gap: 6px; } .az-mobile-menu__links :is(a, button) { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; margin: 0; padding: 10px 14px; border: 1px solid var(--az-mm-line); border-radius: 15px; background: var(--az-mm-tile); color: var(--az-mm-text); font: inherit; font-size: 14px; font-weight: 650; text-align: left; text-decoration: none; cursor: pointer; } /* 7.506.0 — "Kurumsal / Yasal ve Gizlilik" kutucuklarında YAZI BEYAZ kalıyordu. ----------------------------------------------------------------------- Gerçek tarayıcıda ölçüldü: paneldeki TÜM `` öğeleri `rgb(255,255,255)`, yalnız "Çerez tercihlerini yönet" (`