/* Üretildi: web/kaynak/wp-tasarim.js — elle düzenleme; kaynak web/tasarim/ana-sayfa */


.mg-ust{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--cizgi);height:96px}
.mg-ust .ic{height:100%;display:flex;align-items:center;justify-content:space-between;width:1392px}
.mg-ust .logo{height:52px}
.mg-ust nav{display:flex;gap:34px;font-size:13.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.mg-ust nav a{display:flex;align-items:center;gap:8px}
.mg-ust nav a i{width:6px;height:6px;border-right:1.5px solid #111;border-bottom:1.5px solid #111;transform:rotate(45deg) translateY(-2px)}
.sag{display:flex;align-items:center;gap:16px}
.ara{width:24px;height:24px;border:3px solid #111;border-radius:50%;position:relative}.ara:after{content:"";position:absolute;width:3px;height:10px;background:#111;right:-6px;bottom:-8px;transform:rotate(-45deg)}

.hero{position:relative;height:720px;overflow:hidden;color:#fff}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.66) 44%,rgba(10,10,12,.05) 72%)}
.hero .yazi{position:absolute;z-index:2;left:max(24px,calc(50% - 670px));top:140px;width:760px}
.hero .ust-not{color:#ffb3b3}
.hero h1{font-size:58px;font-weight:600;line-height:1.08;letter-spacing:-.015em;margin:24px 0 24px}
.hero h1 b{font-weight:700;color:#fff;text-decoration:underline;text-decoration-color:var(--kirmizi-acik);text-decoration-thickness:5px;text-underline-offset:10px}
.hero p{font-size:19px;line-height:1.65;color:#e2e5e8;max-width:620px}
.hero .btn{display:flex;gap:14px;margin-top:38px}
.hero .konum{position:absolute;z-index:2;right:max(24px,calc(50% - 670px));bottom:36px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dfe3e6;background:rgba(0,0,0,.45);padding:8px 14px;border-radius:999px}

.markalar{padding:96px 0 40px}
.markalar .izgara{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.mk{position:relative;height:520px;border-radius:18px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:46px}
.mk>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mk:after{content:"";position:absolute;inset:0}
.mk.mv:after{background:linear-gradient(180deg,rgba(12,63,110,0) 30%,rgba(12,40,70,.9) 100%)}
.mk.ds:after{background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.88) 100%)}
.mk .z{position:relative;z-index:2}
.mk .marka-logo{height:42px;margin-bottom:22px}
.mk .marka-logo.beyaz-zemin{background:#fff;padding:8px 14px;border-radius:8px;height:56px}
.mk .rol{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:16px}
.mk.mv .rol{background:var(--magvia)} .mk.ds .rol{background:var(--dsppa-koyu)}
.mk h3{font-size:30px;font-weight:700;line-height:1.2}
.mk p{font-size:16.5px;line-height:1.6;color:#e7eaec;margin:12px 0 24px;max-width:520px}
.mk .seri{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.mk .seri span{font-size:12.5px;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:5px 12px;background:rgba(0,0,0,.45);backdrop-filter:blur(6px)}

.uretim{padding:80px 0 96px}
.uretim .izgara{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.uretim h2{font-size:40px;font-weight:700;line-height:1.18;margin:18px 0 20px}
.uretim p{font-size:18px;line-height:1.7;color:var(--ikincil)}
.uretim ul{list-style:none;margin:26px 0 34px}
.uretim li{padding:12px 0;border-top:1px solid var(--cizgi);font-size:16px;display:flex;gap:14px;align-items:center}
.uretim li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kirmizi)}
.foto-izgara{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:240px 240px;gap:14px}
.foto-izgara figure{position:relative;border-radius:12px;overflow:hidden}
.foto-izgara figure.uzun{grid-row:span 2}
.foto-izgara img{width:100%;height:100%;object-fit:cover}
.foto-izgara figcaption{position:absolute;left:12px;bottom:12px;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);padding:5px 10px;border-radius:999px}

.sektor{background:var(--sis);padding:96px 0}
.sektor .izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sk{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--cizgi)}
.sk img{width:100%;height:220px;object-fit:cover}
.sk .ic2{padding:22px 24px 26px}
.sk h4{font-size:21px;font-weight:700}
.sk .iki{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.sk .iki div{font-size:13.5px;line-height:1.45;color:var(--ikincil);padding-left:12px;border-left:3px solid}
.sk .iki .mv{border-color:var(--magvia)} .sk .iki .ds{border-color:var(--dsppa)}
.sk .iki b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--metin);margin-bottom:4px}

.belge{padding:80px 0}
.belge .ic{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;border:1px solid var(--cizgi);border-radius:18px;padding:44px 52px}
.belge h3{font-size:28px;font-weight:700}
.belge p{font-size:16.5px;color:var(--ikincil);margin-top:8px}
.belge .btns{display:flex;gap:12px}

.uretim2{padding:96px 0}
.uretim2 .ic{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:center}
.uretim2 h2{font-size:36px;font-weight:700;line-height:1.2;margin:16px 0 14px}
.uretim2 p{font-size:17px;line-height:1.7;color:var(--ikincil);margin-bottom:26px}
.serit4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.serit4 figure{position:relative;height:340px;border-radius:12px;overflow:hidden}
.serit4 img{width:100%;height:100%;object-fit:cover}
.serit4 figcaption{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);padding:5px 10px;border-radius:999px}
.vitrin{padding:10px 0 96px}
.vitrin .bas2{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}
.vitrin .bas2 h2{font-size:36px;font-weight:700}
.vitrin .sekme{display:flex;gap:8px}
.vitrin .sekme span{font-size:13px;font-weight:600;padding:9px 18px;border-radius:999px;border:1.5px solid var(--cizgi)}
.vitrin .sekme span.on{background:#111;color:#fff;border-color:#111}
.urunler{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.ur{border-radius:14px;overflow:hidden;background:var(--sis);display:flex;flex-direction:column}
.ur .g{height:190px;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#eceef0 70%)}.ur.mv .g{background:#eaeef4;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.ur.mv .g img{filter:contrast(1.08) brightness(.97)}
.ur.ds .g{background:radial-gradient(ellipse at 50% 45%,#fff 0%,#eceef0 70%)}
.ur .g img{max-height:150px;object-fit:contain}
.ur .b{padding:16px 18px 20px}
.ur em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.14em}
.ur.mv em{color:var(--magvia)} .ur.ds em{color:var(--dsppa-koyu)}
.ur b{display:block;font-size:16px;margin:6px 0 4px}
.ur small{font-size:13px;color:var(--ikincil);line-height:1.4}
.belge2{padding:90px 0}
.belge2 .kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bk{border:1px solid var(--cizgi);border-radius:14px;padding:26px}
.bk b{display:block;font-size:18px;margin-bottom:6px}
.bk span{font-size:14px;color:var(--ikincil)}
.bk i{display:block;width:34px;height:4px;background:var(--kirmizi);margin-bottom:18px;border-radius:2px}