:root{--navy:#020118;--gold:#dfb66f;--gold2:#c6964c;--text:#4b4b4b;--light:#f5f5f5;--line:#e7e7e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#bcbac8;font-size:12px}.topbar .wrap{height:42px;display:flex;align-items:center;justify-content:space-between}.topbar div div{display:flex;gap:24px}.topbar a{display:flex;align-items:center;gap:6px;color:#ddd}.topbar svg,.call svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}header{background:#fff;border-bottom:5px solid var(--gold);position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(0,0,0,.08)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.logo img{width:245px;height:55px;object-fit:contain}nav{display:flex;align-items:center;height:100%}nav a{height:100%;display:flex;align-items:center;padding:0 18px;text-transform:uppercase;font-weight:700;font-size:13px;color:#444;border-top:4px solid transparent}nav a:hover,nav a.active{color:var(--gold2);border-top-color:var(--gold)}.menu-toggle{display:none;background:none;border:0;font-size:30px}.hero{height:560px;position:relative;color:#fff;overflow:hidden;background:#111}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,1,24,.9),rgba(2,1,24,.45) 55%,rgba(2,1,24,.12)),url('images/kilic-kepenk-urunler-otomatik-kepenk-sistemleri.jpg') center/cover}.hero .wrap{height:100%;position:relative;display:flex;align-items:center}.hero-content{max-width:680px}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:13px;font-weight:800}.hero h1{font-size:56px;line-height:1.08;margin:16px 0 20px;text-transform:uppercase}.hero p{font-size:18px;color:#ddd;max-width:610px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);padding:13px 24px;font-weight:800;text-transform:uppercase;font-size:13px;border:0;cursor:pointer}.btn:hover{background:#fff}.section{padding:80px 0}.section.gray{background:var(--light)}.section.navy{background:var(--navy);color:#fff}.title{text-align:center;margin:0 0 50px}.title h2{font-size:38px;color:#444;letter-spacing:1px;margin:0;text-transform:uppercase}.title h2:after{content:"";display:block;width:75px;height:3px;background:var(--gold);margin:14px auto}.title p{max-width:730px;margin:12px auto;color:#777}.section.navy .title h2{color:#fff}.product-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;justify-items:center}.product-groups a{width:100%;display:flex;justify-content:center;transition:.25s}.product-groups img{width:266px}.product-groups a:hover{transform:translateY(-7px)}.product-groups a:nth-child(4){grid-column:1/2;margin-left:50%}.product-groups a:nth-child(5){grid-column:2/3;margin-left:50%}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px rgba(0,0,0,.07);overflow:hidden}.card img{height:205px;width:100%;object-fit:cover}.card-body{padding:22px}.card h3{margin:0 0 10px;color:#333}.card p{font-size:14px;color:#777}.more{color:var(--gold2);font-weight:800;font-size:12px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.service{text-align:center}.service img{height:180px;margin:auto}.service h3{color:#fff;font-size:19px}.service p{color:#aaa;font-size:14px}.page-hero{background:linear-gradient(rgba(2,1,24,.82),rgba(2,1,24,.82)),url('images/home_fix_subheader_bg1.jpg') center/cover fixed;color:#fff;padding:75px 0}.page-hero h1{font-size:52px;font-weight:300;margin:0}.page-hero p{color:var(--gold);margin:5px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split h2{font-size:34px;line-height:1.25;color:#333}.split p{color:#777}.split img.main{width:100%;max-height:450px;object-fit:cover}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.value{border-top:3px solid var(--gold);background:#fff;padding:25px;box-shadow:0 8px 22px rgba(0,0,0,.06)}.value h3{margin-top:0;color:#333}.product-row{display:grid;grid-template-columns:390px 1fr;gap:35px;padding:35px 0;border-bottom:1px solid var(--line)}.product-row:nth-child(even){grid-template-columns:1fr 390px}.product-row:nth-child(even) .product-art{order:2}.product-art{min-height:280px;background:#f3eee6;display:grid;place-items:center;overflow:hidden}.product-art img.photo{width:100%;height:100%;object-fit:cover}.product-art img.icon{height:230px}.product-row h3{font-size:27px;color:#333}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery a{height:270px;overflow:hidden;background:#eee;position:relative}.gallery img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery a:hover img{transform:scale(1.05);filter:brightness(.75)}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.contact-box{background:var(--navy);color:#fff;padding:35px}.contact-box h3{color:var(--gold)}.contact-box a{display:block;margin:9px 0}.form{display:grid;gap:13px}.form input,.form textarea{padding:14px;border:1px solid #ddd;font:inherit}.form textarea{height:135px}.map{width:100%;height:340px;border:0;margin-top:35px}.call{background:linear-gradient(rgba(2,1,24,.87),rgba(2,1,24,.87)),url('images/home_fix_subheader_bg1.jpg') center/cover;color:#fff;padding:46px 0}.call .wrap{display:flex;justify-content:space-between;align-items:center}.call span{color:var(--gold);font-size:12px;letter-spacing:3px}.call h2{margin:4px 0;font-weight:300}.call a{display:flex;align-items:center;gap:12px;font-size:34px;color:var(--gold);font-weight:700}footer{background:var(--navy);color:#9d9bac;padding:55px 0 0}.foot{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:50px}.foot img{width:222px}.foot h3{color:#fff}.foot a{display:block;margin:7px 0}.copyright{border-top:1px solid #24223d;text-align:center;padding:20px;margin-top:40px;font-size:12px}.whatsapp{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;z-index:60;box-shadow:0 10px 25px rgba(0,0,0,.3)}.whatsapp svg{width:32px;height:32px;fill:#fff}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;z-index:100;padding:25px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh}.lightbox button{position:absolute;right:25px;top:15px;color:#fff;background:none;border:0;font-size:44px;cursor:pointer}@media(max-width:980px){.menu-toggle{display:block}header nav{display:none;position:absolute;top:92px;left:0;right:0;height:auto;background:#fff;flex-direction:column;align-items:stretch;padding:10px 20px;box-shadow:0 15px 30px rgba(0,0,0,.15)}header nav.open{display:flex}nav a{height:auto;padding:12px 8px;border-top:0;border-left:3px solid transparent}.cards,.services{grid-template-columns:repeat(2,1fr)}.product-groups{grid-template-columns:repeat(2,1fr)}.product-groups a:nth-child(4),.product-groups a:nth-child(5){grid-column:auto;margin-left:0}.split,.contact{grid-template-columns:1fr}.product-row,.product-row:nth-child(even){grid-template-columns:1fr}.product-row:nth-child(even) .product-art{order:0}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.topbar .wrap{height:auto;padding:9px 0;align-items:flex-start}.topbar .wrap>span{display:none}.topbar div div{gap:7px;flex-direction:column}.nav{height:76px}.logo img{width:205px}.hero{height:540px}.hero h1{font-size:37px}.section{padding:58px 0}.title h2{font-size:29px}.product-groups,.cards,.services,.values,.gallery,.foot{grid-template-columns:1fr}.product-groups a:nth-child(4),.product-groups a:nth-child(5){margin:0}.page-hero h1{font-size:39px}.call .wrap{flex-direction:column;align-items:flex-start}.call a{font-size:24px}.gallery a{height:240px}}