.cebeci-header{position:relative;z-index:999;background:linear-gradient(180deg,var(--cebeci-header-bg,#ffffff) 0%,#fbfdff 100%);border-bottom:1px solid rgba(226,232,240,.72);box-shadow:0 12px 38px rgba(13,35,65,.055);transition:background .22s ease,box-shadow .22s ease,border-color .22s ease,transform .22s ease} .cebeci-header.is-sticky{position:sticky;top:0}.admin-bar .cebeci-header.is-sticky{top:32px}.cebeci-header.is-fixed{position:fixed;left:0;right:0;top:0}.admin-bar .cebeci-header.is-fixed{top:32px}.cebeci-header-spacer{display:none;height:var(--cebeci-header-height,78px);flex:0 0 auto}.cebeci-header.is-fixed.is-solid + .cebeci-header-spacer{display:block}.cebeci-header.is-transparent:not(.is-scrolled){position:absolute;top:0;left:0;right:0;background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.cebeci-header.is-solid{background:radial-gradient(circle at 12% 0,rgba(245,130,32,.045),transparent 30%),linear-gradient(180deg,var(--cebeci-header-bg,#ffffff) 0%,#fbfdff 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.admin-bar .cebeci-header.is-transparent:not(.is-scrolled){top:32px}.cebeci-header.is-scrolled{background:radial-gradient(circle at 10% 0,rgba(245,130,32,.045),transparent 28%),linear-gradient(180deg,var(--cebeci-header-scrolled-bg,#ffffff) 0%,#fbfdff 100%)!important;box-shadow:0 16px 48px rgba(15,31,74,.09);border-bottom-color:rgba(226,232,240,.9);backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .cebeci-header__inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cebeci-header__logo{display:flex;align-items:center;text-decoration:none!important;min-width:154px;color:var(--cebeci-primary)}.cebeci-header__logo img{max-height:46px;width:auto;display:block}.cebeci-header__brand{display:flex;flex-direction:column;line-height:1}.cebeci-header__brand-main{font-size:31px;font-weight:900;letter-spacing:-.06em;color:var(--cebeci-primary)}.cebeci-header__brand-sub{font-size:10px;font-weight:900;color:var(--cebeci-secondary);letter-spacing:.04em;margin-top:2px} .cebeci-header__nav{display:flex;align-items:center;gap:24px;flex:1;justify-content:center}.cebeci-header__nav-item{position:relative;display:inline-flex;align-items:center;color:var(--cebeci-primary);font-size:13px;font-weight:900;text-decoration:none!important;line-height:78px;letter-spacing:-.01em;padding:0 2px;transition:color .18s ease,background .18s ease}.cebeci-header__nav-item:hover,.cebeci-header__nav-item.is-active,.cebeci-header__nav-item-wrap:hover .cebeci-header__nav-item{color:var(--cebeci-secondary)}.cebeci-header__nav-item.has-dropdown:after{content:'⌄';font-size:11px;margin-left:6px;color:currentColor}.cebeci-header__nav-item-wrap{position:relative;display:inline-flex;align-items:center}.cebeci-header__dropdown,.cebeci-header__mega{position:absolute;top:74px;left:50%;background:#fff;border:1px solid var(--cebeci-border);box-shadow:0 26px 72px rgba(15,31,74,.14);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;line-height:1.3;pointer-events:none}.cebeci-header__nav-item-wrap:hover .cebeci-header__dropdown,.cebeci-header__nav-item-wrap:hover .cebeci-header__mega{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}.cebeci-header__dropdown{width:300px;border-radius:18px;padding:10px}.cebeci-header__dropdown a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:12px;color:var(--cebeci-primary);font-size:13px;font-weight:800;text-decoration:none!important}.cebeci-header__dropdown a:hover{background:var(--cebeci-soft);color:var(--cebeci-secondary)} .cebeci-header__mega{width:min(900px,calc(100vw - 48px));border-radius:26px;padding:18px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.98));box-shadow:0 30px 90px rgba(15,31,74,.16);border:1px solid rgba(226,232,240,.88)}.cebeci-header__mega:before{content:'';position:absolute;right:-80px;top:-80px;width:210px;height:210px;background:radial-gradient(circle,rgba(255,90,31,.13),transparent 68%);pointer-events:none}.cebeci-header__mega:after{content:'';position:absolute;left:-90px;bottom:-120px;width:240px;height:240px;background:radial-gradient(circle,rgba(13,35,65,.055),transparent 70%);pointer-events:none}.cebeci-header__mega-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:8px 8px 14px;border-bottom:1px solid rgba(226,232,240,.78);z-index:1}.cebeci-header__mega-head strong{color:var(--cebeci-primary);font-size:16px;font-weight:950}.cebeci-header__mega-head span{color:var(--cebeci-muted);font-size:12px;font-weight:750;text-align:right}.cebeci-header__mega-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;z-index:1}.cebeci-header__mega-card{position:relative;display:flex;align-items:flex-start;gap:13px;min-height:76px;padding:16px 18px;border:1px solid rgba(226,232,240,.92);border-radius:18px;background:rgba(255,255,255,.82);text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cebeci-header__mega-card:hover{transform:translateY(-2px);border-color:rgba(255,90,31,.32);box-shadow:0 16px 42px rgba(15,31,74,.10);background:#fff}.cebeci-header__mega-icon{position:relative;left:auto;top:auto;flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:linear-gradient(135deg,rgba(255,90,31,.14),rgba(255,90,31,.055));color:var(--cebeci-secondary);font-size:22px;line-height:1}.cebeci-header__mega-content{display:grid;gap:5px;min-width:0;padding-right:48px}.cebeci-header__mega-card strong{color:var(--cebeci-primary);font-size:14px;font-weight:950;line-height:1.18}.cebeci-header__mega-card small{display:block;color:#64748b;font-size:12px;line-height:1.45;font-weight:650}.cebeci-header__mega-card em{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:rgba(255,90,31,.10);color:var(--cebeci-secondary);font-size:10px;font-style:normal;font-weight:950;letter-spacing:.01em}.cebeci-header__mega-count-1,.cebeci-header__mega-count-2,.cebeci-header__mega-count-3{width:min(640px,calc(100vw - 48px))}.cebeci-header__mega-count-1 .cebeci-header__mega-grid,.cebeci-header__mega-count-2 .cebeci-header__mega-grid,.cebeci-header__mega-count-3 .cebeci-header__mega-grid{grid-template-columns:1fr}.cebeci-header__mega-count-4{width:min(760px,calc(100vw - 48px))}.cebeci-header__mega-count-5,.cebeci-header__mega-count-6{width:min(940px,calc(100vw - 48px))} .cebeci-header__actions{display:flex;align-items:center;gap:12px}.cebeci-header__phone,.cebeci-header__whatsapp{display:flex;align-items:center;gap:8px;color:var(--cebeci-primary);font-size:13px;font-weight:900;text-decoration:none!important;white-space:nowrap}.cebeci-header__phone .cebeci-icon,.cebeci-header__whatsapp .cebeci-icon{color:var(--cebeci-secondary);width:19px;height:19px}.cebeci-header__menu-btn{display:none;width:46px;height:46px;border:1px solid var(--cebeci-border);border-radius:14px;background:rgba(255,255,255,.88);color:var(--cebeci-primary);align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 8px 22px rgba(15,31,74,.06)}.cebeci-header__menu-btn span{display:block;width:20px;height:2px;background:currentColor;position:relative;border-radius:10px}.cebeci-header__menu-btn span:before,.cebeci-header__menu-btn span:after{content:'';position:absolute;left:0;width:20px;height:2px;background:currentColor;border-radius:10px}.cebeci-header__menu-btn span:before{top:-7px}.cebeci-header__menu-btn span:after{top:7px} .cebeci-mobile-panel{position:fixed;inset:0;z-index:1000;background:rgba(7,19,48,.55);opacity:0;visibility:hidden;transition:.22s ease}.cebeci-mobile-panel.is-open{opacity:1;visibility:visible}.cebeci-mobile-panel__drawer{position:absolute;right:0;top:0;height:100%;width:min(420px,92vw);background:#fff;padding:22px;transform:translateX(100%);transition:.26s ease;overflow:auto;box-shadow:-24px 0 70px rgba(7,19,48,.2)}.cebeci-mobile-panel.is-open .cebeci-mobile-panel__drawer{transform:translateX(0)}.cebeci-mobile-panel__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.cebeci-mobile-panel__close{width:42px;height:42px;border:1px solid var(--cebeci-border);border-radius:12px;background:#fff;color:var(--cebeci-primary);font-size:26px;line-height:1;cursor:pointer}.cebeci-mobile-panel__menu{display:grid;gap:8px}.cebeci-mobile-panel__menu a{display:flex;align-items:center;justify-content:space-between;padding:15px 14px;border:1px solid var(--cebeci-border);border-radius:14px;color:var(--cebeci-primary);font-size:15px;font-weight:850;text-decoration:none!important;background:#fff}.cebeci-mobile-panel__menu a:hover{border-color:rgba(255,90,31,.35);color:var(--cebeci-secondary)}.cebeci-mobile-panel__submenu{margin-left:12px;background:#f8fafc!important;font-size:13px!important;padding:13px 14px!important}.cebeci-mobile-panel__actions{display:grid;gap:10px;margin-top:22px}.cebeci-mobile-panel__actions .cebeci-btn{width:100%} @media (max-width:1100px){.cebeci-header-spacer{height:72px}.cebeci-header__nav{display:none}.cebeci-header__cta{display:none}.cebeci-header__whatsapp{display:none}.cebeci-header__menu-btn{display:flex}.cebeci-header__inner{height:72px}.cebeci-header__phone{font-size:0}.cebeci-header__phone .cebeci-icon{width:22px;height:22px}.cebeci-header__brand-main{font-size:28px}} @media (max-width:767px){.admin-bar .cebeci-header.is-sticky,.admin-bar .cebeci-header.is-transparent,.admin-bar .cebeci-header.is-fixed{top:0}.cebeci-header-spacer{height:68px}.cebeci-header__inner{height:68px}.cebeci-header__logo{min-width:auto}.cebeci-header__brand-main{font-size:26px}.cebeci-header__brand-sub{font-size:9px}.cebeci-header__actions{gap:8px}.cebeci-header__phone{display:none}.cebeci-mobile-panel__drawer{padding:20px 16px}} /* v2.8.3 premium mega menu refinements */ .cebeci-header.is-mega-auto .cebeci-header__mega-count-1 .cebeci-header__mega-grid, .cebeci-header.is-mega-auto .cebeci-header__mega-count-2 .cebeci-header__mega-grid, .cebeci-header.is-mega-auto .cebeci-header__mega-count-3 .cebeci-header__mega-grid{grid-template-columns:1fr!important} .cebeci-header.is-mega-auto .cebeci-header__mega-count-4 .cebeci-header__mega-grid, .cebeci-header.is-mega-auto .cebeci-header__mega-count-5 .cebeci-header__mega-grid, .cebeci-header.is-mega-auto .cebeci-header__mega-count-6 .cebeci-header__mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .cebeci-header__mega-card:focus-visible{outline:2px solid rgba(255,90,31,.55);outline-offset:3px} @media (max-width:980px){.cebeci-header__mega{width:min(620px,calc(100vw - 32px))}.cebeci-header__mega-grid{grid-template-columns:1fr!important}.cebeci-header__mega-head{align-items:flex-start;flex-direction:column}.cebeci-header__mega-head span{text-align:left}.cebeci-header__mega-content{padding-right:0}} /* v2.8.5 editable mega menu item controls */ .cebeci-header__mega-width-wide{width:min(1080px,calc(100vw - 48px))!important} .cebeci-header__mega-width-compact{width:min(620px,calc(100vw - 48px))!important} .cebeci-header__mega-cols-1 .cebeci-header__mega-grid{grid-template-columns:repeat(1,minmax(0,1fr))!important} .cebeci-header__mega-cols-2 .cebeci-header__mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .cebeci-header__mega-cols-3 .cebeci-header__mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .cebeci-header__mega-cols-4 .cebeci-header__mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .cebeci-header__mega-cols-5 .cebeci-header__mega-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} .cebeci-header__mega-cols-6 .cebeci-header__mega-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} .cebeci-header__mega-cols-5 .cebeci-header__mega-card,.cebeci-header__mega-cols-6 .cebeci-header__mega-card{padding:14px;gap:10px;min-height:82px} .cebeci-header__mega-cols-5 .cebeci-header__mega-content,.cebeci-header__mega-cols-6 .cebeci-header__mega-content{padding-right:0} .cebeci-header__mega-cols-5 .cebeci-header__mega-card em,.cebeci-header__mega-cols-6 .cebeci-header__mega-card em{position:static;display:inline-flex;justify-self:start;margin-top:4px} @media (max-width:1180px){.cebeci-header__mega-cols-4 .cebeci-header__mega-grid,.cebeci-header__mega-cols-5 .cebeci-header__mega-grid,.cebeci-header__mega-cols-6 .cebeci-header__mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media (max-width:980px){.cebeci-header__mega-cols-3 .cebeci-header__mega-grid,.cebeci-header__mega-cols-4 .cebeci-header__mega-grid,.cebeci-header__mega-cols-5 .cebeci-header__mega-grid,.cebeci-header__mega-cols-6 .cebeci-header__mega-grid{grid-template-columns:1fr!important}} /* v2.8.6 - Mega menü kolon düzeltmesi: ana menü öğesindeki kolon seçimi her durumda önceliklidir. */ .cebeci-header__mega.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:repeat(var(--cebeci-mega-cols,2),minmax(0,1fr))!important;} .cebeci-header__mega-cols-1.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:repeat(1,minmax(0,1fr))!important;} .cebeci-header__mega-cols-2.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .cebeci-header__mega-cols-3.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} .cebeci-header__mega-cols-4.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;} .cebeci-header__mega-cols-5.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;} .cebeci-header__mega-cols-6.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;} @media(max-width:980px){.cebeci-header__mega.is-manual-cols .cebeci-header__mega-grid{grid-template-columns:1fr!important;}} /* v2.9.2 - Mega menu overflow safety fix after mobile overflow layer */ .cebeci-header__dropdown{max-width:300px!important;} .cebeci-header__mega{max-width:calc(100vw - 48px)!important;overflow:hidden;} .cebeci-header__mega-width-wide{max-width:calc(100vw - 48px)!important;} .cebeci-header__mega-width-compact{max-width:620px!important;} .cebeci-header__nav-item-wrap{overflow:visible!important;} .cebeci-header__nav{overflow:visible!important;} .cebeci-header{overflow:visible!important;} @media(max-width:767px){ .cebeci-header__dropdown,.cebeci-header__mega{max-width:calc(100vw - 32px)!important;} } /* v2.9.10 - Header mega menu icon alignment fix */ .cebeci-header__mega-card{ align-items:center!important; } .cebeci-header__mega-icon{ display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 var(--cebeci-mega-icon-box,34px)!important; width:var(--cebeci-mega-icon-box,34px)!important; height:var(--cebeci-mega-icon-box,34px)!important; min-width:var(--cebeci-mega-icon-box,34px)!important; min-height:var(--cebeci-mega-icon-box,34px)!important; overflow:hidden!important; text-align:center!important; } .cebeci-header__mega-icon svg, .cebeci-header__mega-icon img, .cebeci-header__mega-icon .e-font-icon-svg{ display:block!important; width:22px!important; height:22px!important; max-width:70%!important; max-height:70%!important; margin:0!important; position:static!important; transform:none!important; object-fit:contain!important; flex:0 0 auto!important; } .cebeci-header__mega-icon svg *{ vector-effect:non-scaling-stroke; } .cebeci-header__mega-icon i{ display:flex!important; align-items:center!important; justify-content:center!important; width:22px!important; height:22px!important; font-size:20px!important; line-height:1!important; margin:0!important; } /* v2.9.13 - Mobile menu SVG icon cards */ .cebeci-mobile-panel__menu a.cebeci-mobile-panel__main{ display:flex; align-items:center; justify-content:space-between; } .cebeci-mobile-panel__submenu.has-menu-icon{ margin-left:0!important; display:grid!important; grid-template-columns:52px minmax(0,1fr) auto; align-items:center!important; gap:12px; padding:12px!important; min-height:76px; border-radius:18px!important; background:linear-gradient(135deg,#fff,rgba(248,250,252,.92))!important; } .cebeci-mobile-panel__submenu-icon{ display:flex!important; align-items:center!important; justify-content:center!important; width:52px!important; height:52px!important; min-width:52px!important; min-height:52px!important; border-radius:16px; background:linear-gradient(135deg,rgba(255,90,31,.16),rgba(255,90,31,.06)); border:1px solid rgba(255,90,31,.16); color:var(--cebeci-secondary); overflow:hidden; } .cebeci-mobile-panel__submenu-icon svg, .cebeci-mobile-panel__submenu-icon img, .cebeci-mobile-panel__submenu-icon .e-font-icon-svg{ display:block!important; width:32px!important; height:32px!important; max-width:72%!important; max-height:72%!important; margin:0!important; position:static!important; transform:none!important; object-fit:contain!important; flex:0 0 auto!important; } .cebeci-mobile-panel__submenu-icon svg *{ vector-effect:non-scaling-stroke; } .cebeci-mobile-panel__submenu-icon i{ display:flex!important; align-items:center!important; justify-content:center!important; width:32px!important; height:32px!important; font-size:28px!important; line-height:1!important; margin:0!important; } .cebeci-mobile-panel__submenu-text{ display:grid; gap:4px; min-width:0; } .cebeci-mobile-panel__submenu-text strong{ color:var(--cebeci-primary); font-size:14px; line-height:1.18; font-weight:950; } .cebeci-mobile-panel__submenu-text small{ color:#64748b; font-size:12px; line-height:1.35; font-weight:650; } .cebeci-mobile-panel__arrow{ color:var(--cebeci-secondary); font-weight:950; } /* v2.9.16 - Desktop header premium menu separators (all items wrapped + adjustable gap) */ @media (min-width:1101px){ .cebeci-header__nav{ --cebeci-nav-gap:12px; gap:var(--cebeci-nav-gap)!important; padding:0 6px; border-radius:999px; overflow:visible!important; } .cebeci-header__nav-item-wrap{ position:relative; display:inline-flex!important; align-items:center!important; padding:0!important; overflow:visible!important; flex:0 0 auto; } .cebeci-header__nav-item-wrap:not(:first-child)::before{ content:''; display:block; width:4px; height:4px; border-radius:50%; margin-right:var(--cebeci-nav-gap); background:rgba(13,35,65,.18); pointer-events:none; flex:0 0 auto; } .cebeci-header__nav-item-wrap:not(:last-child)::after{ content:none!important; display:none!important; } .cebeci-header__nav-item{ line-height:1!important; min-height:36px; padding:0 12px!important; border-radius:999px; background:transparent; position:relative; transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; } .cebeci-header__nav-item:hover, .cebeci-header__nav-item.is-active, .cebeci-header__nav-item-wrap:hover .cebeci-header__nav-item{ color:var(--cebeci-secondary)!important; background:rgba(255,90,31,.075); box-shadow:inset 0 0 0 1px rgba(255,90,31,.10); } .cebeci-header__nav-item::before{ content:''; position:absolute; left:50%; bottom:4px; width:4px; height:4px; border-radius:50%; background:var(--cebeci-secondary); opacity:0; transform:translateX(-50%) scale(.5); transition:opacity .18s ease,transform .18s ease; } .cebeci-header__nav-item:hover::before, .cebeci-header__nav-item.is-active::before, .cebeci-header__nav-item-wrap:hover .cebeci-header__nav-item::before{ opacity:1; transform:translateX(-50%) scale(1); } .cebeci-header__nav-item.has-dropdown:after{ content:'⌄'; font-size:11px; margin-left:6px; transform:translateY(-1px); opacity:.82; background:none!important; box-shadow:none!important; border:0!important; } } /* v2.9.17 - Mega menü hover köprüsü: header ile mega menü arasındaki görsel boşlukta menünün kapanmasını engeller. */ .cebeci-header__nav-item-wrap.has-children::before{ content:''; position:absolute; left:50%; top:100%; width:max(180px, calc(100% + 56px)); height:34px; transform:translateX(-50%); background:transparent; pointer-events:auto; z-index:998; } .cebeci-header__nav-item-wrap.has-children:hover::before{ display:block; } .cebeci-header__nav-item-wrap.has-children .cebeci-header__mega, .cebeci-header__nav-item-wrap.has-children .cebeci-header__dropdown{ z-index:999; }