:root{ --ink:#20242a; --steel-dark:#333a42; --steel:#4c545d; --steel-light:#767f88; --bronze:#b9853f; --ember:#e8631c; --bg:#f6f3ec; --panel:#ece7d9; --white:#ffffff; --line:#e0dac9; }
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ background:var(--bg); color:var(--ink); font-family:'Quicksand',sans-serif; line-height:1.55; }
h1,h2,h3{ font-family:'Quicksand',sans-serif; font-weight:700; line-height:1.20; letter-spacing:-0.005em; color:var(--ink); }
a{color:inherit;text-decoration:none;transition: opacity 0.2s ease;}
a:hover,a:active {opacity: 0.7;}
img{max-width:100%;display:block;}
ul{list-style:none;}
button{ font-family:'Quicksand',sans-serif; font-weight:600;}
button:hover{background:#333; color:#fff;}
.erzurum{max-width:1240px;margin:0 auto;padding:0 32px;}
.icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.metal{background:var(--steel-dark);color:#dfe2e4;font-size:13.5px;}
.metal .erzurum{display:flex;justify-content:space-between;align-items:center;height:38px;}
.metal .phone{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--white);}
.metal .phone .icon{width:15px;height:15px;color:var(--bronze);}
header.nav{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
header.nav .erzurum{display:flex;align-items:center;justify-content:space-between;height:92px;gap:24px;}
.logo img{height:72px;}
nav.menu ul{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
nav.menu a{font-size:14px;font-weight:600;color:var(--steel-dark);padding:9px 16px;border-radius:20px;background:var(--panel);border:1px solid transparent;transition:background .15s ease, color .15s ease, transform .15s ease;white-space:nowrap;}
.nav-cta{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--ember),#c94f14);color:var(--white);font-weight:700;font-size:14.5px;padding:12px 22px;border-radius:8px;box-shadow:0 8px 18px -6px rgba(232,99,28,.55);flex-shrink:0;}
.nav-cta .icon{width:16px;height:16px;}

.hero{background:var(--bg);position:relative;overflow:hidden;}
.hero .erzurum{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;padding-top:20px;padding-bottom:20px;align-items:center;}
.hero .eyebrow{color:var(--bronze);font-weight:700;font-size:14px;margin-bottom:16px;letter-spacing:.02em;}
.hero h1{font-size:48px;margin-bottom:20px;}
.hero h1 span{color:var(--ember);}
.hero p.lead{font-size:17px;color:var(--steel);max-width:46ch;margin-bottom:30px; text-align:justify;}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;font-weight:700;font-size:15px;border-radius:8px;}
.btn-primary{background:linear-gradient(135deg,var(--ember),#c94f14);color:var(--white);box-shadow:0 10px 22px -8px rgba(232,99,28,.55);}
.btn-outline{border:1.5px solid var(--steel-light);color:var(--steel-dark);}
.btn-outline:hover{background:var(--panel);}
.hero-figure{position:relative;aspect-ratio:4/3.7;border-radius:16px;overflow:hidden;background:linear-gradient(155deg,#5a626b,#333a42 75%);display:flex;flex-direction:column;align-items:stretch;box-shadow:0 24px 48px -18px rgba(51,58,66,.45);}
.hero-figure::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 28%, rgba(232,99,28,.55), transparent 42%);}
.hero-figure img{position:relative;z-index:1;display:block;width:100%;height:0;min-height:0;flex:1 1 auto;object-fit:contain;object-position:center bottom;margin-top:16px;}
.hero-figure p.cap{position:relative;z-index:2;display:block;flex:0 0 auto;margin:0;padding:12px 18px 18px;color:#e7e9ea;font-size:15px;line-height:1.45;text-align:center;}

.detay{background:var(--bg);position:relative;overflow:hidden;align-items:center;}
.detay .erzurum{display:flex;flex-direction: column;padding-top:20px;padding-bottom:20px;align-items:center;}
.detay h1{font-size:25px;margin-bottom:15px;}
.detay div.lead{font-size:17px;color:var(--steel);margin-bottom:20px; text-align:justify;}
.detay .cta-row{display:flex;gap:14px;flex-wrap:wrap;}
.detay img{align-items:center;border-radius:8px;}
.detay h2, .detay p { margin:20px 0; text-align: justify;}
.detay-resimler { display: flex; flex-direction: column; align-items: center; }

.sosyal-paylasim { display: flex; flex-wrap: wrap; max-width: 560px; align-items: center; justify-content: center; gap: 10px; margin: 15px auto; padding: 10px; background:var(--panel); border-radius: 8px; }
.sosyal-paylasim p { margin: 0; font-weight: 600; color: #333; }
.sosyal-paylasim button { border: none; border-radius: 5px; font-size: 15px; font-weight: 600; cursor: pointer; padding: 6px 12px; }
.sosyal-paylasim .puan { width: 35px; height: 35px; background-image: url('/img/puan.png'); display: flex; justify-content: center; align-items: center; }
.sosyal-paylasim .kisi { padding: 6px 10px; background-color: #ccc; color: black; border-radius: 5px; }
.review-rating { color: #e8971a; font-size: 20px; margin-left: 8px; line-height: 1; vertical-align: middle; }

.stats{background:var(--panel);}
.stats .erzurum{display:flex;justify-content:space-between;padding:24px 32px;flex-wrap:wrap;gap:18px;}
.stats .item{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;color:var(--steel-dark);}
.stats .item b{font-size:24px;display:block;color:var(--ink);}
.stat-icon{width:32px;height:32px;flex-shrink:0;color:var(--ember);}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:24px;flex-wrap:wrap;padding-top:10px;}
.sec-head h2{font-size:20px;}
.sec-head p{color:var(--steel);font-size:15px;white-space:nowrap;}

.works{padding:26px 0 20px;}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
figure.work{margin:0;}
figure.work.big{grid-column:span 3;}
.work-photo{aspect-ratio:4/3;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(160deg,#5a626b,#333a42);display:flex;align-items:center;justify-content:center;}
.work-photo img {width: 100%;height: 100%;display: block;object-fit: cover;}
figcaption.caption{font-size:13px;color:var(--steel-light);margin-top:12px;max-width:44ch;}
figure.work h3{font-size:16.5px;margin-top:5px;color:var(--ink);line-height:0.9;}

.quicklinks{padding:15px 0 5px;}
.ql-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.ql-btn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px 14px;font-weight:600;font-size:15px;color:var(--steel-dark);transition:border-color .15s ease, transform .15s ease;}
.ql-btn:hover{border-color:var(--ember);transform:translateY(-3px);}
.ql-btn .icon{width:26px;height:26px;color:var(--ember);}

.refs{background:var(--panel);padding:20px 0;}
.ref-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ref-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:28px;}
.ref-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.ref-logo{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ref-logo img{border-radius:50%;}
.ref-top .org{font-size:14px;font-weight:700;color:var(--ink);}
.ref-card .quote{font-size:14.5px;color:var(--steel);}

.newworks{padding:20px 0;}
.new-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
figure.new{margin:0;}
.new-photo{aspect-ratio:16/11;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(160deg,#8a8f95,#4c545d);display:flex;align-items:center;justify-content:center;}
.new-photo img {width: 100%;height: 100%;display: block;object-fit: cover;}
figure.new figcaption{font-size:12.5px;color:var(--steel-light);margin-top:10px;}
figure.new h3{font-size:16.5px;margin-top:5px;color:var(--ink);line-height:0.9;}

footer{background:#20242a;color:#b7bbbe;padding:40px 0 0;}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:24px;border-bottom:1px solid #333a42;}
footer .brand-block img{height:36px;margin-bottom:14px;filter:brightness(0) invert(1);}
footer .brand-block p{font-size:12px;color:#8f9498;max-width:30ch;}
.foot-social{display:flex;gap:10px;margin-top:16px;}
.foot-social a{width:40px;height:40px;border-radius:50%;border:1px solid #3a4148;display:flex;align-items:center;justify-content:center;}
.foot-social .icon{width:15px;height:15px;}
footer h4{color:var(--white);font-size:14.5px;margin-bottom:16px;font-weight:700;}
footer ul li{margin-bottom:10px;font-size:13.5px;}
.foot-contact li{display:flex;align-items:center;gap:9px;}
.foot-contact .icon{width:15px;height:15px;color:var(--bronze);flex-shrink:0;}
.foot-bottom{padding:22px 0;font-size:12.5px;display:flex;justify-content:space-between;color:#787d81;flex-wrap:wrap;gap:8px;}

.teklif-form {display: flex;flex-direction: column;gap: 20px;min-width: 300px;margin: 0 auto;}
.form-grup {display: flex;flex-direction: column;gap: 6px;}
.form-grup label {font-weight: 600;font-size: 14px;}
.form-grup input, .form-grup select, .form-grup textarea {padding: 12px 14px;border: 1px solid #ccc;border-radius: 8px;font-family: inherit;font-size: 15px;}
.form-grup input:focus, .form-grup select:focus, .form-grup textarea:focus {outline: none;border-color: #e0621f;}
.form-grup textarea {resize: vertical;}
.teklif-form .btn {align-self: flex-start;padding: 12px 28px;border: none;cursor: pointer;}

.destek-btn { position: fixed; bottom: 10px; right: 10px; background: linear-gradient(135deg, #2c5f2d, #4a8c4b); color: #fff; box-shadow: 0 4px 12px rgba(139, 111, 71, 0.4); color: #fff; padding: 14px 22px; border-radius: 10px; border: none; font-weight: bold; font-size: 16px; cursor: pointer; z-index: 9999; }
.destek-btn svg { font-size: 19px; vertical-align: middle; }
.destek-panel { position: fixed;   background: linear-gradient(135deg, #8B6F47, #A0826D); box-shadow: 0 4px 12px rgba(139, 111, 71, 0.4); bottom: 65px; right: 10px; border-radius: 15px; overflow: hidden; z-index: 9998; opacity: 0; pointer-events: none; }
.destek-panel.active { opacity: 1; transform: translateY(0); pointer-events: all; }
.destek-link { display: flex; align-items: center; gap: 12px; padding: 16px 24px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-decoration: none; font-weight: 600; font-size: 15px; }
.destek-link:last-child { border-bottom: none; }
.destek-link svg { font-size: 20px; color: #fff; }

@media (max-width:980px){
.logo img{width:220px; height:auto; }
.nav-cta{gap:8px;font-size:13px;padding:12px 12px;}
.nav-cta .icon{width:16px;height:16px;}
header.nav .erzurum{height:72px;}
nav.menu{display:none;}
.hero .erzurum{grid-template-columns:1fr;}
.hero h1{font-size:28px;}
.hero p.lead{font-size:16px; line-height:17px;}
.btn{padding:15px;}
.hero-figure{margin-top:-20px;}
.work-grid{grid-template-columns:repeat(2,1fr);}
figure.work.big{grid-column:span 2;}
.ql-row{grid-template-columns:repeat(2,1fr);}
.ref-row{grid-template-columns:1fr;}
.new-row{grid-template-columns:repeat(2,1fr);}
.foot-top{grid-template-columns:1fr 1fr;}
.stats .erzurum{display:grid;grid-template-columns:1fr 1fr;row-gap:22px;column-gap:16px;}
.yapi{display:none;} }