.sbs-page {
    --red: #d9222a;
    --red-dark: #a8141b;
    --ink: #1b2024;
    --muted: #626c72;
    --line: #dde2e5;
    --soft: #f5f7f8;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    color: var(--ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Colibri sayfa oluşturucunun eski başlık ve içerik bloklarını ilk çizimde gizler. */
body:has(.sbs-page) #hero-section-1,
body:has(.sbs-page) .h-y-container:has(.sbs-page) > .h-element:not(:has(.sbs-page)) {
    display: none !important;
}

body.sbs-active-page #custom-3,
body.sbs-active-page #custom-3 > .h-section-grid-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.sbs-active-page #custom-3 .h-column__inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.sbs-page * { box-sizing: border-box; }
.sbs-page a { text-underline-offset: 3px; }

.sbs-hero {
    display: flex;
    min-height: 570px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(50px, 8vw, 105px) 24px;
    border: 1px solid var(--line);
    background:
        linear-gradient(90deg, rgba(217, 34, 42, .035) 1px, transparent 1px),
        linear-gradient(rgba(217, 34, 42, .035) 1px, transparent 1px),
        #fff;
    background-size: 44px 44px;
    text-align: center;
}

.sbs-logo { width: 135px; height: auto; margin-bottom: 26px; object-fit: contain; }
.sbs-eyebrow,
.sbs-section-head > span,
.sbs-cta > div > span { margin: 0 0 12px; color: var(--red); font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.sbs-hero h1 { max-width: 1000px; margin: 0; font-size: clamp(46px, 6.3vw, 82px); font-weight: 780; letter-spacing: -.055em; line-height: 1; }
.sbs-lead { max-width: 880px; margin: 25px auto 0; color: #4f5a60; font-size: clamp(17px, 1.6vw, 21px); line-height: 1.7; }

.sbs-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }
.sbs-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 20px; border: 1px solid transparent; color: inherit; font-size: 14px; font-weight: 850; text-decoration: none !important; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; }
.sbs-button:hover,.sbs-button:focus { transform: translateY(-1px); }
.sbs-button--primary { background: var(--red); color: #fff !important; }
.sbs-button--primary:hover { background: var(--red-dark); }
.sbs-button--secondary { border-color: #bbc4c8; background: #fff; color: #2d353a !important; }
.sbs-button--secondary:hover { border-color: #7d898f; }

.sbs-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-top: 28px; color: #59646a; font-size: 12px; font-weight: 750; }
.sbs-trust span::before { content: "✓"; margin-right: 6px; color: var(--red); font-weight: 950; }

.sbs-section { padding: clamp(62px, 8vw, 105px) clamp(22px, 6vw, 85px); border-right: 1px solid var(--line); border-left: 1px solid var(--line); background: #fff; }
.sbs-section--soft { background: var(--soft); }
.sbs-section-head { max-width: 900px; margin-bottom: 38px; }
.sbs-section-head h2 { margin: 0; font-size: clamp(34px, 4.5vw, 58px); font-weight: 750; letter-spacing: -.045em; line-height: 1.06; }
.sbs-section-head p { max-width: 760px; margin: 17px 0 0; color: var(--muted); font-size: 15px; line-height: 1.7; }

.sbs-model-list { border-top: 1px solid var(--line); }
.sbs-model-list article { display: grid; grid-template-columns: minmax(180px, 240px) minmax(210px, .7fr) minmax(0, 1.3fr); gap: clamp(22px, 3vw, 42px); align-items: center; padding: 22px 4px; border-bottom: 1px solid var(--line); }
.sbs-model-visual { position: relative; overflow: hidden; width: 100%; margin: 0; aspect-ratio: 1.38 / 1; background: #373f42; }
.sbs-model-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sbs-model-title > span { color: var(--red); font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.sbs-model-list h3 { margin: 8px 0 0; font-size: 24px; letter-spacing: -.025em; }
.sbs-model-list p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.sbs-image-credit { margin: 11px 0 0; color: #7a8388; font-size: 10px; text-align: right; }
.sbs-note { margin: 26px 0 0; padding: 18px 20px; border-left: 4px solid var(--red); background: #fff4f4; color: #594b4c; font-size: 13px; line-height: 1.65; }

.sbs-service-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sbs-service-list article { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 25px; border: 1px solid var(--line); background: #fff; }
.sbs-service-list article > b { color: var(--red); font-size: 11px; letter-spacing: .08em; }
.sbs-service-list h3 { margin: 0 0 8px; font-size: 18px; }
.sbs-service-list p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.sbs-reasons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.sbs-reasons article { padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sbs-reasons strong { color: var(--red); font-size: 11px; }
.sbs-reasons h3 { margin: 24px 0 8px; font-size: 19px; }
.sbs-reasons p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.sbs-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 32px; }
.sbs-steps > div { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; padding: 20px; background: var(--soft); }
.sbs-steps b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--red); color: #fff; font-size: 12px; }
.sbs-steps span { color: var(--muted); font-size: 12px; line-height: 1.55; }
.sbs-steps span strong { display: block; margin-bottom: 3px; color: var(--ink); font-size: 14px; }

.sbs-faq-list { border-top: 1px solid var(--line); }
.sbs-faq-list details { border-bottom: 1px solid var(--line); }
.sbs-faq-list summary { position: relative; padding: 24px 48px 24px 3px; cursor: pointer; color: #252d32; font-size: 17px; font-weight: 800; list-style: none; }
.sbs-faq-list summary::-webkit-details-marker { display: none; }
.sbs-faq-list summary::after { content: "+"; position: absolute; right: 7px; top: 18px; color: var(--red); font-size: 27px; font-weight: 450; }
.sbs-faq-list details[open] summary::after { content: "−"; }
.sbs-faq-list details p { max-width: 900px; margin: -7px 0 24px; color: var(--muted); font-size: 14px; line-height: 1.75; }

.sbs-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 45px; padding: clamp(45px, 7vw, 78px) clamp(22px, 6vw, 85px); background: var(--red); color: #fff; }
.sbs-cta > div > span { color: #fff; opacity: .78; }
.sbs-cta h2 { max-width: 830px; margin: 0; color: #fff; font-size: clamp(32px, 4.2vw, 54px); letter-spacing: -.045em; line-height: 1.06; }
.sbs-cta-actions { display: grid; gap: 13px; min-width: 270px; text-align: center; }
.sbs-button--light { background: #fff; color: #9c1118 !important; }
.sbs-cta-actions > a:last-child { color: #fff !important; font-size: 13px; font-weight: 800; }

@media (max-width: 900px) {
    .sbs-service-list,.sbs-reasons,.sbs-steps { grid-template-columns: 1fr; }
    .sbs-model-list article { grid-template-columns: 180px minmax(0, 1fr); gap: 18px 25px; }
    .sbs-model-list article > p { grid-column: 2; }
    .sbs-cta { grid-template-columns: 1fr; }
    .sbs-cta-actions { min-width: 0; max-width: 430px; }
}

@media (max-width: 680px) {
    .sbs-hero { min-height: 0; padding: 50px 18px 55px; border-right: 0; border-left: 0; }
    .sbs-hero h1 { font-size: clamp(38px, 11vw, 56px); }
    .sbs-lead { font-size: 16px; }
    .sbs-actions { display: grid; width: 100%; }
    .sbs-button { width: 100%; }
    .sbs-trust { display: grid; justify-items: start; }
    .sbs-section { padding: 62px 18px; border-right: 0; border-left: 0; }
    .sbs-section-head h2 { font-size: 37px; }
    .sbs-model-list article { grid-template-columns: 104px minmax(0, 1fr); gap: 15px; padding: 20px 2px; }
    .sbs-model-list article > p { grid-column: 1 / -1; }
    .sbs-model-list h3 { font-size: 20px; }
    .sbs-service-list { grid-template-columns: 1fr; }
    .sbs-cta { padding: 55px 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .sbs-page * { scroll-behavior: auto !important; transition: none !important; }
}