/* Ana sayfa ve ürün sayfaları için ortak navigasyon. */
:root{--site-header:72px}
.global-header{position:fixed;inset:0 0 auto;height:var(--site-header);z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.global-header-inner{height:100%;max-width:1560px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.global-logo{display:flex;align-items:center;min-height:44px;flex:none;line-height:0}.global-logo img{width:128px;height:auto;display:block}
.global-nav{display:flex;align-items:center;justify-content:flex-end;gap:17px;min-width:0}.global-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--ink-2);font-size:11.5px;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap;transition:color .15s}
.global-nav a:hover,.global-nav a[aria-current="page"]{color:#3454d1}.global-nav>a[href="/referans/"]{padding:10px 14px;border:1px solid var(--line);border-radius:24px;margin-left:2px}
.nav-toggle{display:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:12px;font-weight:800}.nav-toggle svg{width:20px;height:20px}
.detail-page{padding-top:var(--site-header)}
@media(max-width:1239px){
 .global-header-inner{padding:0 28px}.nav-toggle{display:inline-flex}.global-nav{display:none;position:absolute;left:20px;right:20px;top:calc(100% + 8px);padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px -24px #14252f66;max-height:calc(100dvh - var(--site-header) - 30px);overflow-y:auto;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
 .global-header.is-open .global-nav{display:grid}.global-nav a{justify-content:flex-start;min-height:44px;padding:10px 12px;font-size:13px;white-space:normal;border-radius:9px}.global-nav a:hover,.global-nav a[aria-current="page"]{background:#f0f3fb}.global-nav>a[href="/referans/"]{border:0;background:#f0f3fb;margin:0;border-radius:9px}
}
@media(min-width:861px) and (max-height:650px){:root{--site-header:60px}}
@media(max-width:860px){:root{--site-header:calc(60px + env(safe-area-inset-top,0px))}.global-header{padding-top:env(safe-area-inset-top,0px)}.global-header-inner{padding:0 20px}.global-logo img{width:112px}.global-nav{left:12px;right:12px}.global-nav a{font-size:12px}.nav-toggle{padding:9px 12px;gap:10px}}
@media(max-width:860px) and (orientation:landscape) and (max-height:520px){:root{--site-header:calc(48px + env(safe-area-inset-top,0px))}.global-logo img{width:96px}.global-header-inner{padding:0 20px}.global-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Nebim V3, ilk ekrandaki ana vurgudur. */
.hero-integration{padding:8px 20px 8px 10px;margin-bottom:18px;gap:16px;border:1px solid #d8e7f3;border-radius:16px;background:#fff;box-shadow:0 6px 24px -19px #0b8dc7;color:#205b79;font-size:21px;font-weight:800;line-height:1.25}
.hero-integration img{width:102px;height:88px}.hero-integration>span{max-width:18em}
@media(max-width:860px){.hero-integration{padding:6px 14px 6px 6px;margin-bottom:12px;gap:12px;font-size:15px;border-radius:13px}.hero-integration img{width:76px;height:65px}.hero-integration>span{max-width:14em}}
@media(max-width:860px) and (max-height:650px){.hero-integration{padding:4px 12px 4px 5px;margin-bottom:8px;gap:10px;font-size:13px}.hero-integration img{width:64px;height:55px}}
@media(max-width:860px) and (max-height:520px){.hero .eyebrow,.hero .lead{display:none}.hero h1{font-size:24px;margin-bottom:10px}.hero-integration{margin-bottom:9px;font-size:12px}.hero-integration img{width:56px;height:48px}}
@media(max-width:860px) and (orientation:landscape) and (max-height:520px){.hero-integration{margin-bottom:6px;padding:3px 12px 3px 4px;font-size:12px}.hero-integration img{width:43px;height:37px}.hero h1{font-size:26px;margin-bottom:8px}.hero-grid{max-height:116px}.hero .cta-row{margin-top:7px}}
/* Referanslar: özgün logolar, beyaz zemin, aynı kart ölçüsü. */
.references-page{background:#f6f8fc;padding-bottom:0}.reference-filters{position:absolute;overflow:hidden;pointer-events:none}
.references-intro{padding:42px 0 32px}.references-intro .breadcrumb{margin-bottom:30px}.references-intro h1{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;font-weight:800;margin:0 0 16px}.references-intro>div>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.references-collection{padding:4px 0 20px}.references-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reference-card{margin:0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.reference-mark{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;padding:16px 20px}.reference-mark img{display:block;flex:none;max-width:100%;width:260px;max-height:130px;height:auto;object-fit:contain;filter:url(#reference-white-bg)}
.reference-card figcaption{min-height:48px;padding:12px 18px;background:#fff;border-top:1px solid var(--line-soft);font-size:11px;line-height:1.4;font-weight:700;color:var(--muted)}
.reference-seeh img{max-width:none;width:360px;max-height:none}.reference-sobe img{width:260px;max-height:none}.reference-mygrs img{width:300px;max-width:none}.reference-ripido img{width:142px;max-height:120px}
.references-page .contact-panel{background:#fff}.references-page .detail-footer{background:#fff}
@media(max-width:860px){.references-intro{padding:28px 0 26px}.references-intro .breadcrumb{margin-bottom:24px}.references-intro h1{font-size:34px}.references-intro>div>p:last-child{font-size:14px}.references-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-mark{height:130px;padding:12px}.reference-mark img{width:180px;max-height:90px}.reference-seeh img{max-width:none;width:245px;max-height:none}.reference-sobe img{width:180px;max-height:none;max-width:none}.reference-mygrs img{max-width:none;width:200px}.reference-ripido img{width:100px;max-height:90px}.reference-card{border-radius:13px}.reference-card figcaption{padding:10px 12px;min-height:42px;font-size:10px}}
@media(max-width:360px){.reference-mark{height:116px;padding:10px}.reference-mark img{max-height:78px}.reference-seeh img{width:210px;max-height:none}.reference-sobe img{width:160px;max-height:none}.reference-mygrs img{width:170px;max-height:none}.reference-ripido img{width:94px}}
.reference-laff-coffee img{width:260px}.reference-moodfest img{width:270px}.reference-zerafetim img{width:270px}.reference-assara img{width:245px;filter:url(#reference-assara-bg)}
.contact-page{padding-bottom:0;background:#fff}.company-contact{padding:42px 0 64px;background:#f6f8fc}.company-contact .breadcrumb{margin-bottom:28px}.company-contact h1{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;font-weight:800;margin:0 0 36px}.company-contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.company-contact-layout h2{font-size:29px;line-height:1.3;letter-spacing:-.025em;margin-bottom:20px}.company-contact-layout>div>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:31em;margin-bottom:24px}.company-experience{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;max-width:440px}.company-experience img{width:65px;height:56px;object-fit:contain;flex:none}.company-experience strong{display:block;font-size:14px;color:#205b79;margin-bottom:4px}.company-experience span{display:block;font-size:11px;line-height:1.5;color:var(--muted)}
.company-channels{display:grid;gap:14px;min-width:0}.channel-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;min-width:0}.channel-icon{width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--accent);display:grid;place-items:center;flex:none}.channel-icon svg{width:21px;height:21px}.channel-card>span:nth-child(2){min-width:0}.channel-card small{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.channel-card strong{font-size:17px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.channel-arrow{margin-left:auto;color:var(--muted);font-size:18px;flex:none}.company-channels .button{justify-self:start;margin-top:2px}.channel-card:hover{border-color:#a6bbeb}
.company-about{padding:66px 0}.company-about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.company-about h2{font-size:32px;line-height:1.2;letter-spacing:-.035em}.company-story p{font-size:15px;color:var(--ink-2);line-height:1.9;margin-bottom:20px}.company-story p:last-of-type{margin-bottom:24px}.company-sectors{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.company-sectors li{font-size:11px;font-weight:700;padding:7px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink-2);background:#fafbfe}.company-links{padding:0 0 48px}.company-links>div{display:flex;gap:12px;flex-wrap:wrap}.company-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;font-size:12px;font-weight:750;text-decoration:none}.company-links a:hover{background:var(--tint)}
@media(max-width:860px){.reference-laff-coffee img{width:180px}.reference-moodfest img{width:185px}.reference-zerafetim img{width:185px}.reference-assara img{width:170px}.company-contact{padding:28px 0 38px}.company-contact h1{font-size:34px;margin-bottom:28px}.company-contact-layout,.company-about-layout{grid-template-columns:1fr;gap:28px}.company-contact-layout h2{font-size:24px;margin-bottom:16px}.company-contact-layout>div>p{font-size:14px;margin-bottom:20px}.company-experience{padding:10px;gap:12px}.company-experience img{width:54px;height:46px}.company-experience strong{font-size:13px}.company-experience span{font-size:10px}.channel-card{padding:16px 14px;gap:12px}.channel-icon{width:38px;height:38px;border-radius:10px}.channel-card strong{font-size:14px}.channel-card small{font-size:8px}.channel-arrow{display:none}.company-channels{gap:12px}.company-channels .button{min-height:46px}.company-about{padding:38px 0}.company-about h2{font-size:28px;margin-bottom:0}.company-about-layout{gap:20px}.company-story p{font-size:14px;line-height:1.85}.company-links{padding-bottom:34px}.company-links a{min-height:44px;font-size:11px}.company-sectors{gap:6px}.company-sectors li{font-size:10px;padding:6px 9px}}
/* Kurumsal iletişim üst menü yerine sayfa sonunda. */
.corporate-footer>div{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:36px;align-items:start}.corporate-footer strong{font-size:13px;line-height:1.55;font-weight:800}.corporate-footer p{font-size:11px;line-height:1.7;color:var(--muted);max-width:28em;margin:10px 0 0}.footer-contact,.footer-links{display:grid;gap:10px}.footer-contact a,.footer-links a{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.footer-contact a:hover,.footer-links a:hover{color:var(--accent)}.footer-links span{font-size:10px}
@media(max-width:860px){.corporate-footer>div{grid-template-columns:1fr;gap:20px}.corporate-footer strong{font-size:12px}.footer-contact{gap:6px}.footer-contact a,.footer-links a{min-height:28px;display:flex;align-items:center;font-size:12px}.reference-mygrs img{width:112%;max-width:none;max-height:none}.reference-sobe img{width:118%;max-width:none;max-height:none}}

.reference-ripido img{clip-path:inset(2px 0 0 0)}
@media(max-width:860px){.contact-card li>div{min-width:0}.contact-card a[data-cfg-mail]{font-size:clamp(12px,3.3vw,14px);overflow-wrap:anywhere}}
/* Masaüstü menü, logonun ardından sola hizalanır. */
.global-header-inner{justify-content:flex-start;gap:30px}.global-nav{justify-content:flex-start}.nav-toggle{margin-left:auto}

/* Masaüstü okunabilirliği; mobil menünün mevcut ölçüleri korunur. */
@media(min-width:861px){.global-nav a{font-size:14px}}
@media(min-width:1240px){
 .global-header-inner{gap:24px}
 .global-nav{gap:clamp(10px,1.05vw,17px)}
}

/* Mobilde ek bir satır oluşturmadan mevcut entegrasyon rozeti gösterilir. */
.hero-branding{display:contents}.hero-rouma{display:none}
@media(min-width:861px){
 .hero-branding{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;flex:none;width:100%;margin-bottom:18px}
 .hero-rouma{display:block;grid-column:2;width:220px;height:auto}
 .hero-branding .hero-integration{grid-column:3;justify-self:end;align-self:center;gap:10px;margin:0;padding:6px 13px 6px 7px;font-size:14px;border-radius:13px}
 .hero-branding .hero-integration img{width:60px;height:52px}
 .hero-branding .hero-integration>span{max-width:12em}
 .hero-grid{gap:16px}
 .hero .pcard{border-color:color-mix(in srgb,var(--accent) 32%,#fff);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--tint) 55%,#fff));box-shadow:0 0 0 2px color-mix(in srgb,var(--tint) 65%,transparent),0 6px 24px -10px color-mix(in srgb,var(--accent) 65%,transparent)}
 .hero .pcard strong{font-size:18px;line-height:1.3}
 .hero .pcard small{font-size:13px}
 .hero .pcard:hover,.hero .pcard:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint),0 8px 28px -7px color-mix(in srgb,var(--accent) 75%,transparent)}
}
@media(min-width:861px) and (max-height:650px){
 .hero-branding{margin-bottom:10px}.hero-rouma{width:180px}
 .hero-branding .hero-integration{font-size:13px;padding:4px 10px 4px 5px;gap:8px}
 .hero-branding .hero-integration img{width:50px;height:43px}
 .hero .pcard strong{font-size:16px}.hero-grid{gap:12px}
}

/* Aynı marka düzeni ve renkli kartlar, telefonda tek ekrana uyarlanır. */
@media(max-width:860px){
 .global-nav a{font-size:14px}
 .hero-branding{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;flex:none;width:100%;margin-bottom:12px}
 .hero-rouma{display:block;grid-column:2;width:clamp(110px,32vw,150px);height:auto}
 .hero-branding .hero-integration{grid-column:3;justify-self:end;align-self:center;flex-direction:column;gap:3px;width:100%;max-width:112px;min-width:0;margin:0;padding:5px 3px;border-radius:10px;font-size:9px;text-align:center;line-height:1.25}
 .hero-branding .hero-integration img{width:40px;height:34px}
 .hero-branding .hero-integration>span{max-width:100%}
 .hero .pcard{border-color:color-mix(in srgb,var(--accent) 32%,#fff);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--tint) 55%,#fff));box-shadow:0 0 0 1px color-mix(in srgb,var(--tint) 65%,transparent),0 4px 14px -6px color-mix(in srgb,var(--accent) 60%,transparent)}
 .hero .pcard strong{font-size:14px;line-height:1.25}
 .hero .pcard:hover,.hero .pcard:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--tint),0 5px 18px -5px color-mix(in srgb,var(--accent) 70%,transparent)}
}
@media(max-width:860px) and (max-height:650px){
 .hero-branding{margin-bottom:8px}
 .hero-branding .hero-integration{padding:4px 3px;font-size:8.5px;gap:2px}
 .hero-branding .hero-integration img{width:34px;height:29px}
 .hero .pcard strong{font-size:13px}
}
@media(max-width:860px) and (orientation:landscape) and (max-height:520px){
 .hero-branding{margin-bottom:6px;gap:10px}
 .hero-rouma{width:140px}
 .hero-branding .hero-integration{flex-direction:row;width:auto;max-width:220px;padding:4px 8px;gap:6px;font-size:10px;text-align:left}
 .hero-branding .hero-integration img{width:34px;height:29px}
 .hero .pcard strong{font-size:12px}
}

/* Referansın yanındaki Kurumsal açılır menüsü. */
.corporate-menu{position:relative;flex:none;min-width:0}
.corporate-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:24px;color:var(--ink-2);font-size:14px;font-weight:750;line-height:1.2;white-space:nowrap;cursor:pointer;user-select:none;transition:color .15s,background .15s}
.corporate-menu>summary::-webkit-details-marker{display:none}
.corporate-menu>summary svg{width:15px;height:15px;flex:none;transition:transform .15s}
.corporate-menu[open]>summary,.corporate-menu.corporate-current>summary,.corporate-menu>summary:hover{color:#3454d1;background:#f0f3fb}
.corporate-menu[open]>summary svg{transform:rotate(180deg)}
.corporate-menu>summary:focus-visible{outline:2px solid #3454d1;outline-offset:3px}
.corporate-menu-links{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:254px;max-width:calc(100vw - 32px);padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px -24px #14252f66}
.global-nav .corporate-menu-links a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:11px 13px;border:0;border-radius:8px;margin:0;font-size:13px;font-weight:700;line-height:1.4;white-space:normal;background:transparent}
.global-nav .corporate-menu-links a:hover,.global-nav .corporate-menu-links a[aria-current="page"]{color:#3454d1;background:#f0f3fb}
@media(max-width:1239px){
 .corporate-menu{grid-column:1/-1}
 .corporate-menu>summary{justify-content:space-between;padding:10px 12px;border:0;border-radius:9px;background:#f0f3fb;font-size:14px}
 .corporate-menu-links{position:static;width:auto;max-width:none;padding:6px;margin-top:6px;box-shadow:none;border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .global-nav .corporate-menu-links a{font-size:12px}
}
@media(max-width:480px){.corporate-menu-links{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.corporate-menu>summary,.corporate-menu>summary svg{transition:none}}