@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--green:#186647;--ink:#19372e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#f7f8f4;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #95c45a}.top{color:#dce8dd;background:#123b2c;justify-content:space-between;padding:10px 6%;font-size:12px;display:flex}header{background:#fff;justify-content:space-between;align-items:center;height:100px;padding:0 6%;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font:800 25px Manrope,Arial;display:flex}.brand small{letter-spacing:3px;margin-top:3px;font:600 10px Arial;display:block}.mark{color:var(--green);font-size:45px}nav{gap:30px;font-size:14px;display:flex}.outline{color:var(--ink);background:0 0;border:1px solid #ccd6ce;border-radius:6px;padding:12px 18px;font-size:13px}.hero{color:#fff;background:#123d2e;min-height:445px;padding:66px 6% 0;position:relative;overflow:hidden}.hero-inner{z-index:1;position:relative}.eyebrow{letter-spacing:2px;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.eyebrow span,.dot{background:#b8dd7c;border-radius:50%;width:7px;height:7px;display:inline-block}h1{letter-spacing:-2px;margin:24px 0 18px;font:600 clamp(35px,4.1vw,58px)/1.15 Manrope,Arial}h1 em{color:#bdda99;font-style:normal}.hero p{color:#bccdc2;font-size:14px;line-height:1.7}.primary{color:#163d2b;background:#c0df90;border-radius:5px;padding:15px 22px;font-size:13px;font-weight:700;display:inline-block}.hero .primary{margin-top:15px}.art{text-align:center;color:#c1de9d;position:absolute;top:20px;right:9%}.ring{text-shadow:12px 16px #0002;border:1px solid #ffffff13;border-radius:50%;width:340px;height:340px;font-size:240px;line-height:1.35;transform:rotate(-15deg)}.art span{letter-spacing:5px;font-size:10px}.hero-bottom{letter-spacing:2px;color:#a9beb2;border-top:1px solid #ffffff20;justify-content:space-between;margin-top:40px;padding:20px 0;font-size:9px;display:flex}main{max-width:1240px;margin:auto;padding:55px 36px}.section-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.green{color:#45805e}h2{letter-spacing:-1px;margin:10px 0 12px;font:700 30px Manrope,Arial}.section-head p,.info p{color:#748078;font-size:13px;line-height:1.8}.toolbar{background:#edf1e8;border:1px solid #e0e7db;border-radius:7px;justify-content:space-between;align-items:center;margin-top:25px;padding:14px 20px;font-size:12px;display:flex}.updated{align-items:center;gap:8px;display:flex}.dot{background:#4d8c57}label{font-size:12px}select,input{color:var(--ink);background:#fff;border:1px solid #dce1d7;border-radius:5px;padding:10px}label select{margin-left:12px}.filterbar{justify-content:space-between;gap:15px;margin:25px 0 18px;display:flex}.tabs{flex-wrap:wrap;gap:5px;display:flex}.tabs button{color:#778077;background:0 0;border-radius:5px;padding:10px 15px;font-size:12px}.tabs button.active{background:var(--green);color:#fff}.filterbar input{width:200px;font-size:12px}.tablewrap{background:#fff;border:1px solid #e2e7de;border-radius:8px;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:1.3px;color:#6d7d70;background:#f0f3eb;padding:18px 24px;font-size:10px;font-weight:600}td{border-top:1px solid #eef0e9;padding:15px 24px;font-size:13px}td:first-child{align-items:center;gap:14px;display:flex}td b{font-weight:500}.metal{color:#69796b;background:#e9ede7;border-radius:7px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:inline-grid}.mBakır{color:#a45e37;background:#f7e9df}.mSarı{color:#9a7b25;background:#f7f0d9}.mAlüminyum{color:#7a8791;background:#eef0f3}.mKablo{color:#476e5a;background:#e7f0e8}td strong{font-family:Manrope,Arial;font-size:17px}.unit,.muted{color:#8c968c;font-size:12px}.up{color:#268454}.down{color:#b35b46}.note{color:#778271;background:#eef0e7;border-radius:5px;margin-top:16px;padding:14px;font-size:11px}.info{border-top:1px solid #dce3d7;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:40px;margin-top:65px;padding:35px 0;display:grid}.info h2{font-size:27px}.info .primary{background:var(--green);color:#fff}footer{background:#e9eee4;justify-content:space-between;align-items:center;gap:20px;padding:40px 6%;display:flex}footer small{letter-spacing:1px;font-size:9px}footer a{margin-top:8px;font-size:16px;display:block}footer p{color:#71816d;font-size:10px}.overlay{z-index:10;background:#09271caa;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#f8faf5;border-radius:14px;width:850px;max-height:90vh;padding:30px;overflow:auto;box-shadow:0 30px 100px #0003}.modal p{color:#788373;font-size:12px}.modal h2{font-size:25px}.modal form>label{align-items:center;gap:15px;margin:20px 0;display:flex}.editrow{grid-template-columns:2fr 1fr 1fr 28px;gap:8px;margin-bottom:8px;display:grid}.editrow input,.editrow select{min-width:0;font-size:12px}.editrow button,.section-head>button:not(.outline){color:#748070;background:0 0;font-size:20px}.modal-bottom{color:#83907b;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;font-size:11px;display:flex}.notice,.empty{text-align:center;padding:20px}.primary:disabled{opacity:.5}@media (max-width:800px){nav{display:none}.art{opacity:.17;right:-100px}.hero{padding-top:45px}header{height:85px}.brand{font-size:21px}.section-head{align-items:flex-start}main{padding:36px 16px}.filterbar{flex-direction:column}.filterbar input{width:100%}th,td{padding:13px 10px}th{letter-spacing:.4px;font-size:8px}td{font-size:12px}td:first-child{gap:8px}.metal{width:27px;height:30px}td strong{font-size:15px}.info{grid-template-columns:1fr;gap:10px}.info .primary{justify-self:start}footer{flex-wrap:wrap}.hero-bottom span:last-child{display:none}.top{font-size:9px}.toolbar{flex-wrap:wrap;gap:10px;padding:12px}.modal{padding:18px}.overlay{padding:8px}.editrow{grid-template-columns:1.6fr 1fr .8fr 22px;gap:4px}.editrow input,.editrow select{padding:9px 5px}.modal-bottom{flex-wrap:wrap}.unit{font-size:10px}}@media print{header,nav,.top,.hero,.filterbar,.outline,.info,footer,.overlay{display:none!important}main{max-width:none;padding:0}.toolbar{background:#fff}td{padding:9px}table{font-size:11px}body{background:#fff}.tablewrap{overflow:visible}h2{font-size:25px}}nav{gap:20px}.mobile-links{display:none}.page-banner{color:#fff;background:#123d2e;padding:65px max(6%,50vw - 584px)}.page-banner h1{max-width:850px}.page-banner em{color:#bdda99;font-style:normal}.page-banner p{color:#c6d6cb;max-width:650px;line-height:1.8}.service-list{gap:65px;display:grid}.service{grid-template-columns:1fr 1fr;align-items:center;gap:55px;scroll-margin-top:25px;display:grid}.service:nth-child(2n) .service-photo{order:2}.service-photo{background:#e1e6dc;border-radius:12px;display:block;position:relative;overflow:hidden}.service-photo img{object-fit:cover;width:100%;height:370px;transition:transform .3s;display:block}.service-photo:hover img{transform:scale(1.03)}.service-photo>span{color:#fff;background:#123d2e;border-radius:5px;padding:10px 14px;font-size:13px;position:absolute;bottom:18px;left:18px}.service-copy h2{font-size:36px}.service-copy h3{font-size:17px;font-weight:500;line-height:1.6}.service-copy p,.about-intro p{color:#607266;font-size:15px;line-height:1.9}.material-note{background:#edf1e8;border-left:3px solid #8bb76b;margin:20px 0;padding:10px 18px}.material-note p{margin:5px 0}.material-note b{font-size:12px}.contact-band{background:#e6eddf;border-radius:12px;margin-top:55px;padding:35px}.contact-band p{color:#607266;max-width:760px;line-height:1.8}.image-disclaimer,.photo-credit{color:#71816f;font-size:11px;line-height:1.8}.image-disclaimer{margin-top:30px}.image-disclaimer a,.photo-credit a{text-decoration:underline}.gallery-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.gallery-tile{text-align:left;background:#123d2e;border-radius:12px;width:100%;height:350px;padding:0;display:block;position:relative;overflow:hidden}.gallery-tile img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-tile:hover img{transform:scale(1.04)}.gallery-label{color:#fff;background:linear-gradient(#0000,#08271de8);padding:55px 25px 22px;position:absolute;inset:auto 0 0}.gallery-label b{font-size:23px;display:block}.gallery-label small{color:#d4e4ce;margin-top:6px;display:block}.zoom-icon{color:#123d2e;background:#fff;border-radius:50%;padding:8px 13px;font-size:22px;position:absolute;top:18px;right:18px}.lightbox{color:#fff;background:#10271f;border:1px solid #ffffff30;border-radius:12px;width:min(1050px,95vw);max-height:94dvh;padding:16px;overflow:auto}.lightbox::backdrop{background:#04150ff0}.lightbox img{object-fit:contain;width:100%;max-height:72dvh;display:block}.lightbox-top,.lightbox-bottom{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.lightbox button{color:#fff;background:#ffffff16;border-radius:6px;padding:10px 16px}.lightbox-bottom span{color:#c3d2c4;font-size:12px}.about-intro{grid-template-columns:1fr 1.3fr;gap:60px;display:grid}.about-intro h2{font-size:38px}.steps{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px;display:grid}.steps article{border-top:1px solid #cdd8c6;padding-top:22px}.steps span{color:#45805e;font-size:13px}.steps h3{font-size:19px}.steps p{color:#607266;font-size:14px;line-height:1.8}@media (max-width:800px){.mobile-links{white-space:nowrap;background:#fff;border-top:1px solid #eef0e9;gap:22px;padding:14px 6%;font-size:12px;display:flex;overflow-x:auto}.page-banner{padding:40px 6%}.service{grid-template-columns:1fr;gap:20px}.service:nth-child(2n) .service-photo{order:0}.service-photo img{height:270px}.service-list{gap:45px}.service-copy h2{font-size:30px}.gallery-grid{grid-template-columns:1fr;gap:20px}.gallery-tile{height:300px}.about-intro,.steps{grid-template-columns:1fr;gap:20px}.contact-band{padding:25px}.lightbox-bottom span{display:none}.lightbox-top{font-size:14px}header nav{display:none}}@media print{.mobile-links{display:none}}
