/* =====================================================================
   /cozumler V3 — Engineering Editorial (yalnız bu sayfada; style.css belirteçleri ve .btn / .reveal kullanılır)
   Tipografi: Bricolage (başlık, daraltılmış genişlik) · Azeret (teknik etiket) · Schibsted (metin)
   Yüzeyler: kırık beyaz → grafit (sistemler) → kırık beyaz → açık gri (süreç) → siyah (CTA). Kırmızı yalnız vurgu.
   Hareket: başlık belirme (.reveal, app.js), kırmızı çizgi uzaması, ok kayması, akordeon, 150–250 ms içerik geçişi.
   ===================================================================== */
.sol-main{padding-top:calc(58px + 14px)}
.sol-eb,.sol-k{font-family:'Azeret Mono',monospace;text-transform:uppercase;color:var(--muted)}
.sol-eb{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.14em}
.sol-eb::before{content:"";flex:none;width:22px;height:2px;background:var(--red)}
.sol-k{display:block;font-size:10px;letter-spacing:.12em}
.sol-acts{display:flex;flex-wrap:wrap;gap:10px}.sol-main .ar{flex:none;transition:transform .2s var(--ease)}
.sol-main a:hover>.ar,.sol-main a:hover .ar{transform:translateX(3px)}
.sol-sec{padding:clamp(60px,9vw,136px) 0}
.sol-head{max-width:820px;margin-bottom:clamp(32px,4vw,56px)}
.sol-head h2{margin-top:16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-stretch:90%;letter-spacing:-.04em;line-height:.96;font-size:clamp(36px,5.4vw,76px)}
.sol-head p{margin-top:16px;max-width:560px;font-size:16px;line-height:1.6;color:var(--ink2)}
@keyframes sol-in{from{opacity:0;transform:translateY(6px)}}
@keyframes sol-grow{from{transform:scaleX(0)}}

/* ---------- 1 · Hero ---------- */
.sol-hero{padding:clamp(28px,4vw,64px) 0 clamp(16px,2.4vw,36px)}
.sol-hero h1{margin-top:clamp(18px,2.4vw,32px);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-stretch:86%;letter-spacing:-.045em;line-height:.9;font-size:clamp(40px,9vw,144px)}
.sol-hero h1 span{display:block}
.sol-hero h1 span:first-child{color:var(--steel-dk)}
.sol-rule{position:relative;display:block;height:1px;margin:clamp(24px,3.2vw,44px) 0 clamp(20px,2.6vw,36px);background:var(--line)}
.sol-rule::before{content:"";position:absolute;left:0;top:-1px;width:clamp(72px,12vw,180px);height:3px;background:var(--red);transform-origin:0 50%;animation:sol-grow .7s var(--ease-out) .15s both}
.sol-hero-foot{display:grid;gap:24px}
.sol-lead{max-width:470px;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--ink2)}
/* açıklama metinleri: ana sayfa/kurumsal/uluslararası ile aynı dil — solda ince kırmızı çizgi + iç boşluk (hero girişi,
   her işletme türü satırının açıklaması, Mutfak sistemleri girişi, planlayıcı ön değerlendirme özeti) */
.sol-lead,.biz-lead+p,.sol-sys .sol-head p,.pl-sum{padding:2px 0 2px clamp(16px,1.6vw,22px);border-left:2px solid var(--red);text-wrap:pretty}
/* bölüm dizini: numara · başlık · ok aynı satırda (taban çizgisi hizalı), alt açıklama başlığın altında */
.sol-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.sol-index a{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:baseline;column-gap:8px;row-gap:4px;min-height:44px;padding:12px 0 14px;border-top:1px solid rgba(20,21,24,.22)}
.sol-index a::before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--red);transition:width .25s var(--ease)}
.sol-index a:hover::before{width:100%}
.sol-index b{font-family:'Azeret Mono',monospace;font-size:11px;font-weight:500;color:var(--red)}
.sol-index span{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;letter-spacing:-.015em;line-height:1.2}
.sol-index .ar{display:none;align-self:center;color:var(--faint)}
.sol-index a:hover .ar{color:var(--red)}
.sol-index small{grid-column:2 / -1;font-family:'Azeret Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media(min-width:700px){.sol-index .ar{display:block}}
@media(min-width:1024px){
  .sol-hero-foot{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5vw,96px);align-items:start}
  .sol-lead{margin-top:12px}
  .sol-index{column-gap:clamp(24px,3vw,48px)}
  .sol-index a{grid-template-columns:32px minmax(0,1fr) auto;padding:14px 0 16px}
  .sol-index span{font-size:clamp(19px,1.6vw,24px)}
  .sol-index small{font-size:10.5px}
}

