:root {
    --ink: #172d40;
    --muted: #607286;
    --brand: #806937;
    --brand-dark: #5c4c28;
    --accent: #a48646;
    --surface: #f3f7fa;
    --line: #dce5ec;
    --white: #fff;
    --shadow: 0 18px 45px rgba(18, 56, 84, .12);
}

.rebuild-site { margin: 0; color: var(--ink); background: var(--white); font-family: "Lora", Georgia, "Times New Roman", serif; font-size: 15px; }
.rebuild-site * { box-sizing: border-box; }
.rebuild-site a { color: inherit; }
.rebuild-site h1, .rebuild-site h2, .rebuild-site h3, .rebuild-site h4 { font-family: "Lora", Georgia, "Times New Roman", serif; }
.site-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; padding: 10px 16px; background: var(--white); color: var(--ink); }
.skip-link:focus { top: 12px; }

.site-header { position: relative; z-index: 20; color: var(--ink); background: #fff; border-bottom: 1px solid #e1e6ea; box-shadow: 0 4px 18px rgba(23, 45, 64, .08); }
.utility-bar { color: #6f6f6f; background: var(--white); border-bottom: 1px solid #eee; font-size: .84rem; }
.utility-inner { min-height: 38px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.utility-inner div { display: flex; gap: 24px; }
.utility-inner a { text-decoration: none; opacity: .95; }
.social-links { gap: 15px !important; }
.social-links a { min-width: 18px; text-align: center; }
.navigation { min-height: 104px; display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.brand img { display: block; width: 86px; height: 86px; object-fit: contain; object-position: center; }
.desktop-nav { display: flex; align-items: center; gap: 30px; }
.desktop-nav a { color: var(--ink) !important; text-decoration: none; font-size: .82rem; font-weight: 600; letter-spacing: .015em; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: #f58220 !important; }
.mobile-nav { display: none; position: relative; }
.mobile-nav summary { cursor: pointer; font-weight: 700; }
.mobile-nav > div { position: absolute; right: 0; top: 34px; min-width: 210px; padding: 12px; background: var(--white); color: var(--ink); border-radius: 10px; box-shadow: var(--shadow); }
.mobile-nav a { display: block; padding: 10px; text-decoration: none; }

.legacy-hero { min-height: 600px; padding: 0; background: #d8d8d8 url('/images/parallax/slider_00.jpg') center bottom/cover no-repeat; }
.legacy-hero-inner { min-height: 600px; display: flex; align-items: flex-start; justify-content: flex-end; padding-top: 30px; }
.legacy-hero-card { width: 430px; min-height: 540px; padding: 30px; color: #333; background: rgba(255,255,255,.86); border-radius: 10px; font-family: "Lora", Georgia, "Times New Roman", serif; }
.legacy-hero-card h1 { margin: 26px 0 46px; color: #252525; font-family: "Lora", Georgia, "Times New Roman", serif; font-size: 2.5rem; font-weight: 600; line-height: 1.08; letter-spacing: -.02em; }
.legacy-hero-card p { color: #333; font-family: "Lora", Georgia, "Times New Roman", serif; font-size: 1.22rem; line-height: 1.42; }
.legacy-hero-kicker { margin: 0 !important; color: #806937 !important; font-size: .95rem !important; font-weight: 700; letter-spacing: .08em; }

.service-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; color: var(--white); }
.service-strip article { min-height: 275px; padding: 52px max(42px, calc((100vw - 1180px) / 6)); }
.service-strip article:nth-child(1) { background: #5c4c28; }
.service-strip article:nth-child(2) { background: #806937; }
.service-strip article:nth-child(3) { background: #a48646; }
.service-strip h2 { margin: 0 0 22px; color: var(--white); font-size: 1.35rem; font-weight: 600; }
.service-strip p { margin: 0; color: rgba(255,255,255,.9); line-height: 1.8; }

.legacy-section { padding-block: 80px; }
.legacy-about { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.legacy-about-story img { display: block; width: 100%; border: 1px solid #ddd; padding: 4px; }
.legacy-about-story p { margin: 24px 0 0; color: #555; font-size: 1.22rem; font-weight: 300; line-height: 1.7; }
.legacy-heading { margin-bottom: 30px; overflow: hidden; }
.legacy-heading h2 { position: relative; margin: 0; color: #333; font-size: 1.35rem; font-weight: 600; }
.legacy-heading h2::after { content: ""; display: inline-block; width: 100%; height: 1px; margin-left: 18px; vertical-align: middle; background: #ddd; }
.legacy-values details { border-bottom: 1px solid #e7e7e7; }
.legacy-values summary { position: relative; padding: 18px 36px 18px 0; cursor: pointer; color: #444; font-size: 1rem; font-weight: 600; list-style: none; }
.legacy-values summary::-webkit-details-marker { display: none; }
.legacy-values summary::after { content: "+"; position: absolute; right: 8px; color: #9a7f43; font-size: 1.35rem; }
.legacy-values details[open] summary::after { content: "−"; }
.legacy-values details p { margin: 0; padding: 0 36px 20px 0; color: #666; line-height: 1.8; }

.legacy-features-wrap { background: #fafafa; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.legacy-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 56px 44px; }
.legacy-features article { position: relative; min-height: 130px; padding-left: 72px; }
.legacy-features i { position: absolute; left: 0; top: 2px; width: 52px; height: 52px; display: grid; place-items: center; color: #806937; border: 2px solid #806937; border-radius: 50%; font-size: 1.2rem; }
.legacy-features h2 { margin: 0 0 10px; color: #333; font-size: 1.15rem; font-weight: 600; }
.legacy-features p { margin: 0; color: #666; line-height: 1.65; }

.legacy-partners { padding-bottom: 100px; }
.partner-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.partner-grid a { min-height: 130px; display: grid; place-items: center; padding: 15px; overflow: hidden; background: #fff; border: 1px solid #e4e4e4; }
.partner-grid img { display: block; max-width: 100%; max-height: 96px; object-fit: contain; filter: saturate(.92); transition: transform .2s ease; }
.partner-grid a:hover img { transform: scale(1.04); }

.hero { min-height: 650px; display: grid; align-items: center; position: relative; color: var(--white); background: linear-gradient(90deg, rgba(8, 32, 50, .94) 0%, rgba(11, 54, 83, .8) 48%, rgba(11, 54, 83, .2) 100%), url('/images/kasko-sigortalari.jpg') center/cover; }
.hero-content { padding-block: 110px; }
.hero-content h1, .page-hero h1 { margin: 8px 0 24px; max-width: 860px; color: inherit; font-size: clamp(2.4rem, 5vw, 4.6rem); line-height: 1.07; letter-spacing: -.035em; }
.hero-content > p:not(.eyebrow) { max-width: 680px; font-size: 1.18rem; line-height: 1.75; color: #e4edf3; }
.eyebrow { margin: 0; color: var(--accent); font-size: .82rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.button-row { margin-top: 34px; display: flex; gap: 14px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border: 1px solid transparent; border-radius: 4px; text-decoration: none; font: inherit; font-weight: 750; cursor: pointer; }
.button-primary { background: var(--brand); color: var(--white) !important; }
.button-primary:hover { background: var(--brand-dark); }
.button-ghost { border-color: rgba(255,255,255,.7); color: var(--white) !important; background: rgba(255,255,255,.06); }
.button-light { background: var(--white); color: var(--brand-dark) !important; }

.section { padding-block: 96px; }
.section-tint { padding-block: 96px; background: var(--surface); }
.intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.intro-grid img { width: 100%; min-height: 430px; object-fit: cover; border-radius: 6px; box-shadow: var(--shadow); }
.intro-grid h2, .section-heading h2, .contact-grid h2, .cta-band h2 { margin: 10px 0 20px; color: var(--ink); font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.16; letter-spacing: -.025em; }
.intro-grid p:not(.eyebrow) { color: var(--muted); font-size: 1.05rem; line-height: 1.8; }
.text-link { color: var(--brand) !important; font-weight: 750; text-decoration: none; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 34px; }
.section-heading.compact { align-items: center; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
.section-heading.compact h2 { font-size: 1.65rem; }
.section-heading.compact span { color: var(--muted); }

.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.product-card { overflow: hidden; min-width: 0; background: var(--white); border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 10px 28px rgba(25, 57, 80, .08); transition: transform .2s ease, box-shadow .2s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.product-card > a { display: block; height: 100%; text-decoration: none; }
.product-card img { display: block; width: 100%; height: 220px; object-fit: cover; }
.product-card-content { padding: 24px; }
.product-card-content span { color: var(--brand); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.product-card-content h3 { min-height: 2.8em; margin: 10px 0 20px; color: var(--ink); font-size: 1.2rem; line-height: 1.4; }
.product-card-content strong { color: var(--muted); font-size: .9rem; }

.page-hero { padding-block: 88px; color: var(--white); background: linear-gradient(120deg, #102f47, #1261a0); }
.page-hero-content > p:last-child { max-width: 760px; color: #dbeaf4; font-size: 1.08rem; line-height: 1.7; }
.catalog { padding-block: 72px 110px; }
.catalog-group + .catalog-group { margin-top: 70px; }

.contact-section { max-width: 860px; }
.contact-panel { padding: 48px; color: var(--white); background: var(--brand-dark); border-radius: 7px; box-shadow: var(--shadow); }
.contact-panel h2 { color: var(--white); }
.contact-panel dl { margin: 34px 0; }
.contact-panel dl div { padding: 19px 0; border-top: 1px solid rgba(255,255,255,.2); }
.contact-panel dt { margin-bottom: 5px; color: #bcd8e9; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.contact-panel dd { margin: 0; line-height: 1.65; }
.contact-panel .text-link { color: #f3cf9b !important; }

.cta-band { padding-block: 70px; color: var(--white); background: var(--brand); }
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.cta-band h2 { max-width: 790px; margin-bottom: 0; color: var(--white); }
.cta-band .eyebrow { color: #f1d09f; }
.site-footer { padding-top: 70px; color: #4b5b6a; background: #f3f5f7; border-top: 1px solid #dfe5ea; }
.footer-grid { display: grid; grid-template-columns: 1.2fr .7fr 1.1fr; gap: 50px; padding-bottom: 52px; }
.footer-logo { width: 140px; height: 140px; margin-bottom: 22px; object-fit: contain; }
.site-footer h2 { color: var(--ink) !important; font-size: 1rem; opacity: 1; }
.site-footer p { color: #4b5b6a !important; opacity: 1; }
.site-footer a { display: block; margin: 11px 0; color: #4b5b6a !important; text-decoration: none; opacity: 1 !important; }
.site-footer a:hover, .site-footer a:focus-visible { color: #f58220 !important; }
.footer-bottom { padding: 22px 0; border-top: 1px solid rgba(23,45,64,.14); font-size: .86rem; }

@media (max-width: 900px) {
    .desktop-nav { display: none; }
    .mobile-nav { display: block; }
    .legacy-hero { min-height: 540px; background-position: 40% center; }
    .legacy-hero-inner { min-height: 540px; padding-block: 24px; }
    .legacy-hero-card { width: min(410px, 55%); min-height: 492px; }
    .legacy-hero-card h1 { margin-bottom: 32px; font-size: 2rem; }
    .legacy-hero-card p { font-size: 1.12rem; }
    .service-strip { grid-template-columns: 1fr; }
    .service-strip article { min-height: auto; padding: 42px max(28px, calc((100vw - 700px) / 2)); }
    .legacy-about { grid-template-columns: 1fr; }
    .legacy-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .partner-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .intro-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
    .site-shell { width: min(100% - 28px, 1180px); }
    .utility-inner > span, .utility-inner a[href^="mailto"] { display: none; }
    .utility-inner { justify-content: flex-end; }
    .social-links { display: none !important; }
    .brand img { width: 76px; height: 76px; }
    .legacy-hero { min-height: 510px; background-position: 35% center; }
    .legacy-hero-inner { min-height: 510px; align-items: end; padding-block: 18px; }
    .legacy-hero-card { width: 100%; min-height: auto; padding: 24px; background: rgba(255,255,255,.9); }
    .legacy-hero-card h1 { margin: 14px 0 20px; font-size: 1.75rem; }
    .legacy-hero-card p { margin: 10px 0; font-size: 1rem; }
    .service-strip article { padding-inline: 24px; }
    .legacy-section { padding-block: 60px; }
    .legacy-features, .partner-grid { grid-template-columns: 1fr 1fr; }
    .legacy-features { gap: 36px 20px; }
    .legacy-features article { padding-left: 0; padding-top: 65px; }
    .hero { min-height: 560px; }
    .hero-content { padding-block: 72px; }
    .section, .section-tint { padding-block: 68px; }
    .product-grid, .footer-grid { grid-template-columns: 1fr; }
    .section-heading, .cta-inner { align-items: start; flex-direction: column; }
    .product-card img { height: 210px; }
    .contact-panel { padding: 32px 24px; }
}

@media (prefers-reduced-motion: reduce) {
    .product-card { transition: none; }
}