/* Kataloglar, Teknik Dokümanlar ve Referans Projeler için ortak hizalama/ölçek. */
:root{--professional-content-width:1240px;--professional-gutter:40px}
.docs-wrap,.page-header>.wrap,main>.section>.wrap,.project-filter-band>.wrap{width:min(var(--professional-content-width),calc(100% - (var(--professional-gutter) * 2)))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
.docs-hero h1,.page-header__title{margin:0!important;font-size:48px!important;font-weight:300!important;line-height:1.12!important;letter-spacing:-.02em!important}
.docs-eyebrow,.page-header .eyebrow{margin:0 0 18px!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.docs-hero__intro,.page-header__desc{margin-top:22px!important;font-size:15px!important;font-weight:300!important;line-height:1.75!important}
.project-filter-bar{max-width:none!important;gap:14px!important;margin:0!important}
.project-filter-select,.project-filter-reset,.docs-field input,.docs-field select,.docs-reset,.filter-action-button{min-height:40px!important;height:40px!important;font-family:"Noto Sans",sans-serif!important;font-size:13px!important;line-height:1.3!important}
.project-filter-reset,.docs-reset,.filter-action-button{font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important}

/* Referans Projeler: doküman sayfalarıyla aynı üst yapı ve filtre bandı. */
.page-header{overflow:hidden;padding:76px 0 0!important;background:#fff!important}
.page-header .breadcrumb{position:relative;margin:0!important;padding:22px 0!important;border:0!important;font-size:14px!important}
.page-header .breadcrumb::after{content:"";position:absolute;right:50%;bottom:0;width:100vw;height:1px;transform:translateX(50%);background:#ddd9d2}
.page-header__text{display:grid!important;grid-template-columns:1fr 1fr;grid-template-areas:"eyebrow intro" "title intro";column-gap:60px;padding-block:88px 72px}
.page-header__text .eyebrow{grid-area:eyebrow;align-self:end}
.page-header__title{grid-area:title}
.page-header__desc{grid-area:intro;align-self:end;max-width:570px!important}
main>.section{padding-top:0!important}
.project-filter-band{padding-block:20px;background:#f5f3ef;border-block:1px solid #ddd9d2}
.project-filter-bar{min-height:62px;padding:0!important;background:transparent!important;border:0!important;align-items:end}
.project-filter-band+.wrap{padding-top:56px!important}

@media(max-width:900px){
  :root{--professional-gutter:20px}
  .page-header__text{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "intro";gap:0;padding-block:62px 54px}
  .page-header__desc{margin-top:26px!important}
  .project-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .project-filter-reset{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
  :root{--professional-gutter:16px}
  .page-header{padding-top:66px!important}
  .page-header__text{padding-block:46px}
  .docs-hero h1,.page-header__title{font-size:40px!important}
  .project-filter-bar{grid-template-columns:1fr!important}
  .project-filter-reset{grid-column:auto}
}
.filter-action-button{padding:0 24px;border:1px solid #2d2926;border-radius:0;background:#fff;color:#2d2926;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.filter-action-button:hover:not(:disabled),.filter-action-button:focus-visible{background:#2d2926;color:#fff}
.filter-action-button:disabled{opacity:.38;cursor:default}
@media(max-width:700px){.filter-action-button{height:50px}}