/* ---------- 2 · İşletme çözümleri (akordeon satırları) ---------- */
.biz-rows{--n:clamp(44px,6vw,104px);border-top:1px solid var(--ink)}
.biz-row{border-bottom:1px solid var(--line);transition:border-color .2s}
.biz-row[open]{border-bottom-color:var(--ink)}
.biz-row summary{display:grid;grid-template-columns:var(--n) minmax(0,5fr) minmax(0,5fr) 44px;align-items:center;column-gap:16px;min-height:clamp(72px,7.5vw,108px);padding:10px 0;list-style:none;cursor:pointer}
.biz-row summary::-webkit-details-marker{display:none}
.biz-row summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.biz-n{font-family:'Azeret Mono',monospace;font-size:11px;font-weight:500;color:var(--muted);transition:color .2s}
.biz-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-stretch:90%;letter-spacing:-.035em;line-height:1;font-size:clamp(30px,3.8vw,56px);color:var(--ink2);transition:color .2s}
.biz-tag{font-family:'Azeret Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.biz-ic{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:border-color .2s,background-color .2s,color .2s}
.biz-ic .ar{transition:transform .25s var(--ease)}
.biz-row summary:hover .biz-name,.biz-row[open] .biz-name{color:var(--ink)}
.biz-row summary:hover .biz-ic{border-color:var(--ink)}
.biz-row summary:hover .biz-ic .ar{transform:translateX(3px)}
.biz-row[open] .biz-n{color:var(--red)}
.biz-row[open] .biz-ic{background:var(--ink);border-color:var(--ink);color:#fff}
.biz-row[open] .biz-ic .ar,.biz-row[open] summary:hover .biz-ic .ar{transform:rotate(90deg)}
.biz-body{display:grid;gap:28px;padding:6px 0 clamp(32px,3.5vw,52px)}
.biz-row[open] .biz-body{animation:sol-in .22s var(--ease-out) both}
.biz-lead{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.2;font-size:clamp(20px,1.9vw,26px)}
.biz-main>p:not(.biz-lead):not(.biz-focus){margin-top:12px;max-width:580px;line-height:1.6;color:var(--ink2)}
.biz-focus{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px}
.biz-focus .sol-k{width:100%}
.biz-focus b,.pl-focus b{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600}
.biz-focus b::before,.pl-focus b::before{content:"";width:6px;height:6px;background:var(--red)}
.biz-needs{list-style:none;margin:20px 0 0;padding:0;display:grid;column-gap:24px;border-top:1px solid var(--line)}
.biz-needs li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45}
.biz-needs li::before{content:"";position:absolute;left:0;top:19px;width:8px;height:1px;background:var(--ink)}
@media(min-width:700px){.biz-needs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.biz-body{grid-template-columns:minmax(0,6fr) minmax(0,4fr);column-gap:clamp(40px,5vw,88px);padding-left:calc(var(--n) + 16px)}}
@supports (interpolate-size:allow-keywords){
  .biz-rows{interpolate-size:allow-keywords}
  .biz-row::details-content{block-size:0;overflow:hidden;transition:block-size .25s var(--ease),content-visibility .25s allow-discrete}
  .biz-row[open]::details-content{block-size:auto}
}

/* kategori bağlantı listesi (işletme detayı) */
.sol-links .sol-k{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--ink)}
.sol-links .sol-k i{font-style:normal}
.sol-links ul,.sys-links{list-style:none;margin:0;padding:0}
.sol-links a,.sys-links a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:46px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14.5px;font-weight:500;transition:color .15s}
.sol-links small,.sys-links small{font-family:'Azeret Mono',monospace;font-size:10.5px;color:var(--muted)}
.sol-links .ar,.sys-links .ar{color:var(--faint)}
.sol-links a:hover,.sol-links a:hover .ar{color:var(--red)}

