/* Yazı tipleri kendi sunucumuzdan */
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/archivo-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/archivo-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/karla-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Karla";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/karla-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Karla";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/karla-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Karla";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/karla-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* didimyeniproje.tr — beton grisi, iş güvenliği sarısı, şantiye siyahı */
:root {
  --zemin: #E8EAEB; --yuzey: #FFFFFF; --metin: #141618; --soluk: #565B60; --cizgi: #CBCFD2;
  --vurgu: #F5C400; --vurgu-koyu: #D9AD00; --vurgu-metin: #141618; --vurgu-acik: #F5C400; --vurgu-yazi: #7A5F00; --ikincil: #D5D8DA;
  --bag: #1D5FA8;
  --koyu: #141618; --koyu-metin: #A9AEB2; --koyu-baslik: #FFFFFF;
  --f-baslik: "Archivo", "Arial Black", system-ui, sans-serif; --f-govde: "Karla", system-ui, sans-serif; --f-etiket: "Karla", system-ui, sans-serif;
  --baslik-kalinlik: 800; --kose: 0;
}
h1, h2, h3 { letter-spacing: -.02em; }
.k-marka { font-weight: 800; font-size: 1.15rem; letter-spacing: .02em; }
.k-marka b { background: var(--vurgu); color: var(--metin); padding: 2px 6px; }
.k-dugme--ana:hover { background: var(--metin); color: var(--vurgu); }
.p-acilis { padding-top: clamp(40px, 7vw, 92px); }
.p-acilis h1 { font-size: clamp(2.6rem, 6.6vw, 5.6rem); line-height: .95; text-transform: uppercase; max-width: 15ch; }
.p-acilis__giris { font-size: 1.15rem; color: var(--soluk); max-width: 58ch; margin-bottom: 26px; }
.p-bant { height: 22px; margin-top: clamp(36px, 5vw, 56px); background: repeating-linear-gradient(-45deg, var(--vurgu) 0 22px, var(--metin) 22px 44px); }
.p-asamalar { list-style: none; counter-reset: a; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); border-left: 1px solid var(--metin); background: var(--yuzey); }
.p-asamalar li { counter-increment: a; padding: 20px 18px 24px; border-right: 1px solid var(--metin); border-bottom: 1px solid var(--metin); position: relative; }
.p-asamalar li::before { content: counter(a, decimal-leading-zero); display: block; font: 800 2rem/1 var(--f-baslik); color: var(--vurgu-yazi); margin-bottom: 12px; }
.p-asamalar h2 { font-size: 1.05rem; text-transform: uppercase; margin-bottom: .4em; }
.p-asamalar p { margin: 0; font-size: .92rem; color: var(--soluk); }
@media (max-width: 1000px) { .p-asamalar { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .p-asamalar { grid-template-columns: 1fr; } }