/* Üretildi: web/kaynak/wp-tasarim.js — elle düzenleme; kaynak web/tasarim/ana-sayfa */
.yol{font-size:13px;color:#cfd4d8;display:flex;gap:10px;align-items:center}
.yol a{color:#fff}.yol span{opacity:.6}

.mhero{position:relative;height:640px;overflow:hidden;color:#fff}
.mhero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,10,.88) 0%,rgba(6,8,10,.55) 42%,rgba(6,8,10,.05) 75%)}
.mhero .yazi{position:absolute;z-index:2;left:max(24px,calc(50% - 670px));top:70px;bottom:70px;width:680px;display:flex;flex-direction:column;justify-content:center}
.mhero .marka-logo{height:46px;margin:34px 0 22px;align-self:flex-start}
.mhero .marka-logo.kart{background:#fff;padding:10px 18px;border-radius:10px;height:84px}
.mhero .rol{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--vurgu);padding:7px 14px;border-radius:999px}
.mhero h1{font-size:58px;font-weight:600;line-height:1.08;letter-spacing:-.015em;margin:20px 0 18px}
.mhero p{font-size:19px;line-height:1.65;color:#e1e5e8;max-width:600px}
.mhero .btn{display:flex;gap:14px;margin-top:34px}
.pill.vurgu{background:var(--vurgu-koyu);border-color:var(--vurgu-koyu);color:#fff}

.altmenu{position:sticky;top:96px;z-index:40;background:#fff;border-bottom:1px solid var(--cizgi)}
.altmenu .ic{display:flex;gap:6px;height:62px;align-items:center}
.altmenu a{font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;color:var(--ikincil)}
.altmenu a.on{background:var(--vurgu-koyu);color:#fff}
.altmenu .bosluk{flex:1}
.altmenu .dis{font-size:13px;color:var(--vurgu-koyu);border:1.5px solid var(--vurgu);}

.rolserit{background:var(--sis);border-bottom:1px solid var(--cizgi)}
.rolserit .ic{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.rolserit div{padding:30px 34px;border-right:1px solid var(--cizgi);font-size:15px;line-height:1.55;color:var(--ikincil)}
.rolserit div:last-child{border-right:0}
.rolserit b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu-koyu);margin-bottom:8px}
.rolserit strong{color:var(--metin);font-weight:700}

.bolum{padding:90px 0}
.bolum.gri{background:var(--sis)}
.bas3{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:40px}
.bas3 h2{font-size:38px;font-weight:700;line-height:1.15}
.bas3 p{font-size:17px;color:var(--ikincil);line-height:1.6;max-width:560px;margin-top:10px}
.ust-not.v:before{background:var(--vurgu)}
.ust-not.v{color:var(--vurgu-koyu)}

.belge4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.belge4 a{border:1px solid var(--cizgi);border-radius:14px;padding:26px;background:#fff}
.belge4 i{display:block;width:34px;height:4px;background:var(--vurgu);margin-bottom:18px;border-radius:2px}
.belge4 b{display:block;font-size:18px;margin-bottom:6px}
.belge4 span{font-size:14px;color:var(--ikincil)}

.satin-al.bayi .bayi-ikon{width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.satin-al.bayi .bayi-btn{display:flex;gap:12px}