/* ---------- 3 · Mutfak sistemleri (teknik indeks) ---------- */
.sol-sys{background:var(--graphite);color:#fff}
.sol-sys .sol-eb,.sol-sys .sol-k{color:#8A9099}
.sol-sys .sol-head p{color:#B9BDC3}
.sys-index{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid rgba(255,255,255,.22)}
.sys-item{position:relative;display:flex;flex-direction:column;padding:24px 0 26px;border-bottom:1px solid var(--line-dk)}
.sys-item::before{content:"";position:absolute;left:0;top:-1px;width:28px;height:2px;background:var(--red);transition:width .25s var(--ease)}
.sys-item:hover::before{width:100%}
.sys-n{font-family:'Azeret Mono',monospace;font-size:11px;font-weight:500;color:#8A9099;transition:color .2s}
.sys-item:hover .sys-n{color:var(--red)}
.sys-item h3{margin-top:18px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-stretch:90%;letter-spacing:-.03em;line-height:1;font-size:clamp(30px,2.6vw,40px)}
.sys-short{margin-top:12px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.3;color:#fff}
.sys-rest{margin-top:10px;font-size:14px;line-height:1.6;color:#9AA0A8}
.sys-links{margin-top:20px;border-top:1px solid var(--line-dk)}
.sys-links a{border-color:rgba(255,255,255,.07);font-size:14px;color:#E2E4E7}
.sys-links small{color:#8A9099}
.sys-links .ar{color:#6F757C}
.sys-links a:hover,.sys-links a:hover .ar{color:#fff}
.sys-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-size:14px;font-weight:600;color:#fff;transition:color .15s}
.sys-all:hover{color:var(--red)}
@media(min-width:700px) and (max-width:1199px){
  .sys-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,48px)}
  .sys-item{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-content:start}
  .sys-links{align-self:start}
}
@media(min-width:1200px){
  .sys-index{grid-template-columns:repeat(5,minmax(0,1fr))}
  .sys-item{padding:28px 24px 4px;border-bottom:0;border-left:1px solid var(--line-dk)}
  .sys-item:first-child{padding-left:0;border-left:0}
  .sys-item:not(:first-child)::before{left:24px}
  .sys-item:not(:first-child):hover::before{width:calc(100% - 24px)}
  .sys-short{font-size:16.5px}
  .sys-rest{font-size:13.5px}
  .sys-item{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-content:start}
  .sys-links{align-self:start}
  .sys-rest{margin-bottom:22px}
}

/* ---------- 4 · Proje planlayıcı ---------- */
.sol-plan{border-bottom:1px solid var(--line)}
.pl-grid{display:grid;gap:28px}
@media(min-width:1024px){.pl-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:0;align-items:start}.pl-form{padding-right:clamp(32px,4vw,64px)}.pl-out{padding-left:clamp(32px,4vw,64px);border-left:1px solid var(--line)}}
.pl-form{display:grid;gap:22px}
.pl-form fieldset{margin:0;padding:0;border:0}
.pl-form legend,.pl-lab{display:block;margin-bottom:10px;padding:0;font-family:'Azeret Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.pl-form legend b,.pl-lab b{margin-right:10px;font-weight:500;color:var(--red)}
/* işletme ve kapasite: kompakt seçim alanları (radyo); seçili = kırmızı çerçeve + kare işaret */
.pl-opts{display:grid;gap:6px}
.pl-opts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pl-opts.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pl-opts label{position:relative;display:flex;cursor:pointer}
.pl-opts input{position:absolute;opacity:0;width:1px;height:1px}
.pl-opts span{display:flex;align-items:center;gap:9px;width:100%;min-height:46px;padding:6px 12px;border:1px solid rgba(20,21,24,.16);border-radius:4px;font-size:14.5px;font-weight:600;line-height:1.25;color:var(--ink2);transition:border-color .2s,color .2s,box-shadow .2s}
.pl-opts span::before{content:"";flex:none;width:6px;height:6px;background:var(--paper3);transition:background-color .2s}
.pl-opts label:hover span{border-color:var(--ink);color:var(--ink)}
.pl-opts input:checked+span{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);color:var(--ink)}
.pl-opts input:checked+span::before{background:var(--red)}
.pl-opts input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
/* servis modeli: yerel select, sitenin çizgi diliyle */
.pl-select{position:relative}
.pl-select::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;margin-top:-6px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg);pointer-events:none}
.pl-select select{width:100%;min-height:48px;padding:0 44px 0 14px;border:1px solid rgba(20,21,24,.16);border-radius:4px;background:transparent;font:inherit;font-size:15px;font-weight:600;color:var(--ink);-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.pl-select select:hover{border-color:var(--ink)}
.pl-select select:focus-visible{outline:2px solid var(--red);outline-offset:2px}
/* JS ile ortak açılır menü (select.js/select.css) kurulur; native select yalnız yedek. Seçili model: kırmızı çerçeve. */
.pl-select.ips-host::after{display:none}
.pl-select .ips{--ips-h:48px;--ips-fs:15px}
.pl-select .ips .ips-btn{padding:0 14px;font-weight:600;transition:border-color .2s,box-shadow .2s}
.pl-select.set select,.pl-select.set .ips .ips-btn{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
/* özet */
.pl-out{align-self:start}
.pl-title{margin-top:10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.15;font-size:clamp(24px,2.3vw,32px)}
.pl-sum{margin-top:10px;max-width:520px;font-size:16px;line-height:1.55;color:var(--ink2)}
.pl-more{margin-top:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pl-more summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink)}
.pl-more summary::-webkit-details-marker{display:none}
.pl-more summary:hover{color:var(--red)}
.pl-more summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.pl-more summary .ar{transform:rotate(90deg);transition:transform .2s var(--ease)}
.pl-more[open] summary .ar{transform:rotate(-90deg)}
.pl-more[open] .pl-cols,.pl-more[open] .pl-detail{animation:sol-in .2s var(--ease-out) both}
.pl-detail{max-width:560px;padding:2px 0 14px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.6;color:var(--ink2)}
.pl-cols{display:grid;gap:16px;padding:12px 0 16px}
@media(min-width:700px){.pl-cols{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.pl-focus{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.pl-notes{list-style:none;margin:4px 0 0;padding:0}
.pl-notes li{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.pl-notes li:last-child{border-bottom:0}
.pl-out.upd .pl-title,.pl-out.upd .pl-sum{animation:sol-in .2s ease both}
.pl-disc{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.pl-out .sol-acts{margin-top:18px}

/* ---------- 5 · Projelendirme süreci (basamaklı) ---------- */
.sol-proc{background:var(--paper2)}
.proc-list{list-style:none;margin:0;padding:0;display:grid}
.proc-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding:22px 0 24px;border-top:1px solid var(--paper3)}
.proc-step>*{grid-column:2}
.proc-n{grid-column:1;grid-row:1 / span 3;padding-top:7px;font-family:'Azeret Mono',monospace;font-size:11px;font-weight:500;color:var(--red)}
.proc-step h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.1;font-size:clamp(22px,2vw,28px)}
.proc-step p{margin-top:10px;max-width:420px;font-size:15px;line-height:1.6;color:var(--ink2)}
.proc-step .sol-k{margin-top:14px;color:var(--ink2)}
@media(min-width:1024px){
  .proc-list{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);align-items:start}
  .proc-step{display:block;padding:20px 0 0;border-top:1px solid var(--ink)}
  .proc-step::before{content:"";position:absolute;left:0;top:-2px;width:36px;height:3px;background:var(--red)}
  .proc-step:nth-child(2){margin-top:48px}.proc-step:nth-child(3){margin-top:96px}.proc-step:nth-child(4){margin-top:144px}
  .proc-n{display:block;padding:0 0 22px}
}


/* ---------- Mobil ---------- */
@media(max-width:699px){
  .sol-hero h1{font-size:10vw;line-height:.95}
  /* sistemler: numara ve başlık aynı satırda; kısa açıklama ve bağlantılar başlık hizasında */
  .sys-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline;column-gap:6px;padding:20px 0 18px}
  .sys-item>*{grid-column:2}
  .sys-n{grid-column:1;grid-row:1}
  .sys-item h3{grid-row:1;margin-top:0;font-size:30px}
  .sys-short{margin-top:8px}
  .sys-rest{display:none}
  .sys-links{margin-top:14px}
  .sys-all{margin-top:2px}
  /* planlayıcı: tek sütun, sıkı akış; özet seçimlerin hemen ardından */
  .pl-grid{gap:22px}
  .pl-form{gap:18px}
  .pl-out{padding-top:18px;border-top:1px solid var(--ink)}
  .pl-title{margin-top:8px;font-size:24px}
  .pl-sum{font-size:15.5px}
  .pl-focus{flex-direction:row;flex-wrap:wrap;gap:6px 16px}
  .biz-rows{--n:34px}
  .biz-row summary{grid-template-columns:var(--n) minmax(0,1fr) 44px;grid-template-areas:"n name ic" "n tag ic";column-gap:10px;row-gap:6px;padding:16px 0}
  .biz-n{grid-area:n;align-self:start;padding-top:9px}
  .biz-name{grid-area:name}
  .biz-tag{grid-area:tag;font-size:9.5px;letter-spacing:.1em;line-height:1.5}
  .biz-ic{grid-area:ic}
  .sol-acts .btn{flex:1 1 auto}
  /* sayfa dizini: ok <700 px'te gizli; boş üçüncü sütun ve boşluğu başlıktan 8 px yemesin */
  .sol-index a{grid-template-columns:24px minmax(0,1fr)}
}
@media(max-width:419px){
  .pl-opts.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pl-opts span{padding:6px 10px;font-size:14px}
}
/* 320 px: "Projelendirme" tek kelime; 17 px'te iki sütunlu sayfa dizininin sütunundan taşıyordu */
@media(max-width:359px){
  .sol-index span{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .sol-rule::before,.biz-row[open] .biz-body,.pl-out.upd .pl-title,.pl-out.upd .pl-sum,.pl-more[open] .pl-cols,.pl-more[open] .pl-detail{animation:none}
  .biz-row::details-content{transition:none}
}