*{box-sizing:border-box;margin:0;padding:0}
.wrap{font-family:'Poppins', system-ui, sans-serif;font-size:23px;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden}
.topbar{background:#1A3A5C;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:54px;gap:16px}
.logo{color:#fff;font-size:23px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}
.parent-tag{font-size:19px;color:#A98418;border:0.5px solid rgba(200,168,75,.35);padding:2px 8px;border-radius:3px}
.nav-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nl{color:#8aa8c4;font-size:21px;cursor:pointer}
.nl.active{color:#fff;border-bottom:1.5px solid #C8A84B;padding-bottom:2px}
.cta-pill{background:#C8A84B;color:#1A3A5C;font-size:20px;font-weight:500;padding:6px 14px;border-radius:3px;cursor:pointer;white-space:nowrap}
.bc{background:#EFF4F9;padding:8px 24px;font-size:20px;color:#5580a4;border-bottom:0.5px solid #d5e4f0}
.bc span{color:#2E6DA4}
.hero{background:#fff;padding:32px 24px;position:relative;overflow:hidden}
.hero-pat{position:absolute;inset:0;pointer-events:none}
.hero-kicker{color:#A98418;font-size:19px;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;position:relative}
.hero-h{color:#1A3A5C;font-size:29px;font-weight:500;margin-bottom:9px;position:relative}
.hero-p{color:#333;font-size:21px;line-height:1.65;max-width:1000px;margin-bottom:20px;position:relative}
.hero-kicker, .hero-h, .hero-p {
    padding-left: 90px; /* move text slightly more to the right */
    max-width: calc(100% - 90px);
}
.hero-row{display:flex;gap:10px;position:relative;flex-wrap:wrap}
.hero-img{width:100%;max-width:1100px;max-height:480px;height:auto;display:block;margin:12px auto 18px;border-radius:6px;object-fit:cover}
.btn-blue{background:#2E6DA4;color:#fff;font-size:21px;font-weight:500;padding:11px 22px;border-radius:4px;cursor:pointer;border:none}
.btn-gold{background:#C8A84B;color:#1A3A5C;font-size:21px;font-weight:500;padding:11px 22px;border-radius:4px;cursor:pointer;border:none}
.body{padding:24px}
tabs{display:flex;border-bottom:0.5px solid var(--color-border-tertiary);margin-bottom:20px;flex-wrap:wrap;gap:6px}
.tabs{padding-left:90px;padding-right:24px}
.tab{font-size:21px;padding:9px 18px;cursor:pointer;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-0.5px;white-space:nowrap}
.tab.active{color:#1A3A5C;font-weight:500;border-bottom-color:#1A3A5C}
cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.cards{padding-left:90px;padding-right:24px}
.card{border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);overflow:hidden}
.card-hd{background:#EFF4F9;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:0.5px solid var(--color-border-tertiary);gap:10px}
.card-series{color:#1A3A5C;font-size:21px;font-weight:500}
.badge{font-size:19px;padding:3px 9px;border-radius:3px;white-space:nowrap}
.card-bd{padding:12px 14px}
.card-name{color:var(--color-text-primary);font-size:22px;font-weight:500;margin-bottom:4px}
.card-use{color:var(--color-text-secondary);font-size:20px;margin-bottom:8px;line-height:1.4}
.adv{font-size:20px;color:var(--color-text-secondary);display:flex;align-items:center;gap:5px;margin-bottom:3px}
.adv::before{content:'';width:4px;height:4px;background:#2E6DA4;border-radius:50%;flex-shrink:0}
.spec-box{background:#F7F9FC;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:24px}
.spec-head{background:#1A3A5C;color:#fff;font-size:21px;font-weight:500;padding:10px 14px}
.spec-t{width:100%;border-collapse:collapse}
.spec-t tr{border-bottom:0.5px solid var(--color-border-tertiary)}
.spec-t tr:last-child{border-bottom:none}
.spec-t td{padding:10px 14px;font-size:21px}
.spec-t td:first-child{color:var(--color-text-secondary);width:44%;font-weight:500}
.spec-t tr:nth-child(even) td{background:rgba(239,244,249,.5)}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-navy{background:#1A3A5C;color:#fff;font-size:21px;font-weight:500;padding:11px 22px;border-radius:4px;border:none;cursor:pointer}
.btn-amber{background:#C8A84B;color:#1A3A5C;font-size:21px;font-weight:500;padding:11px 22px;border-radius:4px;border:none;cursor:pointer}
.btn-sec{background:var(--color-background-secondary);color:var(--color-text-primary);font-size:21px;padding:11px 22px;border-radius:4px;border:0.5px solid var(--color-border-secondary);cursor:pointer}

/* Features grid (same as dryer.css) */
/* Features grid */
.feats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 24px;
    width: 100%;
}

.feat {
    padding: 14px;
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-md);
    border-top: 2px solid #1A3A5C;
    min-width: 0;
    height: auto;
}

.feat-title {
    color: var(--color-text-primary);
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0; /* 55px kaldırıldı */
    line-height: 1.3;
}

.feat-desc {
    color: var(--color-text-secondary);
    font-size: 20px;
    line-height: 1.5;
    word-break: normal;
    overflow-wrap: break-word;
    text-align: center;
}

.feat-icon {
    width: 38px;
    height: 38px;
    background: #EFF4F9;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    margin-bottom: 8px;
}

@media (max-width: 992px){
  .cards{grid-template-columns:1fr}
}

/* Tablet */
@media (max-width: 992px) {
    .cards {
        grid-template-columns: 1fr;
    }

    .feats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobil */
@media (max-width: 576px) {
    .topbar {
        padding: 0 16px;
        height: auto;
        min-height: 54px;
        flex-wrap: wrap;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bc {
        padding: 8px 16px;
        font-size: 16px;
    }

    .hero {
        padding: 24px 16px;
    }

    .hero-kicker,
    .hero-h,
    .hero-p {
        padding-left: 0;
        max-width: 100%;
    }

    .hero-kicker {
        font-size: 15px;
        letter-spacing: 1px;
    }

    .hero-h {
        font-size: 25px;
    }

    .hero-p {
        font-size: 17px;
        line-height: 1.55;
    }

    .hero-img {
        max-height: none;
        margin: 10px auto 14px;
    }

    .body {
        padding: 16px;
    }

    .feats {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .feat {
        padding: 14px 16px;
    }

    .feat-title {
        font-size: 19px;
        margin-left: 0;
    }

    .feat-desc {
        font-size: 17px;
        line-height: 1.45;
    }

    .spec-t td:first-child {
        width: auto;
    } 

    @media (max-width: 576px) {
        .topbar {
            padding: 0 16px;
            height: auto;
            min-height: 54px;
            flex-wrap: wrap;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .bc {
            padding: 8px 16px
        }

        .hero {
            padding: 24px 16px
        }

        .hero-kicker, .hero-h, .hero-p {
            padding-left: 16px;
            max-width: calc(100% - 32px);
        }

        .body {
            padding: 16px
        }

        .spec-t td:first-child {
            width: auto
        }
    }