/* Üretildi: node scripts/ust-menu.mjs (header4 · Sophia). Elle düzenleme: kaynak src/basliklar ve src/index.css <ust-menu-css>. */
#ust-menu{display:contents}
#ust-menu>header{line-height:1.5}
:where(#ust-menu) :where(*,::before,::after){box-sizing:border-box;border:0 solid #dadce0}
:where(#ust-menu) :where(button){font:inherit;color:inherit;background:transparent;padding:0;margin:0;cursor:pointer;line-height:inherit;text-transform:none}
:where(#ust-menu) a{color:inherit;text-decoration:inherit}
:where(#ust-menu) :where(ul,ol){list-style:none;margin:0;padding:0}
:where(#ust-menu) :where(p,h2,h3,section){margin:0}
:where(#ust-menu) :where(svg,img){display:block;vertical-align:middle}
/* blog.css'in .grid kuralı (blog kartları: margin-top 32px) menüdeki grid kutularına karışıyordu (ölçüldü: panel 39 px uzundu) */
#ust-menu .grid{margin-top:0}
#ust-menu nav a[aria-current]{background:#f0f4f9;color:#1f1f1f}
.analiz-kucuk{position:relative}.analiz-kucuk::before{content:"";position:absolute;inset:-5px -2px}
#ust-menu .visible{visibility:visible}
#ust-menu .absolute{position:absolute}
#ust-menu .relative{position:relative}
#ust-menu .sticky{position:sticky}
#ust-menu .bottom-0{bottom:0px}
#ust-menu .left-0{left:0px}
#ust-menu .right-0{right:0px}
#ust-menu .top-3{top:0.75rem}
#ust-menu .top-\[calc\(100\%\+10px\)\]{top:calc(100% + 10px)}
#ust-menu .z-50{z-index:50}
#ust-menu .mx-auto{margin-left:auto;margin-right:auto}
#ust-menu .mt-1{margin-top:0.25rem}
#ust-menu .mt-2{margin-top:0.5rem}
#ust-menu .mt-2\.5{margin-top:0.625rem}
#ust-menu .block{display:block}
#ust-menu .flex{display:flex}
#ust-menu .inline-flex{display:inline-flex}
#ust-menu .grid{display:grid}
#ust-menu .hidden{display:none}
#ust-menu .h-\[34px\]{height:34px}
#ust-menu .h-\[60px\]{height:60px}
#ust-menu .min-h-\[44px\]{min-height:44px}
#ust-menu .min-w-0{min-width:0px}
#ust-menu .max-w-\[1180px\]{max-width:1180px}
#ust-menu .shrink-0{flex-shrink:0}
#ust-menu .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
#ust-menu .resize{resize:both}
#ust-menu .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
#ust-menu .flex-col{flex-direction:column}
#ust-menu .flex-wrap{flex-wrap:wrap}
#ust-menu .items-center{align-items:center}
#ust-menu .items-baseline{align-items:baseline}
#ust-menu .justify-center{justify-content:center}
#ust-menu .justify-between{justify-content:space-between}
#ust-menu .gap-0\.5{gap:0.125rem}
#ust-menu .gap-1{gap:0.25rem}
#ust-menu .gap-1\.5{gap:0.375rem}
#ust-menu .gap-2{gap:0.5rem}
#ust-menu .gap-2\.5{gap:0.625rem}
#ust-menu .gap-3{gap:0.75rem}
#ust-menu .gap-x-8{column-gap:2rem}
#ust-menu .gap-y-6{row-gap:1.5rem}
#ust-menu .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ust-menu .whitespace-nowrap{white-space:nowrap}
#ust-menu .rounded-\[22px\]{border-radius:22px}
#ust-menu .rounded-full{border-radius:9999px}
#ust-menu .rounded-b-\[22px\]{border-bottom-right-radius:22px;border-bottom-left-radius:22px}
#ust-menu .border{border-width:1px}
#ust-menu .border-t{border-top-width:1px}
#ust-menu .border-outline{--tw-border-opacity:1;border-color:rgb(116 119 117 / var(--tw-border-opacity, 1))}
#ust-menu .border-rule{--tw-border-opacity:1;border-color:rgb(218 220 224 / var(--tw-border-opacity, 1))}
#ust-menu .bg-g-blue{--tw-bg-opacity:1;background-color:rgb(11 87 208 / var(--tw-bg-opacity, 1))}
#ust-menu .bg-g-blue-soft{--tw-bg-opacity:1;background-color:rgb(211 227 253 / var(--tw-bg-opacity, 1))}
#ust-menu .bg-paper{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
#ust-menu .bg-paper\/95{background-color:rgb(255 255 255 / 0.95)}
#ust-menu .bg-surface{--tw-bg-opacity:1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}
#ust-menu .fill-rule{fill:#dadce0}
#ust-menu .p-5{padding:1.25rem}
#ust-menu .px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
#ust-menu .px-3{padding-left:0.75rem;padding-right:0.75rem}
#ust-menu .px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
#ust-menu .px-4{padding-left:1rem;padding-right:1rem}
#ust-menu .px-5{padding-left:1.25rem;padding-right:1.25rem}
#ust-menu .py-2{padding-top:0.5rem;padding-bottom:0.5rem}
#ust-menu .py-3{padding-top:0.75rem;padding-bottom:0.75rem}
#ust-menu .pl-2\.5{padding-left:0.625rem}
#ust-menu .pr-2{padding-right:0.5rem}
#ust-menu .text-left{text-align:left}
#ust-menu .text-\[11\.5px\]{font-size:11.5px}
#ust-menu .text-\[12\.5px\]{font-size:12.5px}
#ust-menu .text-\[12px\]{font-size:12px}
#ust-menu .text-\[13\.5px\]{font-size:13.5px}
#ust-menu .text-\[14\.5px\]{font-size:14.5px}
#ust-menu .text-\[14px\]{font-size:14px}
#ust-menu .text-\[15px\]{font-size:15px}
#ust-menu .text-\[16px\]{font-size:16px}
#ust-menu .font-medium{font-weight:500}
#ust-menu .leading-\[1\.1\]{line-height:1.1}
#ust-menu .leading-\[1\.25\]{line-height:1.25}
#ust-menu .leading-\[1\.35\]{line-height:1.35}
#ust-menu .leading-\[1\.3\]{line-height:1.3}
#ust-menu .leading-\[1\.45\]{line-height:1.45}
#ust-menu .leading-\[1\.4\]{line-height:1.4}
#ust-menu .tracking-\[-0\.01em\]{letter-spacing:-0.01em}
#ust-menu .text-g-blue{--tw-text-opacity:1;color:rgb(11 87 208 / var(--tw-text-opacity, 1))}
#ust-menu .text-g-blue-ink{--tw-text-opacity:1;color:rgb(4 30 73 / var(--tw-text-opacity, 1))}
#ust-menu .text-g-green{--tw-text-opacity:1;color:rgb(19 115 51 / var(--tw-text-opacity, 1))}
#ust-menu .text-ink{--tw-text-opacity:1;color:rgb(31 31 31 / var(--tw-text-opacity, 1))}
#ust-menu .text-ink-2{--tw-text-opacity:1;color:rgb(68 71 70 / var(--tw-text-opacity, 1))}
#ust-menu .text-muted{--tw-text-opacity:1;color:rgb(95 99 104 / var(--tw-text-opacity, 1))}
#ust-menu .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
#ust-menu .shadow-lift{--tw-shadow:0 1px 3px rgba(60,64,67,.10), 0 12px 32px rgba(60,64,67,.12);--tw-shadow-colored:0 1px 3px var(--tw-shadow-color), 0 12px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
#ust-menu .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
#ust-menu .transition-\[background-color\2c box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
#ust-menu .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
#ust-menu .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
#ust-menu .duration-200{transition-duration:200ms}
#ust-menu .ease-standard{transition-timing-function:cubic-bezier(0.2, 0, 0, 1)}
/* <ust-menu-css> Bu işaretlerin arası statik sayfaların üst menüsüne de girer (scripts/ust-menu.mjs → public/ust-menu.css); işaretleri silme */
/* Üst menü header4 · Sophia "Çözümler" mega menüsü (src/basliklar/header4.tsx, 2026-10-08). Kapalıyken görünmez ve odaklanamaz (inert), açılınca
   6 px aşağıdan gelir (yalnız transform/opacity); hareket azaltmada anında. Panel ekrandan uzunsa kendi içinde kayar, alttaki düğme çubuğu
   dipte sabit kalır (1366 × 768 ölçüldü: panel 691 px, ekrana 680). Üç sütun üç ayrı dil (Akan: "her biri farklı tarzda, iconlu"): .mega-kural (kural kartı, çizgili simge kutusu + tarih etiketi) · .mega-karo (dolu renkli
   simge kutulu döşeme) · .mega-one + .mega-satir (öne çıkan kart + açık zeminli simge kutulu satırlar). Her öğenin rengi satır içi --c (esnafCozumleri.js). */
.mega{box-shadow:0 1px 2px rgba(60,64,67,.08),0 18px 50px -10px rgba(60,64,67,.24);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1),visibility 0s .16s;max-height:calc(100dvh - 88px);overflow:auto;overscroll-behavior:contain}
.mega[data-acik]{opacity:1;visibility:visible;transform:none;transition:opacity .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1)}
.mega-ok{width:14px;height:14px;margin-left:2px;transition:transform .2s cubic-bezier(.2,0,0,1)}
[aria-expanded="true"]>.mega-ok{transform:rotate(180deg)}
.mega-kapat{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;color:#444746}
.mega-kapat:hover{background:#f0f4f9;color:#1f1f1f}
.mega-kapat svg{width:20px;height:20px}
/* sütun başı: simge kutusu + ad + kısa alt satır + sayı */
.mega-bas{display:flex;align-items:center;gap:10px;padding:0 2px 10px;margin-bottom:8px;border-bottom:1px solid #dadce0}
.mega-bas-ik{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.mega-bas-ik svg{width:18px;height:18px}
.mega-bas-sayi{margin-left:auto;align-self:flex-start;flex:none;padding:2px 9px;border-radius:999px;background:#f0f4f9;font-size:12px;color:#5f6368;white-space:nowrap}
/* simge kutuları: üç biçim */
.mega-ik{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.mega-ik svg{width:21px;height:21px}
.mega-ik-cizgi{background:#ffffff;border:1.5px solid color-mix(in srgb,var(--c) 38%,#fff);color:var(--c)}
.mega-ik-dolu{background:var(--c);color:#fff;box-shadow:0 2px 6px color-mix(in srgb,var(--c) 30%,transparent)}
.mega-ik-acik{width:38px;height:38px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.mega-ik-buyuk{width:48px;height:48px;border-radius:14px}
.mega-ik-buyuk svg{width:24px;height:24px}
.mega-ik-tum{background:#ecf3fe;color:#0b57d0;border:1.5px dashed color-mix(in srgb,#0b57d0 45%,#fff)}
a:hover>.mega-ik,a:focus-visible>.mega-ik{transform:scale(1.08) rotate(-6deg)}
/* 1) ince çizgili liste */
.mega-liste>li+li{border-top:1px solid #dadce0}
.mega-kural{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 8px;border-radius:12px;transition:background-color .2s}
.mega-kural:hover,.mega-kural:focus-visible{background:color-mix(in srgb,var(--c) 6%,#fff)}
.mega-cip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap}
.mega-cip-son{background:#feefc3;color:#4a2c00}
.mega-cip-var{background:#ceead6;color:#0d3d1d}
/* 2) döşeme */
.mega-karo{display:flex;flex-direction:column;height:100%;padding:10px 12px 11px;border-radius:14px;background:#ffffff;border:1px solid #dadce0;box-shadow:0 1px 2px rgba(60,64,67,.05);transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s,border-color .2s,background-color .2s}
.mega-karo:hover,.mega-karo:focus-visible{transform:translateY(-2px);background:color-mix(in srgb,var(--c) 5%,#fff);box-shadow:0 8px 20px color-mix(in srgb,var(--c) 16%,transparent);border-color:color-mix(in srgb,var(--c) 32%,#fff)}
.mega-karo .mega-ik{width:34px;height:34px;border-radius:10px}
.mega-karo .mega-ik svg{width:19px;height:19px}
.mega-karo-p{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:#5f6368}
.mega-karo-tum{--c:#0b57d0;background:#ffffff;border:1px dashed #747775}
.mega-karo-tum .mega-sag{width:20px;height:20px}
/* kalan gün kutusu (yalnız son tarihi olan kural varken) */
.mega-geri{display:block;margin-top:10px;padding:12px 14px;border-radius:14px;background:#fef9e7;border:1px solid #feefc3;color:#4a2c00;transition:border-color .2s}
.mega-geri:hover,.mega-geri:focus-visible{border-color:color-mix(in srgb,#8a4b00 45%,#fff)}
.mega-geri-sayi{font-size:30px;line-height:1;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
/* 3) öne çıkan kart + satırlar */
.mega-one{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#ecf3fe,#ffffff);border:1px solid #d3e3fd;transition:box-shadow .25s,border-color .2s}
.mega-one:hover,.mega-one:focus-visible{border-color:color-mix(in srgb,var(--c) 45%,#fff);box-shadow:0 6px 18px color-mix(in srgb,var(--c) 16%,transparent)}
.mega-one>.mega-sag{margin-left:auto;flex:none;width:18px;height:18px;color:var(--c);transition:transform .25s cubic-bezier(.2,0,0,1)}
.mega-one:hover>.mega-sag{transform:translateX(3px)}
.mega-satir{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px;border-radius:12px;transition:background-color .15s}
.mega-satir:hover,.mega-satir:focus-visible{background:color-mix(in srgb,var(--c) 8%,#fff)}
.mega-alt{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;padding:0 4px;font-size:13.5px;font-weight:500;color:#0b57d0}
.mega-alt .mega-sag{width:16px;height:16px;transition:transform .25s cubic-bezier(.2,0,0,1)}
.mega-alt:hover .mega-sag{transform:translateX(3px)}
.mega :is(.mega-kural,.mega-karo,.mega-one,.mega-satir):focus-visible{outline:2px solid #0b57d0;outline-offset:2px;border-radius:14px}
/* alt çubuk */
.mega-dip{background:#f0f4f9}
.mega-dip-ik{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#ceead6;color:#137333}
.mega-dip-ik svg{width:17px;height:17px}
/* "Web Tasarım" hapı (Charlotte'taki kutunun güzelleşmiş hâli): solda mavi simge dairesi, iki satır yazı, ok; açılır listesi hizmet-menu.js (data-hm="web") */
.wt-hap{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 10px 0 5px;margin-right:2px;border-radius:999px;white-space:nowrap;color:#041e49;
  background:linear-gradient(135deg,#ecf3fe,#d3e3fd);border:1px solid color-mix(in srgb,#0b57d0 18%,#fff);transition:box-shadow .2s,border-color .2s,background-color .2s}
.wt-hap:hover,.wt-hap[aria-expanded="true"]{border-color:color-mix(in srgb,#0b57d0 38%,#fff);box-shadow:0 4px 14px color-mix(in srgb,#0b57d0 20%,transparent)}
.wt-hap-ik{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#4285f4,#0b57d0);box-shadow:0 2px 6px color-mix(in srgb,#0b57d0 35%,transparent);transition:transform .32s cubic-bezier(.34,1.56,.64,1)}
.wt-hap-ik svg{width:19px;height:19px}
.wt-hap:hover .wt-hap-ik,.wt-hap:focus-visible .wt-hap-ik{transform:rotate(-8deg) scale(1.06)}
.wt-hap-alt{color:color-mix(in srgb,#041e49 78%,#fff)}
@media (prefers-reduced-motion:reduce){.wt-hap,.wt-hap-ik{transition:none}.wt-hap:hover .wt-hap-ik,.wt-hap:focus-visible .wt-hap-ik{transform:none}.mega,.mega[data-acik],.mega-ok,.mega-ik,.mega-karo,.mega-one>.mega-sag,.mega-alt .mega-sag{transition:none}a:hover>.mega-ik,a:focus-visible>.mega-ik,.mega-karo:hover,.mega-karo:focus-visible,.mega-one:hover>.mega-sag,.mega-alt:hover .mega-sag{transform:none}}
#ust-menu .hover\:border-g-blue-soft:hover{--tw-border-opacity:1;border-color:rgb(211 227 253 / var(--tw-border-opacity, 1))}
#ust-menu .hover\:bg-g-blue-hover:hover{--tw-bg-opacity:1;background-color:rgb(8 66 160 / var(--tw-bg-opacity, 1))}
#ust-menu .hover\:bg-g-blue-soft-hover:hover{--tw-bg-opacity:1;background-color:rgb(194 215 251 / var(--tw-bg-opacity, 1))}
#ust-menu .hover\:bg-g-blue-tint:hover{--tw-bg-opacity:1;background-color:rgb(236 243 254 / var(--tw-bg-opacity, 1))}
#ust-menu .hover\:bg-g-green-tint:hover{--tw-bg-opacity:1;background-color:rgb(238 247 240 / var(--tw-bg-opacity, 1))}
#ust-menu .hover\:bg-surface:hover{--tw-bg-opacity:1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}
#ust-menu .hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(31 31 31 / var(--tw-text-opacity, 1))}
#ust-menu .hover\:shadow-card:hover{--tw-shadow:0 1px 2px rgba(60,64,67,.08), 0 2px 8px rgba(60,64,67,.06);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
@media (max-width: 599px){
#ust-menu .max-\[599px\]\:hidden{display:none}}
@media (max-width: 413px){
#ust-menu .max-\[413px\]\:hidden{display:none}}
@media (min-width: 640px){
#ust-menu .sm\:gap-2{gap:0.5rem}
#ust-menu .sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}}
@media (min-width: 768px){
#ust-menu .md\:col-span-2{grid-column:span 2 / span 2}
#ust-menu .md\:block{display:block}
#ust-menu .md\:flex{display:flex}
#ust-menu .md\:grid{display:grid}
#ust-menu .md\:hidden{display:none}
#ust-menu .md\:shrink-0{flex-shrink:0}
#ust-menu .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
#ust-menu .md\:gap-x-4{column-gap:1rem}}
@media (min-width: 1024px){
#ust-menu .lg\:block{display:block}
#ust-menu .lg\:gap-3{gap:0.75rem}
#ust-menu .lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}
#ust-menu .lg\:pb-5{padding-bottom:1.25rem}
#ust-menu .lg\:pr-\[68px\]{padding-right:68px}
#ust-menu .lg\:pt-5{padding-top:1.25rem}}
@media (min-width: 1280px){
#ust-menu .xl\:col-span-1{grid-column:span 1 / span 1}
#ust-menu .xl\:block{display:block}
#ust-menu .xl\:inline{display:inline}
#ust-menu .xl\:grid-cols-\[1fr_1\.32fr_1\.08fr\]{grid-template-columns:1fr 1.32fr 1.08fr}}