/* Urban teması — iç sayfalar: başlık bandı, blog, proje/hizmet, formlar, yazı stili */

.u-pagehead{text-align:center;padding:calc(var(--u-hh) + 46px + 70px) 0 60px}
.u-crumbs{margin-bottom:34px}
.u-crumbs ol{display:flex;justify-content:center;flex-wrap:wrap;gap:0;font:400 13px/20px var(--u-sans);color:#7b8398}
.u-crumbs li+li::before{content:"/";margin:0 10px;opacity:.6}
.u-crumbs a{color:#7b8398}
.u-crumbs a:hover{color:#000}
.u-pill-label{display:inline-block;background:#f2f2f2;color:#000;font:400 18px/1.2 var(--u-sans);padding:14px 40px;border-radius:30px;margin:0 0 30px!important}
.urban .u-pagetitle{font:400 clamp(40px,5.2vw,86px)/1.1 var(--u-serif);color:#000;max-width:1200px;margin:0 auto;letter-spacing:-.005em}
@media(max-width:991px){.u-pagehead{padding:calc(var(--u-hh) + 40px) 0 40px}.u-crumbs{margin-bottom:22px}}

/* Yazı / içerik stili */
.u-pagebody{padding:20px 0 120px}
.u-pagebody--wide{padding-top:calc(var(--u-hh) + 60px)}
.u-prose{font:400 18px/1.8 var(--u-sans);color:var(--u-body)}
.urban .u-prose p{font:inherit;margin:0 0 1.3em;color:inherit}
.urban .u-prose h2{font:400 clamp(30px,3.2vw,52px)/1.2 var(--u-serif);color:#000;margin:1.6em 0 .6em}
.urban .u-prose h3{font:400 clamp(26px,2.4vw,38px)/1.25 var(--u-serif);color:#000;margin:1.5em 0 .5em}
.urban .u-prose h4{font:600 20px/1.4 var(--u-sans);color:#000;margin:1.4em 0 .4em}
.urban .u-prose>*:first-child{margin-top:0}
.u-prose ul,.u-prose ol{padding-left:1.3em;margin:0 0 1.4em}
.u-prose ul{list-style:disc}
.u-prose ol{list-style:decimal}
.u-prose li{margin-bottom:.5em}
.u-prose a{color:#000;text-decoration:underline;text-underline-offset:3px}
.u-prose img{display:block;width:100%;height:auto;margin:2em 0}
.u-prose blockquote{margin:2em 0;padding:6px 0 6px 28px;border-left:2px solid #000;font:400 clamp(24px,2.2vw,34px)/1.4 var(--u-serif);color:#000}
.u-prose table{width:100%;border-collapse:collapse;margin:0 0 1.6em;font-size:16px}
.u-prose th,.u-prose td{border:1px solid var(--u-line);padding:12px 16px;text-align:left}
.u-prose th{background:#fafafa;color:#000}
.u-prose--about>p:first-child{font:400 clamp(26px,2.6vw,40px)/1.4 var(--u-serif);color:#000}
.u-fig{margin:2em 0}
.u-fig img{margin:0}
.u-preview{background:#fff3cd;color:#000;padding:12px 18px;margin:0 0 24px;font:500 15px/1.5 var(--u-sans)}

/* Çağrı bandı */
.u-cta{background:#000;text-align:center;padding:110px 0}
.urban .u-cta-title{font:400 clamp(34px,4.2vw,68px)/1.15 var(--u-serif);color:#fff;margin:0 0 40px}
.u-cta .u-btn{background:#fff;color:#000!important}
.u-cta .u-btn:hover{background:#e9e9e9}

/* 404 */
.u-404{text-align:center;padding:calc(var(--u-hh) + 120px) 0 140px}
.u-404-text{font-size:20px;margin:26px 0 44px}

/* Blog */
.u-blog{padding:0 0 120px}
.u-blog-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:50px;align-items:start}
.u-post{border:1px solid var(--u-line);margin-bottom:50px;background:#fff}
.u-post-img{display:block;overflow:hidden;aspect-ratio:16/10;background:#eee}
.u-post-img img,.u-single-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.u-post:hover .u-post-img img{transform:scale(1.04)}
.u-post-body{padding:30px 30px 34px}
.urban .u-meta{display:flex;flex-wrap:wrap;gap:6px 0;font:400 16px/24px var(--u-sans);color:var(--u-body);margin:0 0 14px}
.u-meta>*+*::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#000;margin:0 14px 3px 14px}
.u-meta a{color:var(--u-body);text-decoration:underline}
.urban .u-post h2{font:400 clamp(30px,2.5vw,42px)/1.25 var(--u-serif);margin:0 0 16px}
.urban .u-post-ex{font:400 18px/30px var(--u-sans);color:var(--u-body);margin:0 0 18px}
.u-more{display:inline-flex;align-items:center;gap:10px;font:600 17px/1.2 var(--u-sans);color:#000}
.u-more .u-ic{transition:transform .3s}
.u-more:hover .u-ic{transform:translateX(5px)}
.u-pager{display:flex;gap:8px;margin-top:10px}
.u-pager a,.u-pager span{display:grid;place-items:center;min-width:46px;height:46px;border:1px solid var(--u-line);font:500 16px var(--u-sans);color:#000}
.u-pager span{background:#000;color:#fff;border-color:#000}
.u-kat-intro{margin:0 0 40px}
.u-single{padding:0}
.u-single-cover{height:auto;aspect-ratio:16/9;margin-bottom:28px}
.u-post-content{margin-top:20px}
.u-tags{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 0}
.u-tags a{display:inline-block;padding:8px 18px;border:1px solid var(--u-line);font:400 15px/1.2 var(--u-sans)}
.u-tags a:hover{background:#000;color:#fff}
.u-related{margin-top:70px}
.urban .u-wtitle{font:400 30px/1.2 var(--u-serif);color:#000;margin:0}
.urban .u-wtitle--big{font-size:clamp(34px,3.4vw,56px);margin-bottom:30px}

/* Kenar çubuğu */
.u-side{display:flex;flex-direction:column;gap:40px;position:sticky;top:130px}
.u-widget{border:1px solid var(--u-line);padding:0}
.u-widget .u-wtitle{padding:20px 26px;border-bottom:1px solid var(--u-line)}
.u-wsearch{display:flex;padding:22px 26px}
.u-wsearch input{flex:1;min-width:0;border:1px solid var(--u-line);border-right:0;padding:12px 16px;font:400 16px var(--u-sans);color:#000;background:#fff;outline:none}
.u-wsearch button{width:46px;border:0;background:#000;color:#fff;cursor:pointer;display:grid;place-items:center}
.u-wcats{padding:14px 26px 20px}
.u-wcats a{display:flex;justify-content:space-between;padding:11px 0;font:400 16px/1.4 var(--u-sans);color:var(--u-body)}
.u-wcats a:hover{color:#000}
.u-wcats em{font-style:normal;color:#000}
.u-wrecent{padding:16px 26px 22px}
.u-wrecent li{display:flex;gap:16px;align-items:center;padding:10px 0}
.u-wr-img{flex:0 0 84px;height:70px;overflow:hidden;background:#eee}
.u-wr-img img{width:100%;height:100%;object-fit:cover;display:block}
.u-wrecent a{font:500 16px/1.35 var(--u-sans);color:#000}
.u-wrecent time{display:block;font:400 14px/1.6 var(--u-sans);color:#7b8398;margin-top:4px}
.u-author-card{display:flex;gap:30px;align-items:center;border:1px solid var(--u-line);padding:30px;margin-bottom:60px}
.u-author-photo{width:120px;height:120px;border-radius:50%;object-fit:cover}
.u-pc{display:block}
.u-pc-img{display:block;overflow:hidden;aspect-ratio:3/2;background:#eee}
.u-pc-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.u-pc:hover .u-pc-img img{transform:scale(1.05)}
.u-pc-body{padding-top:22px}
.urban .u-pc h3{font:400 clamp(26px,2vw,34px)/1.25 var(--u-serif);margin:0}
@media(max-width:991px){.u-blog-row{grid-template-columns:1fr}.u-side{position:static}}

/* Proje / hizmet */
.u-item-hero{margin:0 7px 100px}
.u-item-hero img{display:block;width:100%;height:clamp(300px,34vw,560px);object-fit:cover}
.u-item{padding:0 0 110px}
.u-item-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:70px;align-items:start}
.urban .u-title--md{font-size:clamp(44px,5vw,86px);line-height:1.05;margin:0 0 34px}
.u-lead-p{font:400 21px/1.7 var(--u-sans);color:#000;margin:0 0 28px}
.u-item-content>p:first-child::first-letter{font:400 2.3em/1 var(--u-serif);color:#000}
.u-info{border:1px solid var(--u-line);position:sticky;top:130px}
.urban .u-info h3{font:400 40px/1.2 var(--u-serif);text-align:center;padding:26px 20px;border-bottom:1px solid var(--u-line);margin:0}
.u-info dl{margin:0;padding:22px 40px 30px}
.u-info dl>div{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:12px 0;font:400 17px/1.5 var(--u-sans)}
.u-info dt{color:var(--u-body)}
.u-info dd{margin:0;color:#000}
.u-solve{background:#fafafa;padding:110px 0}
.u-solve-row{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.u-solve-list ol{counter-reset:s}
.u-solve-list li{counter-increment:s;position:relative;padding:0 0 30px 64px}
.u-solve-list li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font:400 34px/1 var(--u-serif);color:#000}
.urban .u-solve-list h3{font:400 30px/1.2 var(--u-serif);margin:0 0 8px}
.urban .u-solve-list li p{font:400 18px/1.7 var(--u-sans);color:var(--u-body);margin:0}
.u-faq{padding:110px 0 30px}
.u-faq details{border-bottom:1px solid var(--u-line);padding:0}
.u-faq summary{cursor:pointer;list-style:none;font:400 clamp(22px,2vw,30px)/1.3 var(--u-serif);color:#000;padding:26px 50px 26px 0;position:relative}
.u-faq summary::-webkit-details-marker{display:none}
.u-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font:300 34px/1 var(--u-sans)}
.u-faq details[open] summary::after{content:"–"}
.u-faq .u-prose{padding:0 0 26px}
.u-related-items{padding:90px 0 110px}
.u-item-form{padding:0 0 90px}
.u-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 30px}
.u-icard{display:block}
.u-icard-img{display:block;overflow:hidden;aspect-ratio:4/5;background:#ececec}
.u-icard-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.u-icard:hover .u-icard-img img{transform:scale(1.06)}
.u-icard-body{display:block;padding-top:22px}
.u-icard-body em{display:block;font:400 15px/1.4 var(--u-sans);font-style:normal;color:#7b8398;margin-bottom:6px}
.u-icard-body strong{display:block;font:400 clamp(28px,2.2vw,38px)/1.2 var(--u-serif);color:#000}
.u-icard-body span{display:block;font:400 16px/1.6 var(--u-sans);color:var(--u-body);margin-top:8px}
.u-list{padding:0 0 120px}
.u-list-intro{max-width:760px;margin:0 auto 40px!important;text-align:center;font:400 20px/1.6 var(--u-sans);color:#000}
.u-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 54px}
.u-filter a{padding:10px 26px;border:1px solid var(--u-line);border-radius:30px;font:500 16px/1.2 var(--u-sans);color:#000}
.u-filter a:hover,.u-filter a[aria-current]{background:#000;color:#fff;border-color:#000}
@media(max-width:991px){.u-item-row,.u-solve-row{grid-template-columns:1fr;gap:40px}.u-info{position:static}.u-grid3{grid-template-columns:1fr 1fr}.u-item-hero{margin-bottom:60px}.u-solve,.u-faq{padding:70px 0}}
@media(max-width:575px){.u-grid3{grid-template-columns:1fr}.u-info dl{padding:18px 22px 24px}}

/* İletişim */
.u-contact{padding:0 0 120px}
.u-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.u-contact-list li{border-top:1px solid var(--u-line);padding:22px 0;display:grid;grid-template-columns:140px 1fr;gap:16px;font:400 19px/1.6 var(--u-sans)}
.u-contact-list span{color:#7b8398}
.u-contact-list a,.u-contact-list address{color:#000;font-style:normal}
.urban .u-contact-title{font:400 clamp(34px,3.2vw,54px)/1.2 var(--u-serif);margin:0 0 26px}
@media(max-width:991px){.u-contact-row{grid-template-columns:1fr;gap:50px}}

/* Formlar */
.u-form .u-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.u-field{margin:0 0 4px}
.u-label{display:block;font:500 18px/1.4 var(--u-sans);color:#000}
.u-form input:not([type=checkbox]),.u-form select,.u-form textarea{width:100%;border:0;border-bottom:1px solid #cfcfcf;background:transparent;padding:10px 0 14px;font:400 18px/1.4 var(--u-sans);color:#000;border-radius:0;outline:none;transition:border-color .25s}
.u-form textarea{resize:vertical;min-height:84px}
.u-form select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") right 4px center no-repeat}
.u-form input:focus,.u-form select:focus,.u-form textarea:focus{border-bottom-color:#000}
.u-check{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.5 var(--u-sans);color:var(--u-body);margin:16px 0 0;cursor:pointer}
.u-check input{margin-top:3px;width:16px;height:16px;accent-color:#000;flex:0 0 auto}
.u-check a{text-decoration:underline;color:#000}
.u-send{margin-top:30px;background:#000;color:#fff;border:0;font:600 20px/30px var(--u-sans);padding:12px 44px 13px;cursor:pointer;transition:background .3s}
.u-send:hover{background:#222}
.u-err{color:#b3261e;font-size:14px;margin-top:4px}
.u-alert{padding:14px 18px;margin:0 0 20px;font:500 15px/1.5 var(--u-sans)}
.u-alert--ok{background:#e8f6ee;color:#14532d}
.u-alert--err{background:#fdecea;color:#7a1c14}
.u-form--card{border:1px solid var(--u-line);padding:36px}
.u-form--newsletter form{display:block}
.u-form--newsletter input{border:1px solid #444;padding:16px 20px;color:#fff;font-size:18px;background:transparent}
.u-form--newsletter input::placeholder{color:#cfcfcf}
.u-form--newsletter input:focus{border-color:#fff}
.u-sub-btn{display:block;width:100%;margin-top:26px;height:56px;border:0;background:#eee;color:#000;font:600 18px var(--u-sans);cursor:pointer;transition:background .3s}
.u-sub-btn:hover{background:#fff}
.u-form--newsletter .u-alert{background:#1b1b1b;color:#fff}