:root {
  --green: var(--primary);
  --green-dark: var(--primary-dark);
  --radius: 14px;
  --shadow: 0 18px 50px rgb(20 35 25 / 12%);
  --container: 1240px;
}

body { color: var(--ink); background: var(--paper); }
.container { max-width: var(--container); }
.utility-bar { color: #fff; background: var(--primary-dark); font-size: .78rem; }
.utility-inner { min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.utility-inner span, .utility-inner a { color: inherit; text-decoration: none; }
.utility-inner i { margin-right: 6px; color: var(--accent); }
.site-header-shell { position: relative; z-index: 1000; }
.site-header { background: var(--paper); }
.header-top { min-height: 104px; padding-block: 10px; }
.brand { flex: 0 1 420px; }
.brand img { width: 100%; max-width: 410px; max-height: 88px; object-fit: contain; }
.header-tagline { max-width: 230px; margin: 0; color: var(--muted); font-family: "Oswald", sans-serif; font-size: .95rem; line-height: 1.35; }
.header-contact { width: auto; display: flex; align-items: stretch; gap: 8px; }
.header-contact a { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 14px; border-radius: 8px; text-decoration: none; }
.header-call { color: #fff; background: var(--primary); }
.header-call:hover { color: #fff; background: var(--primary-dark); }
.header-call i { font-size: 1.2rem; }
.header-call span { display: grid; line-height: 1.05; }
.header-call small { margin-bottom: 4px; opacity: .78; font-size: .68rem; }
.header-call strong { font-family: "Oswald", sans-serif; font-size: 1.15rem; letter-spacing: .02em; }
.header-whatsapp { color: #fff; background: #1ea957; font-family: "Oswald", sans-serif; font-weight: 600; }
.header-whatsapp:hover { color: #fff; background: #158344; }
.main-nav { position: sticky; top: 0; background: var(--primary); border: 0; box-shadow: none; }
.main-nav .nav-link { text-shadow: none; }
.main-nav .nav-link:hover, .main-nav .nav-link:focus, .main-nav .nav-link.show { background: var(--primary-dark); }
.main-nav .dropdown-menu { background: var(--primary); }
.main-nav .dropdown-item:hover, .main-nav .dropdown-item:focus { background: var(--primary-dark); }
.nav-phone { background: var(--accent); border: 0; box-shadow: none; }
.main-nav .nav-phone .nav-link { color: var(--ink); text-shadow: none; }
.main-nav .nav-phone .nav-link:hover { color: #fff; background: var(--primary-dark); }

/* Header: fifteen independently selectable structures. */
.header-design-1 .main-nav .navbar-nav { justify-content: center; }
.header-design-2 .site-header { border-bottom: 1px solid color-mix(in srgb, var(--primary) 20%, transparent); }
.header-design-2 .main-nav { width: min(1200px, calc(100% - 32px)); margin: 0 auto -22px; border-radius: 12px; box-shadow: 0 12px 28px rgb(20 40 25 / 18%); }
.header-design-2 main { padding-top: 22px; }
.header-design-3 .site-header-shell { display: flex; flex-wrap: wrap; background: var(--paper); }
.header-design-3 .utility-bar { width: 100%; }
.header-design-3 .site-header { flex: 0 0 34%; }
.header-design-3 .header-top { min-height: 76px; padding-inline: 24px; }
.header-design-3 .brand img { max-width: 310px; }
.header-design-3 .header-tagline, .header-design-3 .header-contact { display: none; }
.header-design-3 .main-nav { flex: 1; position: relative; }
.header-design-3 .main-nav .container { height: 100%; display: flex; align-items: center; }
.header-design-3 .main-nav .nav-link { padding-inline: 4px !important; font-size: .76rem; }
.header-design-3 .nav-phone { display: none; }
.header-design-4 .utility-bar { background: #111; }
.header-design-4 .site-header, .header-design-4 .main-nav { background: #171717; }
.header-design-4 .brand { padding: 8px 15px; background: #fff; border-radius: 2px; }
.header-design-4 .header-tagline { color: #bdbdbd; }
.header-design-4 .main-nav { border-top: 1px solid color-mix(in srgb, var(--accent) 42%, transparent); }
.header-design-4 .main-nav .nav-link:hover { color: var(--accent); background: transparent; }
.header-design-5 .utility-bar { display: none; }
.header-design-5 .site-header { background: var(--soft); }
.header-design-5 .header-top { min-height: 128px; }
.header-design-5 .brand img { max-width: 460px; }
.header-design-5 .main-nav { border-radius: 0 0 28px 28px; }
.header-design-6 .utility-bar { color: var(--ink); background: var(--soft); border-bottom: 1px solid color-mix(in srgb, var(--ink) 10%, transparent); }
.header-design-6 .main-nav { background: var(--paper); border-block: 1px solid color-mix(in srgb, var(--ink) 12%, transparent); }
.header-design-6 .main-nav .nav-link { color: var(--ink); }
.header-design-6 .main-nav .nav-link:hover { color: var(--primary); background: transparent; }
.header-design-7 .site-header { background: var(--primary); }
.header-design-7 .brand { padding: 8px; background: #fff; }
.header-design-7 .header-tagline { color: #fff; }
.header-design-7 .header-call { color: var(--ink); background: var(--accent); }
.header-design-7 .main-nav { background: var(--primary-dark); }
.header-design-8 .header-top { flex-wrap: wrap; justify-content: center; text-align: center; padding-block: 16px; }
.header-design-8 .brand { flex-basis: 100%; }
.header-design-8 .brand img { margin-inline: auto; }
.header-design-8 .header-tagline { display: none; }
.header-design-8 .main-nav .navbar-nav { justify-content: center; }
.header-design-9 .utility-bar { background: var(--ink); }
.header-design-9 .header-top { min-height: 86px; }
.header-design-9 .main-nav { border-bottom: 5px solid var(--accent); }
.header-design-9 .header-contact a, .header-design-9 .nav-phone { border-radius: 0; }
.header-design-10 .site-header-shell { margin: 12px; border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); }
.header-design-10 .utility-bar { margin: -1px -1px 0; }
.header-design-10 .main-nav { margin: 0 -1px -1px; }
.header-design-11 .utility-bar { background: linear-gradient(90deg, var(--primary-dark), var(--primary)); }
.header-design-11 .site-header { color: #fff; background: var(--footer-bg); }
.header-design-11 .brand { padding: 7px 12px; background: #fff; border-radius: 10px; }
.header-design-11 .header-tagline { color: #c8d5ef; }
.header-design-11 .main-nav { background: var(--footer-bg); border-top: 1px solid rgb(255 255 255 / 12%); }
.header-design-12 .utility-bar { display: none; }
.header-design-12 .site-header { border-top: 8px solid var(--primary); }
.header-design-12 .header-top { min-height: 90px; }
.header-design-12 .main-nav { margin-inline: 4vw; transform: skewX(-3deg); }
.header-design-12 .main-nav .container { transform: skewX(3deg); }
.header-design-12 .header-contact a { border-radius: 0; }
.header-design-13 .utility-bar { color: var(--ink); background: var(--soft); }
.header-design-13 .site-header { border-radius: 0 0 36px 36px; box-shadow: 0 8px 30px rgb(30 60 42 / 9%); }
.header-design-13 .main-nav { width: min(1100px, calc(100% - 32px)); margin: 12px auto; border-radius: 999px; }
.header-design-13 .main-nav .nav-link { border-radius: 999px; }
.header-design-14 .utility-bar { background: var(--primary); }
.header-design-14 .site-header { border-bottom: 3px double var(--primary); }
.header-design-14 .main-nav { color: var(--ink); background: var(--paper); border-bottom: 1px solid var(--primary); }
.header-design-14 .main-nav .nav-link { color: var(--ink); }
.header-design-14 .main-nav .nav-link:hover { color: #fff; }
.header-design-15 .utility-bar, .header-design-15 .header-tagline { display: none; }
.header-design-15 .header-top { min-height: 76px; }
.header-design-15 .brand img { max-width: 300px; }
.header-design-15 .main-nav { position: absolute; inset: 0 0 auto 32%; background: transparent; }
.header-design-15 .main-nav .nav-link { color: var(--ink); }
.header-design-15 .main-nav .nav-link:hover { color: var(--primary); background: transparent; }
.header-design-15 .header-contact { margin-right: 48px; }
.header-design-15 .main-nav .nav-link { padding-inline: 4px !important; font-size: .74rem; }
.header-design-15 .nav-phone { display: none; }

/* Shared home system. */
.modern-home { overflow: hidden; background: var(--paper); }
.home-hero { position: relative; padding: clamp(44px, 6vw, 88px) 0; background: var(--soft); }
.hero-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); align-items: center; gap: clamp(34px, 6vw, 84px); }
.home-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 13px; color: var(--primary); font-family: "Oswald", sans-serif; font-size: .83rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home-eyebrow::before { content: ""; width: 28px; height: 3px; background: var(--accent); }
.hero-copy h1 { max-width: 720px; margin: 0 0 22px; font-size: clamp(3rem, 6.5vw, 6.2rem); letter-spacing: -.035em; line-height: .94; }
.hero-copy h1 em { color: var(--primary); font-style: normal; }
.home-lead { max-width: 650px; margin: 0; color: var(--muted); font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.62; }
.home-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 34px; }
.home-btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 9px; padding: 13px 20px; border: 2px solid transparent; border-radius: 7px; font-family: "Oswald", sans-serif; font-weight: 700; text-decoration: none; transition: transform .2s ease, background .2s ease; }
.home-btn:hover { transform: translateY(-2px); }
.home-btn-primary { color: #fff; background: var(--primary); }
.home-btn-primary:hover { color: #fff; background: var(--primary-dark); }
.home-btn-secondary { color: var(--ink); border-color: color-mix(in srgb, var(--ink) 24%, transparent); background: transparent; }
.home-btn-secondary:hover { color: var(--primary); border-color: var(--primary); }
.hero-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 660px; margin: 0; padding: 0; list-style: none; }
.hero-benefits li { display: grid; padding-left: 13px; border-left: 3px solid var(--accent); }
.hero-benefits strong { font-family: "Oswald", sans-serif; font-size: 1.1rem; }
.hero-benefits span { color: var(--muted); font-size: .78rem; }
.hero-visual { position: relative; min-width: 0; }
.hero-photo { overflow: hidden; margin: 0; aspect-ratio: 4 / 4.15; border-radius: var(--radius); box-shadow: var(--shadow); }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.hero-badge { position: absolute; top: -22px; right: -22px; display: flex; width: 120px; height: 120px; align-items: center; justify-content: center; gap: 7px; color: var(--ink); background: var(--accent); border: 7px solid var(--soft); border-radius: 50%; transform: rotate(5deg); }
.hero-badge strong { font-family: "Oswald", sans-serif; font-size: 2rem; }
.hero-badge span { font-size: .68rem; font-weight: 700; line-height: 1.15; text-transform: uppercase; }
.hero-quick-call { position: absolute; right: 24px; bottom: 24px; display: grid; min-width: 220px; padding: 13px 18px; color: #fff; background: var(--primary-dark); border-radius: 7px; box-shadow: 0 12px 30px rgb(0 0 0 / 18%); text-decoration: none; }
.hero-quick-call:hover { color: #fff; background: var(--primary); }
.hero-quick-call span { opacity: .75; font-size: .72rem; text-transform: uppercase; }
.hero-quick-call strong { font-family: "Oswald", sans-serif; font-size: 1.3rem; }
.home-trust { color: #fff; background: var(--primary-dark); }
.trust-items { min-height: 68px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; gap: 16px; }
.trust-items span { text-align: center; font-size: .86rem; font-weight: 700; }
.trust-items i { margin-right: 7px; color: var(--accent); }
.home-services, .home-process, .home-proof, .home-advantages, .home-specials, .home-value, .home-catalog, .home-coverage { padding: clamp(50px, 6vw, 82px) 0; }
.section-heading { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 40px; margin-bottom: 34px; }
.section-heading-compact { margin-bottom: 26px; }
.section-heading h2, .process-intro h2, .home-cta h2 { margin: 0; font-size: clamp(2.1rem, 4vw, 3.8rem); letter-spacing: -.02em; }
.section-heading p { max-width: 540px; margin: 0; color: var(--muted); }
.home-advantages { background: var(--paper); border-bottom: 1px solid color-mix(in srgb, var(--ink) 8%, transparent); }
.advantage-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.advantage-card { display: grid; grid-template-columns: 46px 1fr; gap: 15px; min-height: 128px; padding: 22px; background: var(--soft); border-radius: calc(var(--radius) * .7); }
.advantage-card > i { width: 46px; height: 46px; display: grid; place-items: center; color: #fff; background: var(--primary); border-radius: 50%; }
.advantage-card h3 { margin: 0 0 5px; font-size: 1.08rem; }
.advantage-card p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.service-card { position: relative; display: flex; min-height: 330px; flex-direction: column; padding: 28px 24px; overflow: hidden; color: var(--ink); background: var(--soft); border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent); border-radius: var(--radius); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.service-card:hover { color: var(--ink); transform: translateY(-5px); box-shadow: var(--shadow); }
.service-card > i { width: 54px; height: 54px; display: grid; place-items: center; margin: 28px 0 20px; color: #fff; background: var(--primary); border-radius: 50%; font-size: 1.25rem; }
.service-card h3 { margin: 0 0 10px; font-size: 1.45rem; }
.service-card p { margin: 0 0 20px; color: var(--muted); font-size: .92rem; }
.service-number { position: absolute; top: 20px; right: 22px; color: color-mix(in srgb, var(--primary) 32%, transparent); font-family: "Oswald", sans-serif; font-size: 1.7rem; font-weight: 700; }
.service-link { margin-top: auto; color: var(--primary); font-family: "Oswald", sans-serif; font-size: .85rem; font-weight: 700; text-transform: uppercase; }
.service-link b { margin-left: 5px; font-size: 1.2rem; }
.home-specials { background: var(--soft); }
.special-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.special-card { position: relative; min-height: 380px; overflow: hidden; color: #fff; background: var(--footer-bg); border-radius: var(--radius); text-decoration: none; }
.special-card:hover { color: #fff; }
.special-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.special-card:hover img { transform: scale(1.04); }
.special-card::after { content: ""; position: absolute; inset: 30% 0 0; background: linear-gradient(transparent, rgb(0 0 0 / 92%)); }
.special-content { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; display: grid; gap: 8px; padding: 25px; }
.special-content strong { font-family: "Oswald", sans-serif; font-size: 1.45rem; }
.special-content small { color: rgb(255 255 255 / 78%); font-size: .83rem; line-height: 1.5; }
.special-content b { color: var(--accent); font-family: "Oswald", sans-serif; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }
.home-process { background: var(--soft); }
.process-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(40px, 8vw, 110px); }
.process-intro p { max-width: 480px; margin: 20px 0; color: var(--muted); }
.text-link { color: var(--primary); font-family: "Oswald", sans-serif; font-weight: 700; text-decoration: none; }
.process-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.process-list li { display: grid; grid-template-columns: 70px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid color-mix(in srgb, var(--ink) 13%, transparent); }
.process-list li:first-child { padding-top: 0; }
.process-list li > span { color: var(--primary); font-family: "Oswald", sans-serif; font-size: 2rem; font-weight: 700; }
.process-list h3 { margin: 0 0 5px; font-size: 1.35rem; }
.process-list p { margin: 0; color: var(--muted); }
.home-value { background: var(--paper); }
.value-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(36px, 7vw, 90px); }
.value-image { position: relative; }
.value-image img { display: block; width: 100%; aspect-ratio: 4 / 4.2; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow); }
.value-image > span { position: absolute; right: -20px; bottom: 22px; display: grid; max-width: 230px; padding: 18px 22px; color: var(--ink); background: var(--accent); box-shadow: 0 14px 30px rgb(0 0 0 / 15%); font-size: .82rem; }
.value-image > span strong { font-family: "Oswald", sans-serif; font-size: 1.3rem; }
.value-copy h2, .coverage-copy h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.02em; }
.value-copy > p, .coverage-copy > p { margin: 20px 0; color: var(--muted); }
.value-copy ul { display: grid; gap: 10px; margin: 0 0 26px; padding: 0; list-style: none; }
.value-copy li { position: relative; padding-left: 28px; }
.value-copy li::before { content: "✓"; position: absolute; left: 0; color: var(--primary); font-weight: 800; }
.home-catalog { background: var(--soft); }
.catalog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.catalog-card { padding: 26px; background: var(--paper); border-top: 4px solid var(--primary); border-radius: 0 0 var(--radius) var(--radius); }
.catalog-card h3 { margin: 0 0 18px; font-size: 1.35rem; }
.catalog-card ul { columns: 2; column-gap: 20px; margin: 0; padding: 0; list-style: none; }
.catalog-card li { position: relative; margin-bottom: 8px; padding-left: 15px; break-inside: avoid; color: var(--muted); font-size: .82rem; line-height: 1.4; }
.catalog-card li::before { content: ""; position: absolute; top: .55em; left: 0; width: 5px; height: 5px; background: var(--accent); border-radius: 50%; }
.home-proof { background: var(--paper); }
.proof-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: stretch; }
.proof-quote { position: relative; padding: clamp(32px, 5vw, 62px); color: #fff; background: var(--primary); border-radius: var(--radius); }
.quote-mark { position: absolute; top: 5px; right: 30px; color: rgb(255 255 255 / 22%); font-family: Georgia, serif; font-size: 9rem; line-height: 1; }
.proof-quote blockquote { position: relative; max-width: 760px; margin: 0 0 26px; font-family: "Oswald", sans-serif; font-size: clamp(1.45rem, 3vw, 2.5rem); font-weight: 500; line-height: 1.28; }
.proof-quote p { display: grid; margin: 0; }
.proof-quote p span { opacity: .72; font-size: .82rem; }
.proof-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.proof-stats div { display: grid; align-content: center; justify-items: center; min-height: 160px; padding: 22px; background: var(--soft); border-radius: var(--radius); text-align: center; }
.proof-stats div:first-child { grid-column: 1 / -1; }
.proof-stats strong { color: var(--primary); font-family: "Oswald", sans-serif; font-size: 3rem; line-height: 1; }
.proof-stats span { margin-top: 8px; color: var(--muted); font-size: .78rem; text-transform: uppercase; }
.home-coverage { color: #fff; background: var(--footer-bg); }
.coverage-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(38px, 7vw, 90px); align-items: center; }
.home-coverage .home-eyebrow { color: var(--accent); }
.coverage-copy > p { color: rgb(255 255 255 / 68%); }
.coverage-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 25px; }
.coverage-contact > a, .coverage-contact > span { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; padding: 13px; color: #fff; background: rgb(255 255 255 / 8%); border: 1px solid rgb(255 255 255 / 10%); border-radius: 8px; text-decoration: none; }
.coverage-contact i { color: var(--accent); font-size: 1.1rem; text-align: center; }
.coverage-contact span span, .coverage-contact a span { display: grid; font-size: .7rem; }
.coverage-contact strong { font-size: .9rem; }
.district-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.district-list span { padding: 8px 10px; background: rgb(255 255 255 / 7%); border-left: 2px solid var(--primary); font-size: .72rem; }
.home-cta { padding: 48px 0; color: #fff; background: var(--primary-dark); }
.cta-layout { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; }
.home-cta .home-eyebrow { color: #fff; opacity: .8; }
.home-cta h2 { max-width: 790px; font-size: clamp(2rem, 4vw, 3.5rem); }
.cta-actions { display: grid; gap: 8px; min-width: 250px; }
.home-btn-light { color: var(--ink); background: #fff; }
.home-btn-light:hover { color: var(--primary); }
.home-btn-whatsapp { color: #fff; background: #1ea957; }
.home-btn-whatsapp:hover { color: #fff; background: #158344; }

/* Home: fifteen layout languages, separate from palettes. */
.home-design-1 .hero-layout { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); }
.home-design-2 .home-hero { background: var(--paper); }
.home-design-2 .hero-layout { grid-template-columns: .9fr 1.1fr; }
.home-design-2 .hero-visual { order: -1; }
.home-design-2 .hero-photo { aspect-ratio: 5 / 4; border-radius: 80px 12px 80px 12px; }
.home-design-2 .hero-badge { left: -22px; right: auto; }
.home-design-2 .service-card:nth-child(even) { margin-top: 28px; }
.home-design-2 .advantage-card, .home-design-2 .catalog-card { border-radius: 28px 6px 28px 6px; }
.home-design-3 .home-hero { padding-bottom: 0; }
.home-design-3 .hero-layout { grid-template-columns: 1fr; text-align: center; }
.home-design-3 .hero-copy { max-width: 920px; margin-inline: auto; }
.home-design-3 .hero-copy h1, .home-design-3 .home-lead, .home-design-3 .hero-benefits { margin-inline: auto; }
.home-design-3 .home-actions { justify-content: center; }
.home-design-3 .home-eyebrow { justify-content: center; }
.home-design-3 .hero-visual { max-width: 1080px; margin-inline: auto; }
.home-design-3 .hero-photo { aspect-ratio: 16 / 6; border-radius: 24px 24px 0 0; }
.home-design-3 .hero-badge { right: 35px; }
.home-design-3 .special-grid { grid-template-columns: repeat(2, 1fr); }
.home-design-3 .special-card { min-height: 310px; }
.home-design-4 .home-hero { color: #fff; background: #151515; }
.home-design-4 .home-lead, .home-design-4 .hero-benefits span { color: #bdbdbd; }
.home-design-4 .hero-copy h1 em { color: var(--accent); }
.home-design-4 .hero-photo { border-radius: 0; filter: saturate(.6) contrast(1.1); }
.home-design-4 .service-card { border-radius: 0; background: var(--paper); border-top: 4px solid var(--primary); }
.home-design-4 .home-process { color: #fff; background: var(--footer-bg); }
.home-design-4 .process-intro p, .home-design-4 .process-list p { color: #bdbdbd; }
.home-design-4 .advantage-card, .home-design-4 .special-card, .home-design-4 .catalog-card, .home-design-4 .value-image img { border-radius: 0; }
.home-design-5 .home-hero { background: var(--paper); }
.home-design-5 .hero-layout { min-height: 620px; grid-template-columns: 1fr; }
.home-design-5 .hero-copy { position: relative; z-index: 2; max-width: 680px; padding: 48px; background: color-mix(in srgb, var(--paper) 94%, transparent); box-shadow: var(--shadow); }
.home-design-5 .hero-visual { position: absolute; inset: 0 0 0 42%; }
.home-design-5 .hero-photo { height: 100%; border-radius: 0; }
.home-design-5 .hero-badge { top: 24px; right: 24px; }
.home-design-5 .hero-quick-call { display: none; }
.home-design-5 .service-grid { grid-template-columns: repeat(2, 1fr); }
.home-design-5 .service-card { min-height: 230px; }
.home-design-5 .advantage-grid { grid-template-columns: repeat(2, 1fr); }
.home-design-6 .hero-layout { grid-template-columns: 1fr 1fr; }
.home-design-6 .hero-photo { aspect-ratio: 1; border-radius: 50%; }
.home-design-6 .hero-badge { top: auto; right: auto; bottom: 0; left: 0; }
.home-design-6 .hero-quick-call { right: 0; bottom: 50%; transform: translateY(50%); }
.home-design-6 .service-card { min-height: 300px; border-radius: 40px; }
.home-design-6 .advantage-card, .home-design-6 .catalog-card { border-radius: 35px; }
.home-design-7 .home-hero { color: #fff; background: var(--primary); }
.home-design-7 .home-eyebrow, .home-design-7 .hero-copy h1 em { color: var(--accent); }
.home-design-7 .home-lead, .home-design-7 .hero-benefits span { color: rgb(255 255 255 / 78%); }
.home-design-7 .home-btn-primary { color: var(--ink); background: var(--accent); }
.home-design-7 .home-btn-secondary { color: #fff; border-color: rgb(255 255 255 / 55%); }
.home-design-7 .hero-photo { border: 12px solid var(--accent); border-radius: 0; transform: rotate(2deg); }
.home-design-7 .service-grid { gap: 0; }
.home-design-7 .service-card { border-radius: 0; }
.home-design-7 .advantage-grid, .home-design-7 .special-grid, .home-design-7 .catalog-grid { gap: 0; }
.home-design-7 .advantage-card, .home-design-7 .special-card, .home-design-7 .catalog-card { border-radius: 0; }
.home-design-8 .home-hero { background: linear-gradient(115deg, var(--soft) 0 65%, var(--primary) 65%); }
.home-design-8 .hero-photo { border-radius: 50% 50% 8px 8px; }
.home-design-8 .service-card { border: 0; border-bottom: 2px solid var(--primary); border-radius: 0; background: transparent; }
.home-design-8 .proof-quote { border-radius: 100px 10px 100px 10px; }
.home-design-8 .special-card:nth-child(1), .home-design-8 .special-card:nth-child(4) { border-radius: 80px 8px 80px 8px; }
.home-design-9 .home-hero { background: repeating-linear-gradient(-45deg, var(--soft), var(--soft) 16px, color-mix(in srgb, var(--ink) 3%, var(--soft)) 16px, color-mix(in srgb, var(--ink) 3%, var(--soft)) 32px); }
.home-design-9 .hero-photo, .home-design-9 .service-card, .home-design-9 .proof-quote, .home-design-9 .proof-stats div { border-radius: 0; }
.home-design-9 .hero-photo { border: 5px solid var(--ink); box-shadow: 15px 15px 0 var(--accent); }
.home-design-9 .home-btn { border-radius: 0; }
.home-design-9 .service-card { border: 2px solid var(--ink); box-shadow: 7px 7px 0 var(--primary); }
.home-design-9 .advantage-card, .home-design-9 .special-card, .home-design-9 .catalog-card, .home-design-9 .value-image img { border: 2px solid var(--ink); border-radius: 0; }
.home-design-10 .hero-layout { grid-template-columns: 1.15fr .85fr; }
.home-design-10 .home-hero { background: var(--paper); }
.home-design-10 .hero-photo { border-radius: 48% 48% 6px 6px; }
.home-design-10 .service-grid { grid-template-columns: repeat(2, 1fr); }
.home-design-10 .service-card { min-height: 225px; border-radius: 4px 40px 4px 40px; }
.home-design-10 .home-process { margin-inline: 2vw; border-radius: 50px; }
.home-design-10 .special-grid { grid-template-columns: repeat(2, 1fr); }
.home-design-10 .special-card { min-height: 300px; border-radius: 4px 48px 4px 48px; }
.home-design-11 .home-hero { color: #fff; background: radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--primary) 40%, transparent), transparent 32%), var(--footer-bg); }
.home-design-11 .home-lead, .home-design-11 .hero-benefits span { color: #b9c7df; }
.home-design-11 .hero-photo { border-radius: 16px; box-shadow: 0 0 0 1px rgb(255 255 255 / 18%), 0 30px 80px rgb(0 0 0 / 30%); }
.home-design-11 .service-card { background: var(--paper); box-shadow: 0 10px 35px color-mix(in srgb, var(--primary) 10%, transparent); }
.home-design-11 .home-coverage { background: radial-gradient(circle at 20% 0, color-mix(in srgb, var(--primary) 40%, transparent), transparent 36%), var(--footer-bg); }
.home-design-12 .home-hero { background: var(--paper); }
.home-design-12 .hero-layout { grid-template-columns: 1fr 1fr; gap: 0; }
.home-design-12 .hero-copy { padding: 50px; background: var(--soft); }
.home-design-12 .hero-photo { border-radius: 0; }
.home-design-12 .hero-badge { border-radius: 0; transform: none; }
.home-design-12 .home-actions .home-btn, .home-design-12 .service-card, .home-design-12 .proof-quote, .home-design-12 .proof-stats div { border-radius: 0; }
.home-design-12 .service-grid { grid-template-columns: 1fr 1fr 1fr; }
.home-design-12 .service-card:last-child { grid-column: 2 / 4; min-height: 220px; }
.home-design-12 .advantage-card, .home-design-12 .special-card, .home-design-12 .catalog-card, .home-design-12 .value-image img { border-radius: 0; }
.home-design-13 .home-hero { background: linear-gradient(155deg, var(--paper) 0 45%, var(--soft) 45%); }
.home-design-13 .hero-photo { border-radius: 55% 45% 45% 55% / 45% 50% 50% 55%; }
.home-design-13 .service-card { border: 0; border-radius: 55px 18px 55px 18px; }
.home-design-13 .home-process { border-radius: 0 100px 0 100px; }
.home-design-13 .advantage-card, .home-design-13 .special-card, .home-design-13 .catalog-card { border-radius: 55px 16px 55px 16px; }
.home-design-14 .home-hero { color: #fff; background: linear-gradient(90deg, var(--primary-dark), var(--primary)); }
.home-design-14 .home-eyebrow, .home-design-14 .hero-copy h1 em { color: var(--accent); }
.home-design-14 .home-lead, .home-design-14 .hero-benefits span { color: rgb(255 255 255 / 76%); }
.home-design-14 .home-btn-primary { color: var(--ink); background: var(--accent); }
.home-design-14 .home-btn-secondary { color: #fff; border-color: #fff; }
.home-design-14 .hero-photo { border: 6px double #fff; border-radius: 0; }
.home-design-14 .service-card:first-child { grid-column: span 2; }
.home-design-14 .service-card { min-height: 250px; }
.home-design-14 .special-grid { grid-template-columns: 1.3fr .7fr .7fr 1.3fr; }
.home-design-15 .home-hero { background: #fff; }
.home-design-15 .hero-layout { grid-template-columns: 1fr .75fr; }
.home-design-15 .hero-copy h1 { font-size: clamp(3.5rem, 7.5vw, 7.5rem); font-weight: 500; }
.home-design-15 .hero-photo { aspect-ratio: 3 / 4; border-radius: 0; box-shadow: none; }
.home-design-15 .hero-badge, .home-design-15 .hero-quick-call { display: none; }
.home-design-15 .service-grid { gap: 32px; }
.home-design-15 .service-card { min-height: 280px; padding-inline: 0; border: 0; border-top: 1px solid var(--ink); border-radius: 0; background: transparent; }
.home-design-15 .service-card > i { color: var(--primary); background: transparent; justify-items: start; font-size: 1.7rem; }
.home-design-15 .advantage-card, .home-design-15 .catalog-card { padding-inline: 0; background: transparent; border: 0; border-top: 1px solid var(--ink); border-radius: 0; }
.home-design-15 .special-card { border-radius: 0; }

/* Shared footer and fifteen independent compositions. */
.site-footer { padding: 52px 0 18px; color: color-mix(in srgb, #fff 75%, var(--footer-bg)); background: var(--footer-bg); }
.footer-grid { display: grid; grid-template-columns: 1.5fr .65fr .65fr 1fr; gap: clamp(24px, 4vw, 60px); }
.site-footer h2 { display: none; }
.site-footer h3 { color: #fff; }
.footer-brand { display: flex !important; align-items: center; gap: 12px; margin: 0 0 18px !important; color: #fff !important; font-family: "Oswald", sans-serif; font-size: 1.3rem; line-height: 1.1; }
.footer-brand-mark { display: grid; width: 44px; height: 44px; place-items: center; color: var(--ink); background: var(--accent); font-weight: 800; }
.footer-brand strong { display: block; color: var(--accent); }
.footer-intro p { max-width: 390px; }
.footer-trust { display: flex; flex-wrap: wrap; gap: 7px 14px; color: #fff; font-size: .78rem; }
.footer-column a { overflow-wrap: anywhere; }
.footer-contact-card { padding: 22px; border: 1px solid rgb(255 255 255 / 16%); }
.footer-contact-card p { margin: 0 0 12px; font-size: .85rem; }
.footer-phone { color: var(--accent) !important; font-family: "Oswald", sans-serif; font-size: 1.35rem; font-weight: 700; }
.footer-email { font-size: .8rem; }
.footer-design-1 .footer-grid { grid-template-columns: 1.5fr .65fr .65fr 1fr; }
.footer-design-2 .site-footer { border-top: 10px solid var(--accent); }
.footer-design-2 .footer-grid { grid-template-columns: 1.2fr .7fr .7fr 1.2fr; }
.footer-design-2 .footer-contact-card { color: var(--ink); background: var(--accent); border: 0; border-radius: 12px; }
.footer-design-2 .footer-contact-card h3, .footer-design-2 .footer-phone { color: var(--ink) !important; }
.footer-design-2 .footer-email { color: var(--ink); }
.footer-design-3 .site-footer { color: var(--muted); background: var(--soft); }
.footer-design-3 .site-footer h3, .footer-design-3 .footer-brand, .footer-design-3 .site-footer a { color: var(--ink) !important; }
.footer-design-3 .footer-brand strong, .footer-design-3 .footer-phone { color: var(--primary) !important; }
.footer-design-3 .footer-bottom { border-color: color-mix(in srgb, var(--ink) 15%, transparent); }
.footer-design-4 .footer-grid { grid-template-columns: 2fr repeat(3, 1fr); }
.footer-design-4 .footer-brand-mark { border-radius: 50%; }
.footer-design-4 .footer-contact-card { border-color: var(--accent); }
.footer-design-5 .site-footer { border-radius: 50px 50px 0 0; }
.footer-design-5 .footer-grid { align-items: center; }
.footer-design-5 .footer-column { padding-left: 20px; border-left: 1px solid rgb(255 255 255 / 16%); }
.footer-design-6 .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
.footer-design-6 .footer-intro { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-bottom: 25px; border-bottom: 1px solid rgb(255 255 255 / 14%); }
.footer-design-6 .footer-intro p { margin: 0; }
.footer-design-7 .site-footer { border-top: 18px solid var(--primary); }
.footer-design-7 .footer-column a { text-transform: uppercase; font-family: "Oswald", sans-serif; letter-spacing: .05em; }
.footer-design-7 .footer-contact-card { background: var(--primary); }
.footer-design-8 .site-footer { background: linear-gradient(135deg, var(--footer-bg), var(--primary-dark)); }
.footer-design-8 .footer-brand-mark, .footer-design-8 .footer-contact-card { border-radius: 20px 4px 20px 4px; }
.footer-design-9 .site-footer { border-top: 5px solid var(--accent); }
.footer-design-9 .footer-brand-mark, .footer-design-9 .footer-contact-card { border-radius: 0; }
.footer-design-9 .footer-grid { padding: 30px; border: 1px solid rgb(255 255 255 / 18%); }
.footer-design-10 .site-footer { color: var(--muted); background: var(--soft); }
.footer-design-10 .site-footer h3, .footer-design-10 .footer-brand, .footer-design-10 .site-footer a { color: var(--ink) !important; }
.footer-design-10 .footer-grid { grid-template-columns: 1.3fr .55fr .55fr 1.4fr; }
.footer-design-10 .footer-contact-card { color: #fff; background: var(--primary-dark); border-radius: 30px; }
.footer-design-10 .footer-contact-card h3, .footer-design-10 .footer-contact-card a { color: #fff !important; }
.footer-design-11 .site-footer { background: radial-gradient(circle at 80% 0, color-mix(in srgb, var(--primary) 35%, transparent), transparent 35%), var(--footer-bg); }
.footer-design-11 .footer-contact-card { box-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%); border: 0; border-radius: 12px; }
.footer-design-12 .footer-grid { gap: 0; border: 2px solid rgb(255 255 255 / 15%); }
.footer-design-12 .footer-grid > div { padding: 30px; border-right: 1px solid rgb(255 255 255 / 15%); }
.footer-design-12 .footer-contact-card { border: 0; }
.footer-design-13 .site-footer { border-radius: 80px 0 0; }
.footer-design-13 .footer-brand-mark { border-radius: 50% 50% 10% 50%; }
.footer-design-13 .footer-contact-card { border-radius: 35px 10px 35px 10px; }
.footer-design-14 .site-footer { border-top: 4px double var(--accent); }
.footer-design-14 .footer-grid { grid-template-columns: 1fr 1fr; }
.footer-design-14 .footer-intro { grid-row: span 2; }
.footer-design-14 .footer-service, .footer-design-14 .footer-info { display: inline-grid; grid-template-columns: repeat(3, auto); align-content: start; gap: 0 18px; }
.footer-design-15 .site-footer { padding-top: 32px; }
.footer-design-15 .footer-grid { grid-template-columns: 2fr repeat(3, auto); align-items: start; }
.footer-design-15 .footer-intro p, .footer-design-15 .footer-trust, .footer-design-15 .footer-column p { display: none; }
.footer-design-15 .footer-contact-card { padding: 0; border: 0; }
.footer-design-15 .footer-brand-mark { color: #fff; background: transparent; border: 1px solid #fff; }
.footer-design-15 .footer-bottom { margin-top: 22px; }

@media (max-width: 1199.98px) {
  .header-tagline { display: none; }
  .main-nav { position: sticky !important; inset: auto !important; width: 100% !important; margin: 0 !important; transform: none !important; border-radius: 0 !important; }
  .main-nav .container { transform: none !important; }
  .header-design-3 .site-header { flex-basis: 100%; }
  .header-design-3 .main-nav { flex-basis: 100%; }
  .header-design-3 .nav-phone, .header-design-15 .nav-phone { display: block; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .advantage-grid { grid-template-columns: repeat(2, 1fr); }
  .special-grid, .home-design-14 .special-grid { grid-template-columns: repeat(2, 1fr); }
  .catalog-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.3fr repeat(2, .7fr); }
  .footer-contact-card { grid-column: 1 / -1; }
  .footer-design-6 .footer-grid, .footer-design-14 .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-design-15 .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .footer-design-15 .footer-intro { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {
  .utility-promise, .utility-inner a { display: none; }
  .utility-inner { min-height: 27px; justify-content: center; }
  .header-top { min-height: 76px; gap: 10px; }
  .brand { flex-basis: auto; }
  .brand img { width: min(270px, 67vw); max-height: 62px; }
  .header-contact { margin: 0 !important; }
  .header-contact a { display: none; }
  .header-contact .header-call { display: grid; width: 44px; height: 44px; min-height: 44px; place-items: center; padding: 0; border-radius: 50%; }
  .header-call span { display: none; }
  .header-design-4 .brand, .header-design-7 .brand { max-width: calc(100% - 54px); padding: 5px; }
  .header-design-5 .header-top { min-height: 88px; }
  .header-design-8 .header-top { flex-wrap: nowrap; }
  .header-design-10 .site-header-shell { margin: 0; border: 0; }
  .hero-layout, .home-design-1 .hero-layout, .home-design-2 .hero-layout, .home-design-6 .hero-layout, .home-design-8 .hero-layout, .home-design-10 .hero-layout, .home-design-11 .hero-layout, .home-design-12 .hero-layout, .home-design-15 .hero-layout { grid-template-columns: 1fr; gap: 32px; }
  .home-hero { padding: 42px 0; }
  .hero-copy h1, .home-design-15 .hero-copy h1 { font-size: clamp(2.8rem, 15vw, 4.8rem); }
  .hero-benefits { gap: 7px; }
  .hero-benefits li { padding-left: 8px; }
  .hero-benefits strong { font-size: .9rem; }
  .hero-benefits span { font-size: .65rem; }
  .hero-photo { aspect-ratio: 4 / 3 !important; border-radius: 12px !important; transform: none !important; }
  .hero-badge { top: -16px; right: 8px; left: auto; width: 90px; height: 90px; border-width: 5px; }
  .hero-badge strong { font-size: 1.5rem; }
  .hero-quick-call { right: 10px; bottom: 10px; min-width: 190px; }
  .home-design-2 .hero-visual { order: 0; }
  .home-design-3 .hero-photo { border-radius: 12px 12px 0 0 !important; }
  .home-design-5 .hero-layout { min-height: auto; }
  .home-design-5 .hero-copy { padding: 24px; }
  .home-design-5 .hero-visual { position: relative; inset: auto; }
  .home-design-12 .hero-copy { padding: 28px 22px; }
  .trust-items { grid-template-columns: 1fr 1fr; padding-block: 15px; }
  .trust-items span { font-size: .7rem; }
  .section-heading, .process-layout, .proof-layout, .cta-layout { grid-template-columns: 1fr; gap: 28px; }
  .advantage-grid, .home-design-5 .advantage-grid, .service-grid, .home-design-5 .service-grid, .home-design-10 .service-grid, .home-design-12 .service-grid, .special-grid, .home-design-3 .special-grid, .home-design-10 .special-grid, .home-design-14 .special-grid { grid-template-columns: 1fr; }
  .advantage-card { min-height: 0; }
  .service-card, .home-design-5 .service-card, .home-design-7 .service-card, .home-design-10 .service-card, .home-design-14 .service-card { min-height: 250px; margin-top: 0 !important; grid-column: auto !important; }
  .special-card, .home-design-3 .special-card, .home-design-10 .special-card { min-height: 300px; }
  .home-design-9 .service-card { box-shadow: 5px 5px 0 var(--primary); }
  .home-process { margin-inline: 0 !important; border-radius: 0 !important; }
  .process-list li { grid-template-columns: 48px 1fr; gap: 10px; }
  .value-layout, .coverage-layout { grid-template-columns: 1fr; gap: 34px; }
  .value-image { max-width: 520px; }
  .value-image img { aspect-ratio: 4 / 3; }
  .value-image > span { right: 10px; bottom: 10px; }
  .catalog-card ul { columns: 1; }
  .proof-stats div { min-height: 130px; }
  .coverage-contact { grid-template-columns: 1fr; }
  .district-list { grid-template-columns: repeat(2, 1fr); }
  .cta-actions { width: 100%; min-width: 0; }
  .footer-grid, .footer-design-1 .footer-grid, .footer-design-2 .footer-grid, .footer-design-4 .footer-grid, .footer-design-6 .footer-grid, .footer-design-10 .footer-grid, .footer-design-12 .footer-grid, .footer-design-14 .footer-grid, .footer-design-15 .footer-grid { grid-template-columns: 1fr 1fr; gap: 25px; padding: 0; border: 0; }
  .footer-intro, .footer-contact-card, .footer-design-6 .footer-intro, .footer-design-14 .footer-intro, .footer-design-15 .footer-intro { grid-column: 1 / -1; grid-row: auto; display: block; }
  .footer-grid > div { padding: 0 !important; border: 0 !important; }
  .footer-contact-card { padding: 18px !important; }
  .footer-design-6 .footer-intro { padding-bottom: 22px !important; }
  .footer-design-14 .footer-service, .footer-design-14 .footer-info { display: block; }
  .footer-bottom { margin-top: 26px; }
}

/* Sperrmüllservice Wien ile ortak marka dili: bütün alternatiflerde sabit. */
body {
  color: var(--ink);
  background: color-mix(in srgb, var(--soft) 42%, #fff);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
h1, h2, h3, h4, h5, .navbar, .btn, .home-btn, .home-eyebrow,
.hero-benefits strong, .service-number, .service-card > *, .footer-brand, .footer-phone {
  font-family: inherit;
}
body[class*="header-design-"] .site-header-shell {
  display: flex;
  flex-flow: column nowrap;
  margin: 0;
  border: 0;
  background: var(--paper);
}
body .site-header-shell .site-header {
  order: 1;
  flex: 0 0 auto;
  color: var(--ink);
  background: rgb(255 255 255 / 97%);
  border: 0;
  border-radius: 0;
  box-shadow: 0 8px 28px color-mix(in srgb, var(--primary-dark) 10%, transparent);
}
body .site-header-shell .main-nav {
  position: relative !important;
  inset: auto !important;
  order: 2;
  flex: 0 0 auto;
  width: 100% !important;
  margin: 0 !important;
  color: var(--ink);
  background: var(--paper);
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--primary) 14%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 18%, transparent);
  border-radius: 0 !important;
  box-shadow: none;
  transform: none !important;
}
body .site-header-shell .main-nav .container { transform: none !important; }
body .site-header-shell .main-nav .navbar-nav { justify-content: center; }
body .site-header-shell .main-nav .nav-link {
  position: relative;
  padding: 14px 13px !important;
  color: color-mix(in srgb, var(--ink) 88%, #fff);
  background: transparent;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .035em;
  text-shadow: none;
}
body .site-header-shell .main-nav .nav-link::after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 7px;
  left: 13px;
  height: 3px;
  background: var(--accent);
  border-radius: 3px;
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .18s ease, transform .18s ease;
}
body .site-header-shell .main-nav .nav-link:hover,
body .site-header-shell .main-nav .nav-link:focus {
  color: var(--primary);
  background: transparent;
}
body .site-header-shell .main-nav .nav-link:hover::after,
body .site-header-shell .main-nav .nav-link:focus::after { opacity: 1; transform: scaleX(1); }
body .site-header-shell .utility-bar {
  order: 3;
  color: #fff;
  background: var(--primary-dark);
}
body .site-header-shell .utility-inner { min-height: 38px; justify-content: center; gap: clamp(24px, 8vw, 110px); }
body .site-header-shell .utility-inner i {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  margin-right: 6px;
  color: var(--primary-dark);
  background: var(--accent);
  border-radius: 50%;
  font-size: .6rem;
}
body .site-header-shell .header-top { min-height: 88px; }
body .site-header-shell .brand { padding: 0; background: transparent; border-radius: 0; }
body .site-header-shell .brand img { max-width: 330px; max-height: 76px; }
body .site-header-shell .header-tagline { color: var(--muted); }
body .site-header-shell .header-contact a { border-radius: 9px; }
body .site-header-shell .header-call { color: #fff; background: var(--primary-dark); }
body .site-header-shell .header-whatsapp { color: #fff; background: #25b95f; }
.header-design-4 .utility-bar, .header-design-4 .site-header, .header-design-4 .main-nav,
.header-design-7 .site-header, .header-design-11 .site-header, .header-design-11 .main-nav { background: var(--paper); }
.header-design-4 .header-tagline, .header-design-7 .header-tagline, .header-design-11 .header-tagline { color: var(--muted); }
.header-design-12 .site-header { border-top-color: var(--accent); }

.modern-home { display: flex; flex-direction: column; }
.modern-home .home-trust { order: -1; }
.trust-items { grid-template-columns: repeat(5, 1fr); min-height: 126px; gap: 0; overflow: hidden; border-radius: 18px; }
.home-trust { padding: 28px 0; background: var(--soft); }
.trust-items > span, .trust-items > a {
  display: grid;
  min-width: 0;
  height: 100%;
  place-items: center;
  align-content: center;
  gap: 9px;
  padding: 20px 12px;
  color: #fff;
  background: var(--primary-dark);
  border-right: 1px solid rgb(255 255 255 / 12%);
  font-size: .76rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}
.trust-items > :last-child { border-right: 0; }
.trust-items > a { background: var(--primary); }
.trust-items > span i, .trust-items > a i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  margin: 0;
  color: #fff;
  background: rgb(255 255 255 / 12%);
  border-radius: 12px;
  font-size: 1.05rem;
}
.home-design-4 .home-hero { background: var(--primary-dark); }
.home-design-4 .service-card { border-top-color: var(--accent); }
.home-design-9 .home-hero { background-color: var(--soft); }
.home-company { padding: clamp(50px, 6vw, 82px) 0; background: linear-gradient(135deg, var(--paper) 0 65%, var(--soft) 65%); }
.company-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(34px, 7vw, 90px); align-items: start; }
.company-copy h2 { margin: 0 0 22px; font-size: clamp(2rem, 4vw, 3.6rem); letter-spacing: -.035em; }
.company-copy p { color: var(--muted); }
.company-panel { padding: clamp(25px, 4vw, 38px); color: #fff; background: var(--primary-dark); border-radius: var(--radius); box-shadow: var(--shadow); }
.company-panel h3 { margin: 0 0 20px; font-size: 1.45rem; }
.company-panel ul { display: grid; gap: 10px; margin: 0 0 25px; padding: 0; list-style: none; }
.company-panel li { position: relative; padding-left: 26px; color: rgb(255 255 255 / 78%); }
.company-panel li::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 900; }
.company-panel .home-btn { color: var(--ink); background: var(--accent); }

/* İç sayfalar: hedef sitedeki gibi tek kolon, sağ form/yan panel yok. */
.detail-page { background: linear-gradient(180deg, var(--soft), color-mix(in srgb, var(--soft) 35%, #fff) 560px); }
.detail-page.elementor-page { padding: clamp(35px, 5vw, 64px) 18px; }
.detail-page .elementor-content { width: min(1160px, 100%); margin-inline: auto; }
.detail-page .elementor-content > .elementor > .elementor-top-section { margin-bottom: 22px; padding: 0 !important; background: transparent !important; }
.detail-page .elementor-content > .elementor > .elementor-top-section > .elementor-container {
  width: 100% !important;
  max-width: 100%;
  padding: clamp(24px, 5vw, 52px);
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
  border-radius: 20px;
  box-shadow: 0 18px 50px color-mix(in srgb, var(--primary-dark) 9%, transparent);
}
.detail-page .elementor-top-column:has(.elementor-widget-form),
.detail-page .elementor-widget-form,
.detail-page .contact-card { display: none !important; }
.detail-page .elementor-container:has(> .elementor-top-column .elementor-widget-form) > .elementor-top-column:not(:has(.elementor-widget-form)) {
  width: 100% !important;
}
.detail-page .elementor-top-section > .elementor-container > .elementor-top-column:only-child { width: 100% !important; }
.detail-page .elementor-content img { border-radius: 14px; }
.detail-page .elementor-content h1,
.detail-page .elementor-content h2,
.detail-page .elementor-content h3 { color: var(--ink); font-family: inherit; letter-spacing: -.025em; }
.detail-page .elementor-content p,
.detail-page .elementor-content li { color: var(--muted); }
.detail-page.classic-page .content-container {
  padding: clamp(24px, 5vw, 52px);
  background: var(--paper);
  border-radius: 20px;
  box-shadow: 0 18px 50px color-mix(in srgb, var(--primary-dark) 9%, transparent);
}

/* Preise: tam genişlikte, şeffaf ve güven veren fiyat sunumu. */
.prices-page { padding: clamp(54px, 8vw, 94px) 0; background: linear-gradient(180deg, #f3fbfa 0, #fff 520px); }
.prices-container { max-width: 1180px; }
.prices-hero { max-width: 850px; margin: 0 auto 32px; text-align: center; }
.prices-eyebrow { display: inline-block; margin-bottom: 10px; color: var(--primary); font-size: .76rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.prices-hero h1 { margin: 0; color: var(--ink); font-size: clamp(2.5rem, 6vw, 4.8rem); letter-spacing: -.04em; line-height: 1.03; }
.prices-hero p { max-width: 760px; margin: 20px auto 0; color: var(--muted); font-size: 1.08rem; }
.prices-trust-bar { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; margin: 0 0 28px; border: 1px solid #cae3df; border-radius: 12px; background: #fff; box-shadow: 0 12px 34px rgb(7 84 90 / 8%); }
.prices-trust-bar span { display: flex; min-height: 64px; align-items: center; justify-content: center; gap: 9px; padding: 14px; color: #123e3f; text-align: center; font-size: .86rem; font-weight: 750; }
.prices-trust-bar span + span { border-left: 1px solid #dbeae7; }
.prices-trust-bar i { color: var(--primary); }
.prices-copy { max-width: 930px; margin: 0 auto 38px; color: var(--muted); text-align: center; }
.price-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; margin: 0 0 32px; }
.price-card { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #d8e7e4; border-radius: 18px; background: #fff; box-shadow: 0 18px 50px rgb(7 84 90 / 10%); }
.price-card--featured { border: 2px solid var(--primary); box-shadow: 0 24px 62px rgb(7 84 90 / 18%); transform: translateY(-8px); }
.price-card-badge { position: absolute; top: 0; right: 20px; padding: 7px 12px; border-radius: 0 0 8px 8px; color: #fff; background: var(--accent); font-size: .7rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.price-card header { padding: 28px 24px 20px; color: #fff; background: linear-gradient(145deg, #073d43, #087f7d); text-align: center; }
.price-card header h2 { margin: 0; color: inherit; font-size: 1.35rem; }
.price-card-amount { display: flex; align-items: flex-start; justify-content: center; padding: 25px 20px 0; color: var(--primary-dark); line-height: 1; }
.price-card-amount strong { font-family: "Oswald", Arial, sans-serif; font-size: clamp(4.2rem, 7vw, 5.8rem); font-weight: 650; letter-spacing: -.06em; }
.price-card-amount .price-currency { margin: 11px 6px 0 0; font-size: 1.65rem; font-weight: 800; }
.price-card-amount sup { margin-top: 13px; font-size: 1rem; font-weight: 800; }
.price-period { margin: 3px 0 20px; color: var(--muted); text-align: center; font-size: .79rem; }
.price-card ul { display: grid; gap: 0; margin: 0; padding: 0 24px; list-style: none; }
.price-card li { display: flex; gap: 10px; padding: 12px 0; border-top: 1px solid #e7efed; color: #354846; font-size: .86rem; }
.price-card li i { margin-top: 3px; color: var(--primary); }
.price-card li.price-gross { color: var(--primary-dark); font-weight: 800; }
.price-card-button { display: block; margin: auto 24px 25px; padding: 13px 18px; border-radius: 9px; color: #fff; background: var(--primary); text-align: center; font-weight: 800; text-decoration: none; }
.price-card-button:hover { color: #fff; background: var(--primary-dark); transform: translateY(-1px); }
.price-notice { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin: 0 0 30px; padding: 24px 28px; border-left: 5px solid var(--accent); border-radius: 12px; background: #fff6ee; }
.price-notice-icon { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); font-size: 1.25rem; }
.price-notice h2 { margin: 0 0 3px; font-size: 1.35rem; }
.price-notice p { margin: 0; color: var(--muted); }
.prices-cta { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 32px; align-items: center; padding: clamp(28px, 5vw, 48px); border-radius: 18px; color: #fff; background: linear-gradient(145deg, #073d43, #087f7d); box-shadow: 0 22px 55px rgb(7 84 90 / 20%); }
.prices-cta > div > span { color: #aee8df; font-size: .75rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.prices-cta h2 { margin: 7px 0 10px; color: #fff; font-size: clamp(1.8rem, 4vw, 3rem); }
.prices-cta p { margin: 0; color: rgb(255 255 255 / 75%); }
.prices-cta-actions { display: grid; gap: 10px; }
.prices-cta-actions a { display: flex; min-height: 50px; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 9px; text-align: center; font-weight: 800; text-decoration: none; }
.prices-call { color: var(--ink); background: var(--accent); }
.prices-call:hover { color: var(--ink); filter: brightness(.96); }
.prices-request { color: #fff; border: 1px solid rgb(255 255 255 / 40%); }
.prices-request:hover { color: #fff; background: rgb(255 255 255 / 10%); }

/* Kontakt: sperrmuellservice-wien.at/kontakt ile aynı renk ve kompozisyon. */
.contact-page-modern { min-height: 680px; padding: clamp(4.5rem, 8vw, 7rem) 0; background: linear-gradient(135deg, #f3fbfa, #dff4f2); }
.contact-main-grid { display: grid; grid-template-columns: minmax(0, 56fr) minmax(360px, 44fr); gap: 1.5rem; align-items: stretch; max-width: 1200px; }
.contact-form-column { min-width: 0; }
.contact-hero { margin-bottom: 1.35rem; padding: 0; text-align: left; }
.contact-hero .home-eyebrow { display: none; }
.contact-hero h1 { margin: 0 0 12px; padding: 0; border: 0; color: var(--ink); font-size: clamp(2.5rem, 5vw, 4.2rem); letter-spacing: -.04em; }
.contact-hero h1 strong { color: var(--primary); font-weight: inherit; }
.contact-hero p { max-width: 670px; margin: 0; color: var(--muted); }
.contact-form-panel, .contact-details-panel { padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: 1.2rem; box-shadow: 0 24px 60px rgb(7 84 90 / 16%); }
.contact-form-panel { border: 1px solid #c9e3e1; background: #fff; }
.contact-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-fields label { display: grid; gap: 7px; color: var(--ink); font-size: .82rem; font-weight: 800; }
.contact-fields .form-control { min-height: 50px; padding: 12px 14px; border: 1px solid #c9e3e1; border-radius: .7rem; background: #fbfefd; }
.contact-fields .form-control:focus { outline: 0; border-color: #009f9d; box-shadow: 0 0 0 .2rem rgb(0 159 157 / 10%); }
.contact-description { grid-column: 1 / -1; }
.contact-description textarea.form-control { min-height: 150px; resize: vertical; }
.contact-submit { grid-column: 1 / -1; width: 100%; min-height: 52px; justify-content: center; border: 0; border-radius: .7rem; color: #fff; background: #009f9d; }
.contact-submit:hover { color: #fff; background: #087f7d; }
.contact-details-panel { color: #fff; background: linear-gradient(145deg, #07545a, #009f9d); }
.contact-details-panel .home-eyebrow { color: #a9ece8; }
.contact-details-panel h2 { margin: 8px 0 1rem; color: #fff; font-size: clamp(1.8rem, 3vw, 2.7rem); }
.contact-details-panel > p { margin-bottom: 1.6rem; color: rgb(255 255 255 / 80%); }
.contact-details-list { margin: 0; }
.contact-details-list > div { display: grid; grid-template-columns: 115px 1fr; gap: 1rem; padding: 1rem 0; border-top: 1px solid rgb(255 255 255 / 16%); }
.contact-details-list dt { color: #a9ece8; font-size: .77rem; font-weight: 850; text-transform: uppercase; }
.contact-details-list dd { min-width: 0; margin: 0; color: #fff; font-weight: 650; overflow-wrap: anywhere; }
.contact-details-list a { color: #fff; }
.contact-details-list small { display: block; margin-top: 5px; color: rgb(255 255 255 / 66%); font-weight: 400; line-height: 1.35; }
.contact-details-actions { display: flex; gap: .75rem; margin-top: 1.7rem; }
.contact-details-actions a { display: flex; min-height: 50px; flex: 1; align-items: center; justify-content: center; gap: 8px; padding: .8rem 1rem; border-radius: .6rem; color: #fff; font-weight: 850; text-align: center; text-decoration: none; }
.contact-detail-call { background: #f47b35; }
.contact-detail-whatsapp { background: #20a85a; }
.contact-details-actions a:hover { color: #fff; filter: brightness(.92); }

@media (max-width: 1199.98px) {
  body .site-header-shell .main-nav { padding: 8px 0; }
  body .site-header-shell .main-nav .nav-link::after { display: none; }
  body .site-header-shell .main-nav .navbar-nav { align-items: stretch !important; }
  .price-card-grid { gap: 15px; }
}

@media (max-width: 767.98px) {
  body .site-header-shell .utility-inner { min-height: 34px; gap: 12px; }
  body .site-header-shell .utility-inner span { font-size: .67rem; }
  body .site-header-shell .utility-inner span:nth-child(3) { display: none; }
  .trust-items { grid-template-columns: 1fr 1fr; min-height: 0; border-radius: 12px; }
  .trust-items > span, .trust-items > a { min-height: 112px; border-bottom: 1px solid rgb(255 255 255 / 12%); }
  .trust-items > :last-child { grid-column: 1 / -1; }
  .company-layout { grid-template-columns: 1fr; }
  .detail-page.elementor-page { padding-inline: 10px; }
  .detail-page .elementor-content > .elementor > .elementor-top-section > .elementor-container { padding: 22px 16px; border-radius: 13px; }
  .prices-trust-bar { grid-template-columns: 1fr; }
  .prices-trust-bar span { justify-content: flex-start; min-height: 0; padding: 13px 16px; text-align: left; }
  .prices-trust-bar span + span { border-top: 1px solid #dbeae7; border-left: 0; }
  .price-card-grid { grid-template-columns: 1fr; gap: 18px; }
  .price-card--featured { transform: none; }
  .price-notice { grid-template-columns: 1fr; }
  .prices-cta { grid-template-columns: 1fr; }
  .contact-page-modern { min-height: 0; padding: 3.5rem 0; }
  .contact-main-grid { grid-template-columns: 1fr; margin-top: 0; }
  .contact-fields { grid-template-columns: 1fr; }
  .contact-description, .contact-submit { grid-column: auto; }
  .contact-submit { width: 100%; }
  .contact-details-list > div { grid-template-columns: 1fr; gap: .2rem; }
  .contact-details-actions { flex-direction: column; }
}

/* KANONİK ANA SAYFA
 * İçerik doğrudan entruempelungsservice-wien.at kaydından gelir.
 * home-design-* sınıfları sadece aşağıdaki görünümü değiştirir.
 */
.canonical-home-content { overflow: hidden; background: var(--paper); }
.home-source-content { color: var(--ink); font-family: inherit; }
.home-source-content > .elementor {
  display: flex;
  flex-direction: column;
}
.home-source-content .elementor-section-stretched { left: auto !important; width: 100% !important; max-width: none; }
.home-source-content .elementor-container { width: min(1220px, calc(100% - 32px)); max-width: 1220px; margin-inline: auto; }
.home-source-content h1,
.home-source-content h2,
.home-source-content h3,
.home-source-content h4 { color: var(--ink); font-family: inherit !important; letter-spacing: -.035em; }
.home-source-content p { color: var(--muted); font-family: inherit !important; font-size: 1rem; line-height: 1.72; }
.home-source-content img { border-radius: 16px; }
.home-source-content .elementor-button {
  min-height: 48px;
  padding: 13px 20px !important;
  color: #fff !important;
  background: var(--primary) !important;
  border: 0;
  border-radius: 9px;
  box-shadow: 0 9px 20px color-mix(in srgb, var(--primary) 22%, transparent);
}
.home-source-content .elementor-element-3e38fe7 {
  order: 1;
  padding: clamp(42px, 6vw, 78px) 0 !important;
  background: linear-gradient(135deg, var(--paper) 0 64%, var(--soft) 64%) !important;
}
.home-source-content .elementor-element-85664cc h1 {
  max-width: 1040px;
  margin: 0 auto clamp(30px, 5vw, 58px) !important;
  font-size: clamp(2.7rem, 5.5vw, 5rem) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  text-align: center;
}
.home-source-content .elementor-inner-section {
  margin-bottom: clamp(28px, 5vw, 62px);
  padding: 0 !important;
}
.home-source-content .elementor-inner-section > .elementor-container { gap: 18px; }
.home-source-content .elementor-inner-section > .elementor-container > .elementor-column { min-width: 0; padding: 0 !important; }
.home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
  height: 100%;
  padding: clamp(20px, 3vw, 32px) !important;
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--primary) 13%, transparent);
  border-radius: 18px;
  box-shadow: 0 15px 42px color-mix(in srgb, var(--primary-dark) 9%, transparent);
}
.home-source-content .elementor-element-d384605 > .elementor-container { align-items: center; }
.home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column:first-child { width: 58%; }
.home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column:last-child { width: 42%; }
.home-source-content .elementor-element-d384605 h2 { font-size: clamp(2rem, 4vw, 3.5rem) !important; line-height: 1.08; }
.home-source-content .elementor-element-d384605 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; box-shadow: var(--shadow); }
.home-source-content .elementor-element-7d0dcbf > .elementor-container,
.home-source-content .elementor-element-b4691e6 > .elementor-container,
.home-source-content .elementor-element-65203a9 > .elementor-container { display: grid; grid-template-columns: repeat(4, 1fr); }
.home-source-content .elementor-element-7d0dcbf > .elementor-container > .elementor-column,
.home-source-content .elementor-element-b4691e6 > .elementor-container > .elementor-column,
.home-source-content .elementor-element-65203a9 > .elementor-container > .elementor-column { width: auto !important; }
.home-source-content .elementor-element-7d0dcbf > .elementor-container > .elementor-column > .elementor-widget-wrap {
  color: #fff;
  background: var(--primary-dark);
  border-color: rgb(255 255 255 / 10%);
}
.home-source-content .elementor-element-7d0dcbf h3,
.home-source-content .elementor-element-7d0dcbf p { color: #fff !important; }
.home-source-content .elementor-element-7d0dcbf p { opacity: .74; }
.home-source-content .elementor-element-b4691e6 img,
.home-source-content .elementor-element-65203a9 img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-source-content .elementor-element-a7774da > .elementor-container { align-items: center; }
.home-source-content .elementor-element-a7774da > .elementor-container > .elementor-column { width: 50%; }
.home-source-content .elementor-element-9489bd9 > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding: clamp(28px, 5vw, 52px) !important;
  color: #fff;
  background: linear-gradient(135deg, var(--primary-dark), var(--primary));
}
.home-source-content .elementor-element-9489bd9 h2,
.home-source-content .elementor-element-9489bd9 h3,
.home-source-content .elementor-element-9489bd9 p { color: #fff !important; }
.home-source-content .elementor-element-6daeb0a > .elementor-container { display: grid; grid-template-columns: 1.2fr .8fr .8fr; align-items: stretch; }
.home-source-content .elementor-element-6daeb0a > .elementor-container > .elementor-column { width: auto !important; }
.home-source-content .elementor-element-40d030e {
  order: 2;
  padding: 28px 0 !important;
  background: var(--soft) !important;
}
.home-source-content .elementor-element-40d030e > .elementor-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.home-source-content .elementor-element-40d030e > .elementor-container > .elementor-column { width: auto !important; }
.home-source-content .elementor-element-40d030e > .elementor-container > .elementor-column > .elementor-widget-wrap {
  height: 100%;
  padding: 22px !important;
  background: var(--primary-dark);
  border-radius: 14px;
}
.home-source-content .elementor-element-40d030e li,
.home-source-content .elementor-element-40d030e .elementor-icon-list-text { color: #fff !important; font-family: inherit !important; font-size: .78rem; }
.home-source-content .elementor-element-40d030e i { color: var(--accent) !important; }

/* Aynı kanonik içerik için 15 farklı yerleşim dili. */
.home-design-1 .home-source-content .elementor-element-d384605 > .elementor-container { align-items: center; }
.home-design-2 .home-source-content .elementor-element-d384605 > .elementor-container { flex-direction: row-reverse; }
.home-design-2 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap { border-radius: 32px 8px 32px 8px; }
.home-design-3 .home-source-content .elementor-element-d384605 > .elementor-container { display: block; text-align: center; }
.home-design-3 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: 100%; margin-bottom: 18px; }
.home-design-3 .home-source-content .elementor-element-d384605 img { aspect-ratio: 16 / 6; }
.home-design-3 .home-source-content .elementor-element-b4691e6 > .elementor-container,
.home-design-3 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: repeat(2, 1fr); }
.home-design-4 .home-source-content .elementor-element-3e38fe7 { color: #fff; background: var(--primary-dark) !important; }
.home-design-4 .home-source-content .elementor-element-85664cc h1 { color: #fff; }
.home-design-4 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap { border-radius: 4px; }
.home-design-5 .home-source-content .elementor-element-d384605 { padding: 30px !important; background: var(--soft); border-radius: 24px; }
.home-design-5 .home-source-content .elementor-element-7d0dcbf > .elementor-container { grid-template-columns: repeat(2, 1fr); }
.home-design-6 .home-source-content .elementor-element-d384605 img { aspect-ratio: 1; border-radius: 50%; }
.home-design-6 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap { border-radius: 36px; }
.home-design-7 .home-source-content .elementor-element-7d0dcbf > .elementor-container,
.home-design-7 .home-source-content .elementor-element-b4691e6 > .elementor-container,
.home-design-7 .home-source-content .elementor-element-65203a9 > .elementor-container { gap: 0; overflow: hidden; border-radius: 18px; }
.home-design-7 .home-source-content .elementor-element-7d0dcbf > .elementor-container > .elementor-column > .elementor-widget-wrap,
.home-design-7 .home-source-content .elementor-element-b4691e6 > .elementor-container > .elementor-column > .elementor-widget-wrap,
.home-design-7 .home-source-content .elementor-element-65203a9 > .elementor-container > .elementor-column > .elementor-widget-wrap { border-radius: 0; box-shadow: none; }
.home-design-8 .home-source-content img { border-radius: 50% 50% 12px 12px; }
.home-design-8 .home-source-content .elementor-element-9489bd9 > .elementor-container > .elementor-column > .elementor-widget-wrap { border-radius: 70px 10px 70px 10px; }
.home-design-9 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
  border: 2px solid var(--ink);
  border-radius: 0;
  box-shadow: 7px 7px 0 var(--accent);
}
.home-design-9 .home-source-content img, .home-design-9 .home-source-content .elementor-button { border-radius: 0; }
.home-design-10 .home-source-content .elementor-element-b4691e6 > .elementor-container,
.home-design-10 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: repeat(2, 1fr); }
.home-design-10 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap { border-radius: 6px 38px 6px 38px; }
.home-design-11 .home-source-content .elementor-element-3e38fe7 { background: radial-gradient(circle at 80% 8%, var(--primary), transparent 30%), var(--primary-dark) !important; }
.home-design-11 .home-source-content .elementor-element-85664cc h1 { color: #fff; }
.home-design-12 .home-source-content .elementor-inner-section:nth-of-type(even) { padding: 28px !important; background: var(--soft); }
.home-design-12 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
.home-design-12 .home-source-content img { border-radius: 0; }
.home-design-13 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap { border: 0; border-radius: 55px 16px 55px 16px; }
.home-design-13 .home-source-content img { border-radius: 48% 52% 44% 56% / 48% 46% 54% 52%; }
.home-design-14 .home-source-content .elementor-element-7d0dcbf > .elementor-container > .elementor-column:nth-child(even) > .elementor-widget-wrap,
.home-design-14 .home-source-content .elementor-element-40d030e > .elementor-container > .elementor-column:nth-child(even) > .elementor-widget-wrap { background: var(--primary); }
.home-design-14 .home-source-content .elementor-button { color: var(--ink) !important; background: var(--accent) !important; }
.home-design-15 .home-source-content .elementor-element-3e38fe7 { background: var(--paper) !important; }
.home-design-15 .home-source-content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding-inline: 0 !important;
  background: transparent;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--ink) 38%, transparent);
  border-radius: 0;
  box-shadow: none;
}

/* Varyantların masaüstünde açıkça farklı görünmesini sağlayan yapısal düzenler. */
@media (min-width: 992px) {
  .home-design-1 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1.15fr .85fr;
  }
  .home-design-1 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }

  .home-design-2 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: .78fr 1.22fr;
  }
  .home-design-2 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-2 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column:first-child { order: 2; }
  .home-design-2 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column:last-child { order: 1; }
  .home-design-2 .home-source-content .elementor-element-40d030e > .elementor-container { grid-template-columns: 1fr 1fr; }

  .home-design-3 .home-source-content .elementor-element-3e38fe7 { padding-top: 30px !important; }
  .home-design-3 .home-source-content .elementor-element-85664cc h1 { max-width: 820px; }
  .home-design-3 .home-source-content .elementor-element-d384605 > .elementor-container { max-width: 1040px; }
  .home-design-3 .home-source-content .elementor-element-7d0dcbf > .elementor-container { grid-template-columns: repeat(4, 1fr); }

  .home-design-4 .canonical-home-content { background: var(--primary-dark); }
  .home-design-4 .home-source-content .elementor-element-3e38fe7 { background: var(--primary-dark) !important; }
  .home-design-4 .home-source-content .elementor-inner-section > .elementor-container { max-width: 1100px; }
  .home-design-4 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-4 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: 1fr 1fr; }
  .home-design-4 .home-source-content .elementor-element-40d030e { background: color-mix(in srgb, var(--primary) 35%, var(--primary-dark)) !important; }

  .home-design-5 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1.35fr .65fr;
  }
  .home-design-5 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-5 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-5 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: 1.4fr .8fr .8fr; }
  .home-design-5 .home-source-content .elementor-element-b4691e6 > .elementor-container > .elementor-column:first-child,
  .home-design-5 .home-source-content .elementor-element-65203a9 > .elementor-container > .elementor-column:first-child { grid-row: span 2; }

  .home-design-6 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    max-width: 1060px;
  }
  .home-design-6 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-6 .home-source-content .elementor-element-7d0dcbf > .elementor-container { grid-template-columns: 1fr 1fr; max-width: 900px; }
  .home-design-6 .home-source-content .elementor-element-40d030e > .elementor-container { grid-template-columns: repeat(2, 1fr); max-width: 980px; }

  .home-design-7 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-7 .home-source-content .elementor-element-65203a9 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1.4fr .8fr .8fr;
  }
  .home-design-7 .home-source-content .elementor-element-b4691e6 > .elementor-container > .elementor-column:first-child,
  .home-design-7 .home-source-content .elementor-element-65203a9 > .elementor-container > .elementor-column:last-child { grid-column: span 2; }

  .home-design-8 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: .9fr 1.1fr;
    max-width: 1080px;
  }
  .home-design-8 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-8 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-8 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: repeat(2, 1fr); }

  .home-design-9 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
  .home-design-9 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-9 .home-source-content .elementor-element-7d0dcbf > .elementor-container,
  .home-design-9 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-9 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: 1fr 1fr; gap: 24px; }

  .home-design-10 .home-source-content .elementor-inner-section:nth-child(odd) > .elementor-container {
    width: min(1050px, calc(100% - 32px));
    margin-left: max(16px, calc((100% - 1220px) / 2));
    margin-right: auto;
  }
  .home-design-10 .home-source-content .elementor-inner-section:nth-child(even) > .elementor-container {
    width: min(1050px, calc(100% - 32px));
    margin-right: max(16px, calc((100% - 1220px) / 2));
    margin-left: auto;
  }
  .home-design-10 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1.25fr .75fr;
  }
  .home-design-10 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }

  .home-design-11 .canonical-home-content { background: #0c3036; }
  .home-design-11 .home-source-content .elementor-element-3e38fe7 { background: radial-gradient(circle at 85% 8%, var(--primary), transparent 26%), #0c3036 !important; }
  .home-design-11 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1.2fr .8fr;
  }
  .home-design-11 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-11 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-11 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: repeat(2, 1fr); }

  .home-design-12 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
  .home-design-12 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-12 .home-source-content .elementor-element-7d0dcbf > .elementor-container,
  .home-design-12 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-12 .home-source-content .elementor-element-65203a9 > .elementor-container { gap: 0; }

  .home-design-13 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: .8fr 1.2fr;
    max-width: 1080px;
  }
  .home-design-13 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-13 .home-source-content .elementor-element-7d0dcbf > .elementor-container { grid-template-columns: repeat(2, 1fr); }

  .home-design-14 .home-source-content .elementor-element-d384605 > .elementor-container {
    display: grid !important;
    grid-template-columns: 1.25fr .75fr;
  }
  .home-design-14 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: auto !important; }
  .home-design-14 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-14 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: 1.3fr .7fr .7fr; }
  .home-design-14 .home-source-content .elementor-element-b4691e6 > .elementor-container > .elementor-column:first-child,
  .home-design-14 .home-source-content .elementor-element-65203a9 > .elementor-container > .elementor-column:first-child { grid-row: span 2; }

  .home-design-15 .home-source-content .elementor-container { max-width: 980px; }
  .home-design-15 .home-source-content .elementor-element-d384605 > .elementor-container { display: block !important; }
  .home-design-15 .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column { width: 100% !important; margin-bottom: 18px; }
  .home-design-15 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-15 .home-source-content .elementor-element-65203a9 > .elementor-container { grid-template-columns: 1fr 1fr; }
  .home-design-15 .home-source-content .elementor-element-40d030e > .elementor-container { grid-template-columns: 1fr 1fr; }
}

/* Orijinal uzun menü için hedef marka dilinde kompakt ölçüler. */
body .site-header-shell .main-nav .nav-link { padding-inline: 7px !important; font-size: .7rem; }
body .site-header-shell .main-nav .dropdown-menu { background: var(--primary-dark); border-radius: 0 0 10px 10px; }
body .site-header-shell .main-nav .dropdown-item { color: #fff; font-size: .82rem; }
body .site-header-shell .main-nav .dropdown-item:hover,
body .site-header-shell .main-nav .dropdown-item:focus { color: #fff; background: var(--primary); }
body .site-header-shell .nav-phone { display: block; margin-left: auto; background: var(--accent); border-radius: 7px; }
body .site-header-shell .nav-phone .nav-link { color: var(--ink); padding: 9px 11px !important; font-size: .86rem; }

@media (max-width: 991.98px) {
  .home-source-content .elementor-element-7d0dcbf > .elementor-container,
  .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-source-content .elementor-element-65203a9 > .elementor-container,
  .home-source-content .elementor-element-40d030e > .elementor-container { grid-template-columns: repeat(2, 1fr); }
  .home-source-content .elementor-element-6daeb0a > .elementor-container { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  .home-source-content .elementor-container { width: min(100% - 20px, 1220px); }
  .home-source-content .elementor-element-3e38fe7 { padding-block: 38px !important; }
  .home-source-content .elementor-element-85664cc h1 { font-size: clamp(2.25rem, 12vw, 3.6rem) !important; }
  .home-source-content .elementor-inner-section > .elementor-container,
  .home-design-2 .home-source-content .elementor-element-d384605 > .elementor-container { display: block; }
  .home-source-content .elementor-inner-section > .elementor-container > .elementor-column,
  .home-source-content .elementor-element-d384605 > .elementor-container > .elementor-column,
  .home-source-content .elementor-element-a7774da > .elementor-container > .elementor-column { width: 100% !important; margin-bottom: 12px; }
  .home-source-content .elementor-element-7d0dcbf > .elementor-container,
  .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-source-content .elementor-element-65203a9 > .elementor-container,
  .home-source-content .elementor-element-40d030e > .elementor-container,
  .home-design-3 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-3 .home-source-content .elementor-element-65203a9 > .elementor-container,
  .home-design-5 .home-source-content .elementor-element-7d0dcbf > .elementor-container,
  .home-design-10 .home-source-content .elementor-element-b4691e6 > .elementor-container,
  .home-design-10 .home-source-content .elementor-element-65203a9 > .elementor-container { display: grid; grid-template-columns: 1fr; }
  .home-source-content .elementor-element-d384605 img,
  .home-design-3 .home-source-content .elementor-element-d384605 img { aspect-ratio: 4 / 3; }
  body .site-header-shell .nav-phone { margin: 8px 0; }
}

/* ========================================================================
   YAPILANDIRILMIŞ ANA SAYFA
   Aynı içerik blokları, 15 gerçek yerleşim alternatifi
   ======================================================================== */
.home-blocks {
  --home-gap: clamp(18px, 2.5vw, 30px);
  --home-radius: 18px;
  overflow: hidden;
  color: var(--ink);
  background: var(--paper);
}
.home-blocks *,
.home-blocks *::before,
.home-blocks *::after { box-sizing: border-box; }
.home-blocks .home-section { padding: clamp(54px, 7vw, 92px) 0; }
.home-blocks .home-wrap { width: min(1220px, calc(100% - 36px)); margin-inline: auto; }
.home-blocks .section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--primary);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.home-blocks .section-kicker::before { width: 28px; height: 3px; content: ""; background: var(--accent); }
.home-blocks h1,
.home-blocks h2,
.home-blocks h3 { color: inherit; font-family: inherit; letter-spacing: -.035em; }
.home-blocks h1 { max-width: 1050px; margin: 0; font-size: clamp(2.8rem, 6vw, 5.35rem); font-weight: 880; line-height: .98; }
.home-blocks h2 { margin: 0 0 16px; font-size: clamp(1.9rem, 3.5vw, 3.35rem); font-weight: 820; line-height: 1.04; }
.home-blocks h3 { margin: 0 0 10px; font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 800; line-height: 1.15; }
.home-blocks p { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.72; }
.home-blocks p strong { color: var(--ink); font-weight: 820; }
.home-blocks img { display: block; width: 100%; max-width: none; object-fit: cover; }

.home-blocks .home-intro { padding-top: clamp(38px, 5vw, 68px); background: linear-gradient(135deg, var(--paper) 0 70%, var(--soft) 70%); }
.home-blocks .home-title { margin-bottom: clamp(34px, 5vw, 62px); }
.home-blocks .intro-layout { display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(30px, 5vw, 68px); align-items: center; }
.home-blocks .intro-copy { display: grid; gap: 30px; }
.home-blocks .copy-segment { padding-left: 22px; border-left: 4px solid var(--primary); }
.home-blocks .copy-segment h2 { color: var(--primary); font-size: clamp(1.7rem, 3vw, 2.75rem); }
.home-blocks .intro-visual { margin: 0; overflow: hidden; background: var(--paper); border-radius: var(--home-radius); box-shadow: 0 22px 55px color-mix(in srgb, var(--primary-dark) 14%, transparent); }
.home-blocks .intro-visual img { min-height: 430px; aspect-ratio: 4 / 3; }
.home-blocks .intro-visual figcaption { padding: 20px 22px; color: var(--ink); font-size: 1.02rem; line-height: 1.55; }

.home-blocks .offer-block { background: var(--soft); }
.home-blocks .offer-media { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--home-gap); margin-bottom: var(--home-gap); }
.home-blocks .offer-media img { height: clamp(300px, 34vw, 430px); border-radius: var(--home-radius); box-shadow: 0 15px 35px color-mix(in srgb, var(--primary-dark) 10%, transparent); }
.home-blocks .assurance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.home-blocks .assurance-card {
  min-height: 230px;
  padding: 28px 24px;
  color: #fff;
  background: var(--primary-dark);
  border-radius: var(--home-radius);
}
.home-blocks .assurance-card i { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 28px; color: var(--ink); background: var(--accent); border-radius: 50%; font-size: 1.15rem; }
.home-blocks .assurance-card p,
.home-blocks .assurance-card p strong { color: rgb(255 255 255 / 78%); }

.home-blocks .section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr);
  gap: 30px;
  align-items: end;
  margin-bottom: 34px;
}
.home-blocks .section-heading h2 { max-width: 720px; margin-bottom: 0; }
.home-blocks .section-heading > p { max-width: 540px; }
.home-blocks .service-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--home-gap); }
.home-blocks .service-card {
  display: flex;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  flex-direction: column;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--primary-dark) 11%, transparent);
  border-radius: var(--home-radius);
  box-shadow: 0 14px 38px color-mix(in srgb, var(--primary-dark) 8%, transparent);
}
.home-blocks .service-card:hover { transform: none; }
.home-blocks .service-card img { height: 270px; aspect-ratio: 4 / 3; }
.home-blocks .service-copy { flex: 1; padding: 25px 23px 28px; }
.home-blocks .service-copy p { font-size: .92rem; line-height: 1.65; }
.home-blocks .service-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: var(--primary);
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-decoration: none;
  text-transform: uppercase;
}
.home-blocks .service-more:hover { color: var(--primary-dark); }
.home-blocks .secondary-services { background: var(--soft); }

.home-blocks .company-block { background: var(--primary-dark); }
.home-blocks .company-block-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(32px, 6vw, 76px); align-items: center; color: #fff; }
.home-blocks .company-block img { min-height: 430px; aspect-ratio: 4 / 3; border-radius: var(--home-radius); }
.home-blocks .company-block h2,
.home-blocks .company-block p strong { color: #fff; }
.home-blocks .company-block p { color: rgb(255 255 255 / 72%); }
.home-blocks .company-block p + p { margin-top: 18px; }

.home-blocks .value-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(32px, 6vw, 76px); align-items: center; }
.home-blocks .value-media { display: grid; gap: 14px; }
.home-blocks .value-media img { min-height: 210px; border-radius: var(--home-radius); background: var(--soft); }

.home-blocks .bottom-catalog { padding-block: 32px clamp(55px, 7vw, 88px); color: #fff; background: var(--primary-dark); }
.home-blocks .benefit-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin-bottom: 34px; overflow: hidden; background: rgb(255 255 255 / 13%); border-radius: var(--home-radius); }
.home-blocks .benefit-list span { display: flex; min-height: 78px; align-items: center; gap: 9px; padding: 16px; background: color-mix(in srgb, var(--primary-dark) 92%, #000); font-size: .72rem; font-weight: 820; letter-spacing: .025em; }
.home-blocks .benefit-list i { color: var(--accent); }
.home-blocks .service-list-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 4vw, 55px); }
.home-blocks .service-list-grid section { padding: 26px; border-top: 1px solid rgb(255 255 255 / 20%); }
.home-blocks .service-list-grid h2 { margin-bottom: 18px; color: #fff; font-size: 1.55rem; }
.home-blocks .service-list-grid ul { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 16px; margin: 0; padding: 0; list-style: none; }
.home-blocks .service-list-grid li { display: flex; gap: 8px; color: rgb(255 255 255 / 72%); font-size: .8rem; }
.home-blocks .service-list-grid li i { margin-top: .3em; color: var(--accent); font-size: .65rem; }

/* 01 — Dengeli, güven veren kurumsal düzen */
.home-design-1 .home-blocks .primary-services .service-card:first-child { grid-column: span 2; }
.home-design-1 .home-blocks .primary-services .service-card:first-child { display: grid; grid-template-columns: 1.1fr .9fr; }
.home-design-1 .home-blocks .primary-services .service-card:first-child img { height: 100%; }

/* 02 — Ters kahraman, yatay hizmet kartları */
.home-design-2 .home-blocks { --home-radius: 28px 8px 28px 8px; }
.home-design-2 .home-blocks .intro-layout { grid-template-columns: .9fr 1.1fr; }
.home-design-2 .home-blocks .intro-copy { order: 2; }
.home-design-2 .home-blocks .intro-visual { order: 1; }
.home-design-2 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
.home-design-2 .home-blocks .service-card { display: grid; grid-template-columns: .9fr 1.1fr; }
.home-design-2 .home-blocks .service-card img { height: 100%; min-height: 330px; }
.home-design-2 .home-blocks .service-card:nth-child(even) img { order: 2; }

/* 03 — Ortalanmış editoryal giriş, iki sütun galeri */
.home-design-3 .home-blocks .home-title { text-align: center; }
.home-design-3 .home-blocks .home-title h1 { margin-inline: auto; }
.home-design-3 .home-blocks .section-kicker { justify-content: center; }
.home-design-3 .home-blocks .intro-layout { display: flex; flex-direction: column; }
.home-design-3 .home-blocks .intro-copy { grid-template-columns: 1fr 1fr; max-width: 1050px; order: 2; }
.home-design-3 .home-blocks .intro-visual { width: 100%; order: 1; }
.home-design-3 .home-blocks .intro-visual img { height: min(58vw, 610px); aspect-ratio: 16 / 7; }
.home-design-3 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
.home-design-3 .home-blocks .service-card img { height: 390px; }
.home-design-3 .home-blocks .section-heading { display: block; text-align: center; }
.home-design-3 .home-blocks .section-heading h2,
.home-design-3 .home-blocks .section-heading p { margin-inline: auto; }

/* 04 — Koyu güven teması, keskin paneller */
.home-design-4 .home-blocks { --home-radius: 3px; color: #fff; background: var(--primary-dark); }
.home-design-4 .home-blocks .home-intro { background: linear-gradient(115deg, var(--primary-dark), color-mix(in srgb, var(--primary) 60%, var(--primary-dark))); }
.home-design-4 .home-blocks .home-intro p,
.home-design-4 .home-blocks .home-intro p strong { color: rgb(255 255 255 / 78%); }
.home-design-4 .home-blocks .copy-segment h2 { color: #fff; }
.home-design-4 .home-blocks .offer-block,
.home-design-4 .home-blocks .secondary-services { background: color-mix(in srgb, var(--primary-dark) 84%, #000); }
.home-design-4 .home-blocks .services-block:not(.secondary-services),
.home-design-4 .home-blocks .value-block { background: #fff; color: var(--ink); }
.home-design-4 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
.home-design-4 .home-blocks .service-card { display: grid; grid-template-columns: 1fr 1fr; border: 0; }
.home-design-4 .home-blocks .service-card img { height: 100%; min-height: 340px; }
.home-design-4 .home-blocks .secondary-services .service-card { color: var(--ink); }

/* 05 — Bento: solda bir büyük, sağda küçük içerikler */
.home-design-5 .home-blocks .intro-layout { grid-template-columns: 1.35fr .65fr; }
.home-design-5 .home-blocks .intro-copy { display: contents; }
.home-design-5 .home-blocks .copy-segment:first-child { grid-row: 1 / span 2; align-self: stretch; padding: 36px; background: var(--soft); border: 0; border-radius: var(--home-radius); }
.home-design-5 .home-blocks .copy-segment:last-child { grid-column: 2; padding: 26px; background: var(--paper); border-radius: var(--home-radius); }
.home-design-5 .home-blocks .intro-visual { grid-column: 2; }
.home-design-5 .home-blocks .intro-visual img { min-height: 270px; }
.home-design-5 .home-blocks .service-grid { grid-template-columns: 1.3fr .7fr .7fr; grid-auto-rows: minmax(250px, auto); }
.home-design-5 .home-blocks .service-card:first-child { grid-row: span 2; }
.home-design-5 .home-blocks .service-card:first-child img { height: 55%; min-height: 410px; }
.home-design-5 .home-blocks .service-card:last-child { grid-column: 2 / 4; display: grid; grid-template-columns: 1fr 1fr; }
.home-design-5 .home-blocks .service-card:last-child img { height: 100%; }

/* 06 — Yumuşak ve yuvarlak */
.home-design-6 .home-blocks { --home-radius: 38px; }
.home-design-6 .home-blocks .home-intro { background: radial-gradient(circle at 80% 20%, var(--soft), var(--paper) 48%); }
.home-design-6 .home-blocks .intro-visual img { aspect-ratio: 1; border-radius: 50%; }
.home-design-6 .home-blocks .intro-visual { overflow: visible; background: transparent; box-shadow: none; }
.home-design-6 .home-blocks .intro-visual figcaption { margin-top: -34px; background: var(--paper); border-radius: 30px; box-shadow: var(--shadow); }
.home-design-6 .home-blocks .assurance-grid { grid-template-columns: 1fr 1fr; max-width: 930px; margin-inline: auto; }
.home-design-6 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; max-width: 1050px; margin-inline: auto; }
.home-design-6 .home-blocks .service-card img { height: 360px; border-radius: 38px 38px 0 0; }

/* 07 — Birleşik mozaik */
.home-design-7 .home-blocks { --home-gap: 0px; --home-radius: 0px; }
.home-design-7 .home-blocks .offer-media,
.home-design-7 .home-blocks .assurance-grid,
.home-design-7 .home-blocks .service-grid { overflow: hidden; border-radius: 18px; }
.home-design-7 .home-blocks .offer-media img,
.home-design-7 .home-blocks .assurance-card,
.home-design-7 .home-blocks .service-card { border: 0; box-shadow: none; }
.home-design-7 .home-blocks .service-grid { grid-template-columns: 1.4fr .8fr .8fr; }
.home-design-7 .home-blocks .service-card:first-child { grid-row: span 2; }
.home-design-7 .home-blocks .service-card:first-child img { height: 520px; }
.home-design-7 .home-blocks .service-card:last-child { grid-column: 2 / 4; display: grid; grid-template-columns: 1fr 1fr; }
.home-design-7 .home-blocks .service-card:last-child img { height: 100%; }

/* 08 — Kemerli, sakin premium */
.home-design-8 .home-blocks { --home-radius: 90px 90px 14px 14px; }
.home-design-8 .home-blocks .intro-layout { grid-template-columns: .8fr 1.2fr; }
.home-design-8 .home-blocks .intro-visual img { min-height: 580px; }
.home-design-8 .home-blocks .offer-media img,
.home-design-8 .home-blocks .service-card img { border-radius: 48% 48% 0 0; }
.home-design-8 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; gap: 42px; }
.home-design-8 .home-blocks .service-card { border: 0; box-shadow: none; }
.home-design-8 .home-blocks .service-card img { height: 410px; }
.home-design-8 .home-blocks .company-block-grid { grid-template-columns: 1.2fr .8fr; }

/* 09 — Endüstriyel, net çizgili */
.home-design-9 .home-blocks { --home-radius: 0px; --home-gap: 25px; }
.home-design-9 .home-blocks .intro-visual,
.home-design-9 .home-blocks .offer-media img,
.home-design-9 .home-blocks .service-card,
.home-design-9 .home-blocks .value-media img { border: 2px solid var(--ink); box-shadow: 8px 8px 0 var(--accent); }
.home-design-9 .home-blocks .assurance-card { border: 2px solid #fff; }
.home-design-9 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
.home-design-9 .home-blocks .service-card { display: grid; grid-template-columns: .85fr 1.15fr; }
.home-design-9 .home-blocks .service-card img { height: 100%; min-height: 340px; }
.home-design-9 .home-blocks .bottom-catalog { border-top: 10px solid var(--accent); }

/* 10 — Dönüşümlü iki sütun */
.home-design-10 .home-blocks { --home-radius: 5px 40px 5px 40px; }
.home-design-10 .home-blocks .home-intro .home-wrap,
.home-design-10 .home-blocks .company-block .home-wrap,
.home-design-10 .home-blocks .value-block .home-wrap { max-width: 1060px; }
.home-design-10 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
.home-design-10 .home-blocks .service-card { display: grid; grid-template-columns: 1fr 1fr; }
.home-design-10 .home-blocks .service-card img { height: 100%; min-height: 355px; }
.home-design-10 .home-blocks .service-card:nth-child(2) img,
.home-design-10 .home-blocks .service-card:nth-child(3) img { order: 2; }
.home-design-10 .home-blocks .secondary-services .section-heading { margin-left: auto; max-width: 900px; text-align: right; }

/* 11 — Gece petrol, aydınlık içerik adaları */
.home-design-11 .home-blocks { color: #fff; background: #092f35; }
.home-design-11 .home-blocks .home-intro { background: radial-gradient(circle at 88% 5%, var(--primary), transparent 30%), #092f35; }
.home-design-11 .home-blocks p,
.home-design-11 .home-blocks p strong { color: rgb(255 255 255 / 76%); }
.home-design-11 .home-blocks .offer-block,
.home-design-11 .home-blocks .secondary-services { background: #0e3a40; }
.home-design-11 .home-blocks .service-card,
.home-design-11 .home-blocks .intro-visual { color: var(--ink); background: #fff; }
.home-design-11 .home-blocks .service-card p,
.home-design-11 .home-blocks .service-card p strong,
.home-design-11 .home-blocks .intro-visual p,
.home-design-11 .home-blocks .intro-visual strong { color: var(--ink); }
.home-design-11 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
.home-design-11 .home-blocks .service-card img { height: 390px; }
.home-design-11 .home-blocks .value-block { background: linear-gradient(135deg, #092f35, var(--primary-dark)); }

/* 12 — Geniş renk bantları, kare modüller */
.home-design-12 .home-blocks { --home-radius: 0px; --home-gap: 0px; }
.home-design-12 .home-blocks .home-section:nth-child(even) { background: var(--soft); }
.home-design-12 .home-blocks .intro-layout,
.home-design-12 .home-blocks .company-block-grid,
.home-design-12 .home-blocks .value-grid { gap: 0; }
.home-design-12 .home-blocks .intro-copy,
.home-design-12 .home-blocks .company-block-grid > div,
.home-design-12 .home-blocks .value-copy { padding: clamp(30px, 5vw, 62px); }
.home-design-12 .home-blocks .service-grid { grid-template-columns: repeat(3, 1fr); }
.home-design-12 .home-blocks .service-card:last-child { grid-column: 2 / 4; display: grid; grid-template-columns: 1fr 1fr; }
.home-design-12 .home-blocks .service-card:last-child img { height: 100%; }
.home-design-12 .home-blocks .assurance-grid { gap: 0; }

/* 13 — Organik, asimetrik */
.home-design-13 .home-blocks { --home-radius: 56px 16px 56px 16px; }
.home-design-13 .home-blocks .intro-layout { grid-template-columns: .78fr 1.22fr; }
.home-design-13 .home-blocks .intro-visual,
.home-design-13 .home-blocks .offer-media img,
.home-design-13 .home-blocks .service-card img,
.home-design-13 .home-blocks .value-media img { border-radius: 48% 52% 44% 56% / 48% 46% 54% 52%; }
.home-design-13 .home-blocks .service-card { border: 0; box-shadow: none; }
.home-design-13 .home-blocks .service-grid { grid-template-columns: 1.15fr .85fr; }
.home-design-13 .home-blocks .service-card:nth-child(even) { margin-top: 72px; }
.home-design-13 .home-blocks .service-card img { height: 410px; }
.home-design-13 .home-blocks .company-block img { border-radius: 38% 62% 58% 42% / 52% 42% 58% 48%; }

/* 14 — Güçlü bento ve vurgu rengi */
.home-design-14 .home-blocks { --home-radius: 14px; }
.home-design-14 .home-blocks .home-title h1 { max-width: 820px; }
.home-design-14 .home-blocks .intro-layout { grid-template-columns: 1.3fr .7fr; }
.home-design-14 .home-blocks .intro-visual { transform: translateY(-80px); margin-bottom: -80px; }
.home-design-14 .home-blocks .assurance-card:nth-child(even) { color: var(--ink); background: var(--accent); }
.home-design-14 .home-blocks .assurance-card:nth-child(even) p,
.home-design-14 .home-blocks .assurance-card:nth-child(even) p strong { color: var(--ink); }
.home-design-14 .home-blocks .service-grid { grid-template-columns: 1.25fr .75fr .75fr; }
.home-design-14 .home-blocks .service-card:first-child { grid-row: span 2; }
.home-design-14 .home-blocks .service-card:first-child img { height: 520px; }
.home-design-14 .home-blocks .service-card:last-child { grid-column: 2 / 4; display: grid; grid-template-columns: .9fr 1.1fr; }
.home-design-14 .home-blocks .service-card:last-child img { height: 100%; }

/* 15 — Sade İsviçre editoryal düzen */
.home-design-15 .home-blocks { --home-radius: 0px; --home-gap: 38px; }
.home-design-15 .home-blocks .home-wrap { max-width: 1040px; }
.home-design-15 .home-blocks .home-intro { background: var(--paper); }
.home-design-15 .home-blocks .home-title { padding-bottom: 28px; border-bottom: 1px solid var(--ink); }
.home-design-15 .home-blocks .intro-layout { grid-template-columns: 1fr; }
.home-design-15 .home-blocks .intro-copy { grid-template-columns: 1fr 1fr; }
.home-design-15 .home-blocks .copy-segment { padding: 24px 0 0; border: 0; border-top: 1px solid var(--ink); }
.home-design-15 .home-blocks .intro-visual { border-radius: 0; box-shadow: none; }
.home-design-15 .home-blocks .intro-visual img { aspect-ratio: 16 / 7; }
.home-design-15 .home-blocks .assurance-card { padding-inline: 0; color: var(--ink); background: transparent; border-top: 1px solid var(--ink); border-radius: 0; }
.home-design-15 .home-blocks .assurance-card p,
.home-design-15 .home-blocks .assurance-card p strong { color: var(--muted); }
.home-design-15 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
.home-design-15 .home-blocks .service-card { border: 0; border-top: 1px solid var(--ink); border-radius: 0; box-shadow: none; }
.home-design-15 .home-blocks .service-card img { height: 390px; }
.home-design-15 .home-blocks .company-block-grid { grid-template-columns: 1fr; }
.home-design-15 .home-blocks .company-block img { aspect-ratio: 16 / 7; }

@media (max-width: 991.98px) {
  .home-blocks .intro-layout,
  .home-blocks .company-block-grid,
  .home-blocks .value-grid,
  .home-design-2 .home-blocks .intro-layout,
  .home-design-4 .home-blocks .service-card,
  .home-design-5 .home-blocks .intro-layout,
  .home-design-8 .home-blocks .intro-layout,
  .home-design-10 .home-blocks .service-card,
  .home-design-13 .home-blocks .intro-layout,
  .home-design-14 .home-blocks .intro-layout { grid-template-columns: 1fr; }
  .home-blocks .assurance-grid,
  .home-blocks .benefit-list { grid-template-columns: 1fr 1fr; }
  .home-blocks .service-grid,
  .home-design-5 .home-blocks .service-grid,
  .home-design-7 .home-blocks .service-grid,
  .home-design-12 .home-blocks .service-grid,
  .home-design-14 .home-blocks .service-grid { grid-template-columns: 1fr 1fr; }
  .home-design-5 .home-blocks .copy-segment:first-child,
  .home-design-5 .home-blocks .copy-segment:last-child,
  .home-design-5 .home-blocks .intro-visual,
  .home-design-5 .home-blocks .service-card:first-child,
  .home-design-7 .home-blocks .service-card:first-child,
  .home-design-14 .home-blocks .service-card:first-child { grid-row: auto; grid-column: auto; }
  .home-design-5 .home-blocks .service-card:last-child,
  .home-design-7 .home-blocks .service-card:last-child,
  .home-design-12 .home-blocks .service-card:last-child,
  .home-design-14 .home-blocks .service-card:last-child { grid-column: 1 / -1; }
  .home-design-14 .home-blocks .intro-visual { transform: none; margin: 0; }
}

@media (max-width: 767.98px) {
  .home-blocks .home-section { padding-block: 44px; }
  .home-blocks .home-wrap { width: min(100% - 22px, 1220px); }
  .home-blocks h1 { font-size: clamp(2.35rem, 12vw, 3.7rem); }
  .home-blocks .section-heading,
  .home-blocks .intro-copy,
  .home-blocks .offer-media,
  .home-blocks .assurance-grid,
  .home-blocks .service-grid,
  .home-blocks .service-list-grid,
  .home-design-2 .home-blocks .service-grid,
  .home-design-3 .home-blocks .intro-copy,
  .home-design-3 .home-blocks .service-grid,
  .home-design-4 .home-blocks .service-grid,
  .home-design-5 .home-blocks .service-grid,
  .home-design-6 .home-blocks .assurance-grid,
  .home-design-6 .home-blocks .service-grid,
  .home-design-7 .home-blocks .service-grid,
  .home-design-8 .home-blocks .service-grid,
  .home-design-9 .home-blocks .service-grid,
  .home-design-10 .home-blocks .service-grid,
  .home-design-11 .home-blocks .service-grid,
  .home-design-12 .home-blocks .service-grid,
  .home-design-13 .home-blocks .service-grid,
  .home-design-14 .home-blocks .service-grid,
  .home-design-15 .home-blocks .intro-copy,
  .home-design-15 .home-blocks .service-grid { display: grid; grid-template-columns: 1fr; }
  .home-blocks .intro-visual img,
  .home-design-3 .home-blocks .intro-visual img,
  .home-design-8 .home-blocks .intro-visual img { min-height: 340px; height: 340px; aspect-ratio: auto; }
  .home-blocks .offer-media img { height: 300px; }
  .home-blocks .service-card,
  .home-design-1 .home-blocks .primary-services .service-card:first-child,
  .home-design-2 .home-blocks .service-card,
  .home-design-4 .home-blocks .service-card,
  .home-design-5 .home-blocks .service-card:last-child,
  .home-design-7 .home-blocks .service-card:last-child,
  .home-design-9 .home-blocks .service-card,
  .home-design-10 .home-blocks .service-card,
  .home-design-12 .home-blocks .service-card:last-child,
  .home-design-14 .home-blocks .service-card:last-child { display: flex; grid-column: auto; }
  .home-blocks .service-card img,
  .home-design-3 .home-blocks .service-card img,
  .home-design-5 .home-blocks .service-card:first-child img,
  .home-design-7 .home-blocks .service-card:first-child img,
  .home-design-8 .home-blocks .service-card img,
  .home-design-10 .home-blocks .service-card img,
  .home-design-11 .home-blocks .service-card img,
  .home-design-13 .home-blocks .service-card img,
  .home-design-14 .home-blocks .service-card:first-child img,
  .home-design-15 .home-blocks .service-card img { height: 310px; min-height: 310px; order: 0; }
  .home-design-13 .home-blocks .service-card:nth-child(even) { margin-top: 0; }
  .home-blocks .benefit-list { grid-template-columns: 1fr; border-radius: 12px; }
  .home-blocks .benefit-list span { min-height: 58px; }
  .home-blocks .service-list-grid ul { grid-template-columns: 1fr; }
}

/* Ana sayfa okunabilirlik ve görsel oran iyileştirmeleri */
.home-blocks h1 {
  max-width: none;
  font-size: clamp(2.5rem, 3.7vw, 3.55rem);
  line-height: 1.02;
}
@media (min-width: 1200px) {
  .home-blocks h1 { white-space: nowrap; }
}

/* Görsel üzerindeki yazılar kırpılmasın: bütün içerik görselleri doğal oranında. */
.home-blocks .intro-visual img,
.home-blocks .offer-media img,
.home-blocks .service-card img,
.home-blocks .company-block img,
.home-blocks .value-media img {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain;
  object-position: center;
}
.home-blocks .offer-media {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  align-items: center;
}
.home-blocks .offer-media img {
  align-self: center;
  background: #fff;
}

/* Güvence alanı: daha güçlü ikonlar, katman ve renk ayrımı. */
.home-blocks .assurance-card {
  position: relative;
  min-height: 255px;
  overflow: hidden;
  padding: 30px 26px;
  border: 1px solid rgb(255 255 255 / 13%);
  box-shadow: 0 18px 38px color-mix(in srgb, var(--primary-dark) 16%, transparent);
}
.home-blocks .assurance-card::before {
  position: absolute;
  top: -58px;
  right: -50px;
  width: 170px;
  height: 170px;
  content: "";
  background: rgb(255 255 255 / 8%);
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 50%;
}
.home-blocks .assurance-card::after {
  position: absolute;
  right: 18px;
  bottom: -30px;
  color: rgb(255 255 255 / 6%);
  content: "✓";
  font-size: 8rem;
  font-weight: 900;
  line-height: 1;
}
.home-blocks .assurance-card:nth-child(2) {
  background: linear-gradient(145deg, var(--primary), var(--primary-dark));
}
.home-blocks .assurance-card:nth-child(3) {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 82%, #fff), var(--primary-dark));
}
.home-blocks .assurance-card:nth-child(4) {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary-dark) 88%, #000), var(--primary));
}
.home-blocks .assurance-card > * { position: relative; z-index: 1; }
.home-blocks .assurance-card i {
  width: 62px;
  height: 62px;
  margin-bottom: 32px;
  border: 5px solid rgb(255 255 255 / 20%);
  box-shadow: 0 10px 24px rgb(0 0 0 / 18%);
  font-size: 1.4rem;
}
.home-blocks .assurance-card h3 { font-size: clamp(1.35rem, 2vw, 1.8rem); }
.home-blocks .assurance-card p { max-width: 250px; font-size: .93rem; }

/* Alt hizmetlerde iki geniş görsel: fotoğraf ve üzerindeki metin rahat okunur. */
.home-blocks .service-grid,
.home-design-2 .home-blocks .service-grid,
.home-design-3 .home-blocks .service-grid,
.home-design-4 .home-blocks .service-grid,
.home-design-5 .home-blocks .service-grid,
.home-design-6 .home-blocks .service-grid,
.home-design-7 .home-blocks .service-grid,
.home-design-8 .home-blocks .service-grid,
.home-design-9 .home-blocks .service-grid,
.home-design-10 .home-blocks .service-grid,
.home-design-11 .home-blocks .service-grid,
.home-design-12 .home-blocks .service-grid,
.home-design-13 .home-blocks .service-grid,
.home-design-14 .home-blocks .service-grid,
.home-design-15 .home-blocks .service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 38px);
}
.home-blocks .service-card {
  align-self: start;
}
.home-blocks .service-card img {
  width: 100%;
  background: var(--soft);
}
.home-blocks .service-copy {
  padding: clamp(24px, 3vw, 34px);
}
.home-blocks .service-copy p {
  font-size: .98rem;
  line-height: 1.72;
}

/* Büyük + küçük bento alternatiflerinde de küçük fotoğraf oluşmasını engelle. */
.home-design-5 .home-blocks .service-card:first-child,
.home-design-7 .home-blocks .service-card:first-child,
.home-design-14 .home-blocks .service-card:first-child {
  grid-column: 1 / -1;
  grid-row: auto;
}
.home-design-5 .home-blocks .service-card:first-child,
.home-design-7 .home-blocks .service-card:first-child,
.home-design-14 .home-blocks .service-card:first-child {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  align-items: center;
}
.home-design-5 .home-blocks .service-card:last-child,
.home-design-7 .home-blocks .service-card:last-child,
.home-design-12 .home-blocks .service-card:last-child,
.home-design-14 .home-blocks .service-card:last-child {
  grid-column: auto;
}

@media (max-width: 767.98px) {
  .home-blocks h1 { font-size: clamp(2.15rem, 10vw, 3.2rem); }
  .home-blocks .offer-media,
  .home-blocks .service-grid,
  .home-design-2 .home-blocks .service-grid,
  .home-design-3 .home-blocks .service-grid,
  .home-design-4 .home-blocks .service-grid,
  .home-design-5 .home-blocks .service-grid,
  .home-design-6 .home-blocks .service-grid,
  .home-design-7 .home-blocks .service-grid,
  .home-design-8 .home-blocks .service-grid,
  .home-design-9 .home-blocks .service-grid,
  .home-design-10 .home-blocks .service-grid,
  .home-design-11 .home-blocks .service-grid,
  .home-design-12 .home-blocks .service-grid,
  .home-design-13 .home-blocks .service-grid,
  .home-design-14 .home-blocks .service-grid,
  .home-design-15 .home-blocks .service-grid {
    grid-template-columns: 1fr;
  }
  .home-design-5 .home-blocks .service-card:first-child,
  .home-design-7 .home-blocks .service-card:first-child,
  .home-design-14 .home-blocks .service-card:first-child {
    display: flex;
    grid-column: auto;
  }
  .home-blocks .assurance-card { min-height: 225px; }
}

/* Kullanıcı değerlendirmesi: blok hizaları, simetri ve daha yumuşak görsel dil */
@media (min-width: 1200px) {
  .home-blocks .copy-segment h2 {
    max-width: none;
    font-size: clamp(1.45rem, 1.8vw, 1.75rem);
    white-space: nowrap;
  }
}

/* Kampanya bağlantıları, yeni değer görselleri ve simetrik hizmet listeleri */
.home-blocks .offer-media {
  margin-bottom: 0;
}
.home-blocks .offer-image-link {
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: var(--home-radius);
  cursor: pointer;
}
.home-blocks .offer-image-link img {
  transition: filter .2s ease, transform .25s ease;
}
.home-blocks .offer-image-link:hover img {
  filter: brightness(.96);
  transform: scale(1.012);
}
.home-blocks .offer-image-link:focus-visible {
  outline: 4px solid var(--accent);
  outline-offset: 4px;
}

.home-blocks .offer-showcase {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(270px, .72fr);
  gap: clamp(18px, 2.6vw, 32px);
  align-items: stretch;
}
.home-blocks .offer-main-column {
  display: grid;
  min-width: 0;
  gap: 18px;
}
.home-blocks .offer-figure {
  margin: 0;
}
.home-blocks .offer-main-column .offer-image-link img {
  width: 100%;
  height: clamp(350px, 35vw, 470px);
  object-fit: contain;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--primary-dark) 12%, transparent);
  border-radius: var(--home-radius);
  box-shadow: 0 15px 35px color-mix(in srgb, var(--primary-dark) 10%, transparent);
}
.home-blocks .offer-side-stack {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}
.home-blocks .offer-side-stack > img,
.home-blocks .offer-side-stack > a {
  display: block;
  min-height: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--primary-dark) 12%, transparent);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--primary-dark) 9%, transparent);
}
.home-blocks .offer-side-stack img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  background: #fff;
}
.home-blocks .offer-side-stack a img {
  transition: filter .2s ease, transform .25s ease;
}
.home-blocks .offer-side-stack a:hover img {
  filter: brightness(.96);
  transform: scale(1.018);
}
.home-blocks .offer-service-promise {
  padding: clamp(20px, 3vw, 32px);
  color: #fff;
  background: linear-gradient(145deg, var(--primary-dark), var(--primary));
  border-radius: var(--home-radius);
  box-shadow: 0 16px 38px color-mix(in srgb, var(--primary-dark) 14%, transparent);
}
.home-blocks .offer-service-promise > h2 {
  margin: 0 0 22px;
  color: #fff;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  text-align: center;
  text-transform: uppercase;
}
.home-blocks .offer-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.home-blocks .offer-service-grid article {
  min-width: 0;
  padding: 8px 8px 0;
  text-align: center;
}
.home-blocks .offer-service-grid i {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  margin: 0 auto 13px;
  color: var(--primary-dark);
  background: var(--accent);
  border-radius: 50%;
  font-size: 1.35rem;
}
.home-blocks .offer-service-grid h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: clamp(.78rem, 1.25vw, 1rem);
  text-transform: uppercase;
}
.home-blocks .offer-service-grid p {
  color: rgb(255 255 255 / 74%);
  font-size: .74rem;
  line-height: 1.42;
}
.home-blocks .value-grid--copy-only {
  display: block;
}
.home-blocks .value-grid--copy-only .value-copy {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}

.home-blocks .value-media {
  align-items: start;
}
.home-blocks .value-media img {
  width: 100%;
  height: auto !important;
  min-height: 0;
  aspect-ratio: auto;
  object-fit: contain;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--primary-dark) 12%, transparent);
  border-radius: 14px;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--primary-dark) 9%, transparent);
}

.home-blocks .service-list-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}
.home-blocks .service-list-grid > section {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  padding: 0;
  background: rgb(255 255 255 / 6%);
  border: 1px solid rgb(255 255 255 / 14%);
  border-radius: 16px;
  box-shadow: 0 14px 30px rgb(0 0 0 / 10%);
}
.home-blocks .service-list-grid > section h2 {
  min-height: 76px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 20px 22px;
  color: #fff;
  background: rgb(255 255 255 / 7%);
  border-bottom: 3px solid var(--accent);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  line-height: 1.15;
}
.home-blocks .service-list-grid > section ul {
  display: grid;
  flex: 1;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  padding: 12px 20px 18px;
}
.home-blocks .service-list-grid > section li {
  display: flex;
  min-height: 43px;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  color: rgb(255 255 255 / 82%);
  border-bottom: 1px solid rgb(255 255 255 / 9%);
  font-size: .82rem;
  line-height: 1.3;
}
.home-blocks .service-list-grid > section li:last-child {
  border-bottom: 0;
}
.home-blocks .service-list-grid > section li i {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  place-items: center;
  margin: 0;
  color: var(--primary-dark);
  background: var(--accent);
  border-radius: 50%;
  font-size: .58rem;
}

@media (max-width: 767.98px) {
  .home-blocks .offer-showcase {
    grid-template-columns: 1fr;
  }
  .home-blocks .offer-main-column .offer-image-link img {
    height: auto;
  }
  .home-blocks .offer-service-grid {
    grid-template-columns: 1fr 1fr;
  }
  .home-blocks .offer-side-stack {
    grid-template-rows: none;
  }
  .home-blocks .offer-side-stack img {
    height: auto;
  }
  .home-blocks .service-list-grid {
    grid-template-columns: 1fr;
  }
  .home-blocks .service-list-grid > section h2 {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-blocks .offer-image-link img {
    transition: none;
  }
  .home-blocks .offer-image-link:hover img {
    transform: none;
  }
}

/* Ana giriş: iki metin için dönüşümlü fotoğraflı anlatım */
.home-blocks .home-title > h1 {
  max-width: none;
  margin-top: clamp(24px, 4vw, 44px);
  padding: clamp(20px, 3vw, 32px) clamp(22px, 4vw, 42px);
  color: #fff;
  background:
    radial-gradient(circle at 88% 0, rgb(255 255 255 / 10%), transparent 30%),
    linear-gradient(135deg, var(--primary-dark), color-mix(in srgb, var(--primary) 76%, var(--primary-dark)));
  border: 1px solid rgb(255 255 255 / 13%);
  border-left: 6px solid var(--accent);
  border-radius: clamp(14px, 2vw, 22px);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--primary-dark) 16%, transparent);
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  line-height: 1.06;
  white-space: normal !important;
}
.home-blocks .intro-feature-list {
  display: grid;
  gap: clamp(22px, 3vw, 34px);
}
.home-blocks .intro-feature {
  display: grid;
  min-height: 0;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  color: var(--ink);
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--primary-dark) 11%, transparent);
  border-radius: clamp(16px, 2vw, 24px);
  box-shadow: 0 20px 52px color-mix(in srgb, var(--primary-dark) 10%, transparent);
}
.home-blocks .intro-feature .copy-segment {
  position: relative;
  display: flex;
  min-width: 0;
  justify-content: center;
  flex-direction: column;
  padding: clamp(24px, 3.2vw, 38px);
  border: 0;
}
.home-blocks .intro-feature .copy-segment::before {
  width: 52px;
  height: 4px;
  margin-bottom: 16px;
  content: "";
  background: linear-gradient(90deg, var(--primary), var(--accent));
  border-radius: 4px;
}
.home-blocks .intro-feature .copy-segment h2 {
  max-width: 570px;
  margin-bottom: 14px;
  color: var(--primary);
  font-size: clamp(1.3rem, 2vw, 1.85rem);
  line-height: 1.14;
  overflow-wrap: anywhere;
  white-space: normal !important;
}
.home-blocks .intro-feature .copy-segment p {
  max-width: 620px;
  font-size: clamp(.88rem, 1.05vw, .98rem);
  line-height: 1.62;
}
.home-blocks .intro-feature-media {
  min-width: 0;
  height: 294px;
  min-height: 294px;
  align-self: center;
  margin: 0;
  overflow: hidden;
}
.home-blocks .intro-feature-media img {
  width: 100%;
  height: 100%;
  min-height: 294px;
  object-fit: cover;
  transition: transform .45s ease;
}
.home-blocks .intro-feature:hover .intro-feature-media img {
  transform: scale(1.025);
}
.home-blocks .intro-feature-reverse .copy-segment {
  background: color-mix(in srgb, var(--soft) 70%, #fff);
}
.home-blocks .intro-feature-media-calendar {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(160px, .7fr);
  gap: 10px;
  padding: 10px;
  background: color-mix(in srgb, var(--primary-dark) 94%, #000);
}
.home-blocks .intro-feature-media-calendar > img {
  min-width: 0;
  min-height: 274px;
  border-radius: 10px;
}
.home-blocks .intro-calendar-visual {
  display: flex;
  min-width: 0;
  justify-content: center;
  flex-direction: column;
  padding: 16px 14px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgb(255 255 255 / 14%), transparent 45%),
    var(--primary);
  border: 1px solid rgb(255 255 255 / 16%);
  border-radius: 10px;
}
.home-blocks .intro-calendar-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgb(255 255 255 / 20%);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.home-blocks .intro-calendar-head i {
  color: var(--accent);
  font-size: 1.1rem;
}
.home-blocks .intro-calendar-days {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-block: 14px;
}
.home-blocks .intro-calendar-days span {
  display: grid;
  min-height: 30px;
  place-items: center;
  color: var(--primary-dark);
  background: rgb(255 255 255 / 90%);
  border-radius: 5px;
  font-size: .57rem;
  font-weight: 900;
}
.home-blocks .intro-calendar-days span:nth-child(n + 5) {
  color: var(--ink);
  background: var(--accent);
}
.home-blocks .intro-calendar-visual > strong {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: .7rem;
  line-height: 1.3;
}
.home-blocks .intro-calendar-visual > strong i {
  display: grid;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  place-items: center;
  color: var(--primary-dark);
  background: var(--accent);
  border-radius: 50%;
  font-size: .58rem;
}

@media (max-width: 991.98px) {
  .home-blocks .intro-feature {
    min-height: 0;
    grid-template-columns: 1fr;
  }
  .home-blocks .intro-feature .copy-segment {
    order: 1;
  }
  .home-blocks .intro-feature-media {
    height: 252px;
    min-height: 252px;
    order: 2;
  }
  .home-blocks .intro-feature-media img {
    min-height: 252px;
  }
  .home-blocks .intro-feature-media-calendar > img {
    min-height: 232px;
  }
}

@media (max-width: 575.98px) {
  .home-blocks .intro-feature .copy-segment {
    padding: 28px 22px 30px;
  }
  .home-blocks .intro-feature-media {
    height: 235px;
    min-height: 235px;
  }
  .home-blocks .intro-feature-media img {
    min-height: 235px;
  }
  .home-blocks .intro-feature-media-calendar {
    height: auto;
    grid-template-columns: 1fr;
  }
  .home-blocks .intro-feature-media-calendar > img {
    height: 210px;
    min-height: 210px;
  }
  .home-blocks .intro-calendar-visual {
    min-height: 180px;
  }
  .home-blocks .intro-calendar-days {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-blocks .intro-feature-media img {
    transition: none;
  }
  .home-blocks .intro-feature:hover .intro-feature-media img {
    transform: none;
  }
}

/* Daha doygun ve katmanlı ana menü */
body[class*="header-design-"] .site-header-shell {
  display: contents;
}
body .site-header-shell .main-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1050;
  overflow: visible;
  padding: 0;
  background:
    radial-gradient(circle at 18% -80%, rgb(255 255 255 / 16%), transparent 38%),
    linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 58%, var(--primary-dark) 100%);
  border-top: 1px solid rgb(255 255 255 / 18%);
  border-bottom: 3px solid var(--accent);
  box-shadow:
    0 8px 22px color-mix(in srgb, var(--primary-dark) 24%, transparent),
    inset 0 1px rgb(255 255 255 / 10%);
}
body .site-header-shell .main-nav .navbar-nav {
  align-items: stretch !important;
  gap: 2px;
  padding-block: 6px;
}
body .site-header-shell .main-nav .nav-item {
  position: relative;
  display: flex;
  align-items: stretch;
}
body .site-header-shell .main-nav .nav-item + .nav-item::before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: -1px;
  width: 1px;
  content: "";
  background: rgb(255 255 255 / 14%);
}
body .site-header-shell .main-nav .nav-link {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 9px !important;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: .72rem;
  font-weight: 820;
  letter-spacing: .045em;
  line-height: 1.15;
  text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}
body .site-header-shell .main-nav .nav-link::after {
  right: 10px;
  bottom: 4px;
  left: 10px;
  height: 2px;
  background: var(--accent);
  opacity: 0;
  transform: scaleX(.3);
}
body .site-header-shell .main-nav .nav-link:hover,
body .site-header-shell .main-nav .nav-link:focus,
body .site-header-shell .main-nav .nav-link.show {
  color: #fff;
  background: rgb(255 255 255 / 13%);
  border-color: rgb(255 255 255 / 16%);
  box-shadow: inset 0 1px rgb(255 255 255 / 8%), 0 4px 12px rgb(0 0 0 / 13%);
  transform: none;
}
body .site-header-shell .main-nav .nav-link:hover::after,
body .site-header-shell .main-nav .nav-link:focus::after,
body .site-header-shell .main-nav .nav-link.show::after {
  opacity: 1;
  transform: scaleX(1);
}
body .site-header-shell .main-nav .nav-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
body .site-header-shell .main-nav .dropdown-toggle::before {
  width: 5px;
  height: 5px;
  margin-right: 7px;
  content: "";
  background: var(--accent);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgb(255 255 255 / 10%);
}
body .site-header-shell .main-nav .dropdown-menu {
  min-width: 245px;
  margin-top: 0;
  padding: 8px;
  overflow: hidden;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--primary-dark) 92%, #07140d), var(--primary-dark));
  border: 1px solid rgb(255 255 255 / 12%);
  border-top: 3px solid var(--accent);
  border-radius: 0 0 14px 14px;
  box-shadow: 0 18px 38px rgb(5 35 19 / 30%);
}
body .site-header-shell .main-nav .dropdown-item {
  position: relative;
  padding: 10px 13px 10px 17px;
  color: rgb(255 255 255 / 88%);
  border-radius: 7px;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.25;
  transition: color .16s ease, background-color .16s ease, padding-left .16s ease;
}
body .site-header-shell .main-nav .dropdown-item::before {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 3px;
  height: 0;
  content: "";
  background: var(--accent);
  border-radius: 4px;
  transform: translateY(-50%);
  transition: height .16s ease;
}
body .site-header-shell .main-nav .dropdown-item:hover,
body .site-header-shell .main-nav .dropdown-item:focus {
  padding-left: 21px;
  color: #fff;
  background: rgb(255 255 255 / 11%);
}
body .site-header-shell .main-nav .dropdown-item:hover::before,
body .site-header-shell .main-nav .dropdown-item:focus::before {
  height: 20px;
}
body .site-header-shell .main-nav .navbar-toggler {
  margin-block: 7px;
  padding: 7px 10px;
  background: rgb(255 255 255 / 10%);
  border: 1px solid rgb(255 255 255 / 34%);
  border-radius: 8px;
  box-shadow: inset 0 1px rgb(255 255 255 / 10%);
}

@media (min-width: 1200px) {
  body .site-header-shell .main-nav .dropdown::after {
    position: absolute;
    top: calc(100% - 2px);
    right: -7px;
    left: -7px;
    height: 10px;
    content: "";
  }
  body .site-header-shell .main-nav .dropdown-menu {
    top: calc(100% - 1px);
  }
}

@media (max-width: 1199.98px) {
  body .site-header-shell .main-nav { padding: 0; }
  body .site-header-shell .main-nav .navbar-collapse {
    margin-bottom: 8px;
    padding: 6px;
    background: rgb(4 46 24 / 26%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 12px;
  }
  body .site-header-shell .main-nav .navbar-nav {
    gap: 2px;
    padding: 0;
  }
  body .site-header-shell .main-nav .nav-item {
    display: block;
  }
  body .site-header-shell .main-nav .nav-item + .nav-item::before {
    top: -1px;
    right: 12px;
    bottom: auto;
    left: 12px;
    width: auto;
    height: 1px;
  }
  body .site-header-shell .main-nav .nav-link {
    min-height: 42px;
    justify-content: flex-start;
    padding: 10px 13px !important;
    font-size: .8rem;
  }
  body .site-header-shell .main-nav .nav-link::after { display: block; }
  body .site-header-shell .main-nav .dropdown-menu {
    margin: 2px 8px 8px;
    border: 1px solid rgb(255 255 255 / 12%);
    border-left: 3px solid var(--accent);
    border-radius: 8px;
    box-shadow: inset 0 1px rgb(255 255 255 / 5%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body .site-header-shell .main-nav .nav-link,
  body .site-header-shell .main-nav .dropdown-item {
    transition: none;
  }
}

/* İki kampanya görseli aynı çerçeve yüksekliğinde; resimler kırpılmadan ortalanır. */
.home-blocks .offer-media { align-items: stretch; }
.home-blocks .offer-figure {
  display: grid;
  height: clamp(340px, 34vw, 430px);
  place-items: center;
  margin: 0;
  overflow: hidden;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--soft) 72%, #fff), #fff);
  border: 1px solid color-mix(in srgb, var(--primary) 13%, transparent);
  border-radius: var(--home-radius);
  box-shadow: 0 16px 38px color-mix(in srgb, var(--primary-dark) 9%, transparent);
}
.home-blocks .offer-figure img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
  box-shadow: none;
}
.home-blocks .offer-figure-price { padding: clamp(26px, 4vw, 52px); }
.home-blocks .offer-figure-price img { max-width: 92%; }
.home-blocks .offer-figure-whatsapp { padding: clamp(12px, 2vw, 24px); }

/* Güvence kartları: daha zarif ikon ve tipografi. */
.home-blocks .assurance-card::after { display: none; }
.home-blocks .assurance-card::before {
  top: auto;
  right: -40px;
  bottom: -70px;
  width: 180px;
  height: 180px;
  background: rgb(255 255 255 / 5%);
  border-color: rgb(255 255 255 / 8%);
}
.home-blocks .assurance-card i {
  width: 54px;
  height: 54px;
  margin-bottom: 25px;
  color: var(--accent);
  background: rgb(255 255 255 / 11%);
  border: 1px solid rgb(255 255 255 / 17%);
  box-shadow: none;
  font-size: 1.15rem;
}
.home-blocks .assurance-card h3 {
  max-width: 220px;
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.28rem;
  font-weight: 750;
  letter-spacing: -.015em;
}
.home-blocks .assurance-card p {
  padding-top: 13px;
  border-top: 1px solid rgb(255 255 255 / 13%);
  font-size: .88rem;
  line-height: 1.58;
}

/* Bölüm başlıkları tek geniş akışta; açıklama yarım sütunda kalmaz. */
.home-blocks .section-heading {
  display: block;
  max-width: 980px;
  margin-bottom: clamp(28px, 4vw, 44px);
}
.home-blocks .section-heading h2 {
  max-width: 880px;
  margin-bottom: 0;
}
.home-blocks .section-heading > p {
  max-width: 900px;
  margin-top: 16px;
}
.home-blocks .section-heading .section-kicker { justify-content: flex-start; }

/* Aynı satırdaki hizmet kutuları ve içerik alanları eşit yükseklikte. */
.home-blocks .service-grid { align-items: stretch; }
.home-blocks .service-card {
  height: 100%;
  align-self: stretch;
}
.home-blocks .service-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.home-blocks .service-more { margin-top: auto; padding-top: 20px; }
.home-design-1 .home-blocks .primary-services .service-card:first-child {
  display: flex;
  grid-column: auto;
}

/* WhatsApp ve kurumsal metin, tek profesyonel kart içinde. */
.home-blocks .company-block {
  background: linear-gradient(180deg, var(--paper), var(--soft));
}
.home-blocks .company-block .company-block-grid {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: clamp(30px, 5vw, 66px);
  padding: clamp(28px, 5vw, 58px);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 4% 8%, color-mix(in srgb, var(--primary) 72%, transparent), transparent 28%),
    linear-gradient(145deg, var(--primary-dark), color-mix(in srgb, var(--primary-dark) 84%, #000));
  border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
  border-radius: clamp(18px, 3vw, 30px);
  box-shadow: 0 22px 60px color-mix(in srgb, var(--primary-dark) 15%, transparent);
}
.home-blocks .company-block img {
  padding: clamp(12px, 2vw, 22px);
  background: #fff;
  border: 1px solid rgb(255 255 255 / 35%);
  border-radius: 18px;
  box-shadow: 0 16px 38px rgb(0 0 0 / 17%);
}
.home-blocks .company-block p + p { margin-top: 16px; }

/* İkinci hizmet grubu, başlığıyla birlikte çok yumuşak bir panel. */
.home-blocks .secondary-services { background: var(--paper); }
.home-blocks .secondary-services .home-wrap {
  padding: clamp(24px, 4vw, 50px);
  background: color-mix(in srgb, var(--soft) 72%, #fff);
  border: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
  border-radius: clamp(18px, 3vw, 30px);
  box-shadow: 0 18px 50px color-mix(in srgb, var(--primary-dark) 7%, transparent);
}
.home-blocks .secondary-services .service-card {
  background: rgb(255 255 255 / 86%);
  box-shadow: 0 10px 28px color-mix(in srgb, var(--primary-dark) 6%, transparent);
}

/* Alt listelerde beyaz daire içinde yön oku. */
.home-blocks .service-list-grid li { align-items: flex-start; }
.home-blocks .service-list-grid li i {
  display: inline-grid;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  place-items: center;
  margin-top: 0;
  color: var(--primary-dark);
  background: #fff;
  border-radius: 50%;
  font-size: .52rem;
}

@media (max-width: 991.98px) {
  .home-blocks .company-block .company-block-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  .home-blocks .copy-segment h2 { white-space: normal; }
  .home-blocks .offer-figure { height: 330px; }
  .home-blocks .assurance-card { min-height: 215px; }
  .home-blocks .secondary-services .home-wrap { width: min(100% - 22px, 1220px); }
}

/* Güvence kartları v2: açık, sakin ve Font Awesome 5 ile çalışan ikonlar */
.home-blocks .assurance-grid { gap: 16px; }
.home-blocks .assurance-card,
.home-blocks .assurance-card:nth-child(2),
.home-blocks .assurance-card:nth-child(3),
.home-blocks .assurance-card:nth-child(4) {
  min-height: 225px;
  padding: 25px 23px;
  color: var(--ink);
  background: color-mix(in srgb, var(--paper) 92%, var(--soft)) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
  border-radius: 22px;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--primary-dark) 6%, transparent);
}
.home-blocks .assurance-card:nth-child(2) {
  background: color-mix(in srgb, var(--soft) 82%, #fff) !important;
}
.home-blocks .assurance-card:nth-child(3) {
  background: color-mix(in srgb, var(--primary) 5%, #fff) !important;
}
.home-blocks .assurance-card:nth-child(4) {
  background: color-mix(in srgb, var(--accent) 8%, #fff) !important;
}
.home-blocks .assurance-card::before {
  right: -58px;
  bottom: -82px;
  width: 155px;
  height: 155px;
  background: color-mix(in srgb, var(--primary) 5%, transparent);
  border-color: color-mix(in srgb, var(--primary) 8%, transparent);
}
.home-blocks .assurance-card i {
  width: 46px;
  height: 46px;
  margin-bottom: 22px;
  color: var(--primary);
  background: color-mix(in srgb, var(--primary) 9%, #fff);
  border: 1px solid color-mix(in srgb, var(--primary) 13%, transparent);
  box-shadow: none;
  font-size: 1rem;
}
.home-blocks .assurance-card h3 {
  max-width: none;
  margin-bottom: 10px;
  color: var(--ink);
  font-size: 1.16rem;
  font-weight: 760;
}
.home-blocks .assurance-card p,
.home-blocks .assurance-card p strong {
  color: var(--muted);
}
.home-blocks .assurance-card p {
  max-width: none;
  padding-top: 11px;
  border-top-color: color-mix(in srgb, var(--primary) 10%, transparent);
  font-size: .84rem;
}
.home-blocks .assurance-card p strong { color: var(--ink); }

/* Kurumsal/WhatsApp bloğu v2: üstte geniş görsel, altta editoryal metin kartı */
.home-blocks .company-block .company-block-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--primary) 11%, transparent);
  border-radius: clamp(18px, 3vw, 30px);
  box-shadow: 0 22px 58px color-mix(in srgb, var(--primary-dark) 10%, transparent);
}
.home-blocks .company-block img {
  width: 100%;
  padding: clamp(18px, 3vw, 34px);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--soft) 75%, #fff), #fff);
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
  border-radius: 0;
  box-shadow: none;
}
.home-blocks .company-block .company-block-grid > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px clamp(24px, 4vw, 50px);
  padding: clamp(28px, 5vw, 56px);
}
.home-blocks .company-block .section-kicker,
.home-blocks .company-block h2 {
  grid-column: 1 / -1;
}
.home-blocks .company-block h2,
.home-blocks .company-block p strong { color: var(--ink); }
.home-blocks .company-block p { color: var(--muted); }
.home-blocks .company-block p + p { margin-top: 0; }
.home-blocks .company-block p:last-child {
  grid-column: 1 / -1;
  max-width: 980px;
  padding-top: 18px;
  border-top: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
}

/* Uzun ikinci hizmet başlığı mevcut panel genişliğinin tamamını kullanır. */
.home-blocks .secondary-services .section-heading {
  width: 100%;
  max-width: none;
}
.home-blocks .secondary-services .section-heading h2 {
  width: 100%;
  max-width: none;
  font-size: clamp(2rem, 3.4vw, 3rem);
}
@media (min-width: 992px) {
  .home-blocks .secondary-services .section-heading h2 { white-space: nowrap; }
}

/* Hizmet listeleri: her satır yapılan işi onaylayan gerçek tik rozeti. */
.home-blocks .service-list-grid li i {
  color: var(--primary-dark);
  background: #fff;
  font-size: .56rem;
}

@media (max-width: 767.98px) {
  .home-blocks .company-block .company-block-grid > div { grid-template-columns: 1fr; }
  .home-blocks .company-block .section-kicker,
  .home-blocks .company-block h2,
  .home-blocks .company-block p:last-child { grid-column: auto; }
  .home-blocks .secondary-services .section-heading h2 { white-space: normal; }
}

/* WhatsApp görselini düşük çözünürlükte büyütmeden kullanan dengeli kart düzeni */
.home-blocks p .green-highlight {
  color: var(--primary);
  font-weight: 850;
}
.home-blocks .company-block .company-block-grid {
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: clamp(24px, 4vw, 52px);
  align-items: center;
  padding: clamp(24px, 4vw, 48px);
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--soft) 72%, #fff) 0 34%, var(--paper) 34%);
}
.home-blocks .company-block img {
  width: min(100%, 500px);
  max-width: 500px;
  justify-self: center;
  padding: clamp(12px, 2vw, 20px);
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--primary) 13%, transparent);
  border-radius: 18px;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--primary-dark) 10%, transparent);
}
.home-blocks .company-block .company-block-grid > div {
  padding: clamp(8px, 2vw, 24px) 0;
}

@media (max-width: 991.98px) {
  .home-blocks .company-block .company-block-grid {
    grid-template-columns: 1fr;
    background: var(--paper);
  }
  .home-blocks .company-block img { width: min(100%, 500px); }
}

/* Kurumsal blok v3: metin ana odak, düşük çözünürlüklü görsel küçük teklif kartı */
.home-blocks .company-block .company-block-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(270px, .55fr);
  gap: clamp(32px, 5vw, 70px);
  padding: clamp(34px, 5vw, 62px);
  background:
    linear-gradient(135deg, var(--paper), color-mix(in srgb, var(--soft) 68%, #fff));
  border-top: 5px solid var(--primary);
}
.home-blocks .company-block .company-block-grid > div {
  order: 1;
  padding: 0;
}
.home-blocks .company-offer-card {
  width: min(100%, 370px);
  align-self: center;
  justify-self: end;
  order: 2;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--primary) 14%, transparent);
  border-radius: 20px;
  box-shadow: 0 18px 42px color-mix(in srgb, var(--primary-dark) 11%, transparent);
}
.home-blocks .company-offer-card img {
  width: 100%;
  max-width: none;
  padding: 10px;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.home-blocks .company-offer-card figcaption {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 18px;
  color: #fff;
  background: var(--primary-dark);
}
.home-blocks .company-offer-card figcaption > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: var(--primary-dark);
  background: #fff;
  border-radius: 50%;
  font-size: 1.25rem;
}
.home-blocks .company-offer-card figcaption span { display: grid; gap: 3px; }
.home-blocks .company-offer-card figcaption strong { color: #fff; font-size: .85rem; }
.home-blocks .company-offer-card figcaption small { color: rgb(255 255 255 / 70%); font-size: .68rem; line-height: 1.35; }

@media (max-width: 991.98px) {
  .home-blocks .company-block .company-block-grid { grid-template-columns: 1fr; }
  .home-blocks .company-offer-card {
    width: min(100%, 430px);
    justify-self: center;
    order: 1;
  }
  .home-blocks .company-block .company-block-grid > div { order: 2; }
}

/* Kurumsal blok v4: görsel ve metin aynı yatay bölümün doğal parçaları */
.home-blocks .company-block .company-block-grid {
  display: grid;
  grid-template-columns: minmax(300px, 400px) minmax(0, 1fr);
  gap: clamp(38px, 5vw, 64px);
  align-items: start;
  padding: clamp(34px, 5vw, 58px);
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--primary) 11%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--primary) 11%, transparent);
  border-radius: 24px;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--primary-dark) 8%, transparent);
}
.home-blocks .company-block .company-offer-image {
  width: 100%;
  max-width: 400px;
  align-self: start;
  justify-self: start;
  order: 1;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 12px;
  box-shadow: none;
}
.home-blocks .company-block .company-block-grid > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  order: 2;
  padding: 0;
}
.home-blocks .company-block .company-block-grid > div > * { grid-column: auto; }
.home-blocks .company-block .company-block-grid > div p { max-width: none; }
.home-blocks .company-block .company-block-grid > div p + p {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid color-mix(in srgb, var(--primary) 9%, transparent);
}

@media (max-width: 991.98px) {
  .home-blocks .company-block .company-block-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .home-blocks .company-block .company-offer-image {
    width: min(100%, 400px);
    justify-self: center;
  }
}

/* Kurumsal blok v5: metin görselin sağından başlayıp altından devam eder */
.home-blocks .company-block .company-block-grid {
  display: flow-root;
  padding: clamp(34px, 5vw, 58px);
}
.home-blocks .company-block .company-offer-image {
  float: left;
  width: min(37%, 400px);
  margin: 0 clamp(32px, 4vw, 54px) 22px 0;
}
.home-blocks .company-block .company-block-grid > div {
  display: block;
  padding: 0;
}
.home-blocks .company-block .company-block-grid > div .section-kicker {
  display: inline-flex;
}
.home-blocks .company-block .company-block-grid > div h2 {
  margin-bottom: 18px;
}
.home-blocks .company-block .company-block-grid > div p + p {
  margin-top: 15px;
  padding-top: 0;
  border-top: 0;
}

@media (max-width: 767.98px) {
  .home-blocks .company-block .company-offer-image {
    float: none;
    width: min(100%, 400px);
    margin: 0 auto 28px;
  }
}

/* Ana başlık üstündeki hizmet sliderı */
.home-blocks .home-slider-layout {
  display: grid;
  grid-template-columns: minmax(0, 2.05fr) minmax(290px, .95fr);
  align-items: stretch;
  gap: clamp(16px, 2vw, 24px);
  width: 100%;
  margin: 6px 0 clamp(24px, 4vw, 38px);
}
.home-blocks .home-slider {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #0b251c;
  border: 1px solid color-mix(in srgb, var(--primary) 24%, transparent);
  border-radius: clamp(14px, 2vw, 22px);
  box-shadow: 0 22px 58px color-mix(in srgb, var(--primary-dark) 18%, transparent);
}
.home-blocks .home-slider-viewport {
  position: relative;
  aspect-ratio: 998 / 622;
  overflow: hidden;
  background: #0b251c;
}
.home-blocks .home-slider-track {
  display: grid;
  width: 100%;
  height: 100%;
}
.home-blocks .home-slide {
  grid-area: 1 / 1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.015);
  transition: opacity .55s ease, transform .8s ease;
}
.home-blocks .home-slide.is-active {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.home-blocks .home-slide img {
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  object-position: center;
}
.home-blocks .home-slider-toolbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  min-height: 62px;
  padding: 10px 16px;
  color: #fff;
  background: #0b251c;
}
.home-blocks .home-slider-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}
.home-blocks .home-slider button {
  border: 0;
  cursor: pointer;
}
.home-blocks .home-slider-arrow,
.home-blocks .home-slider-toggle {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgb(255 255 255 / 10%);
  border-radius: 9px;
  transition: background-color .2s ease, color .2s ease;
}
.home-blocks .home-slider-arrow { width: 38px; }
.home-blocks .home-slider-toggle {
  gap: 7px;
  padding: 0 12px;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.home-blocks .home-slider-arrow:hover,
.home-blocks .home-slider-toggle:hover {
  color: #0b251c;
  background: var(--accent);
}
.home-blocks .home-slider-dots {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.home-blocks .home-slider-dots button {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  padding: 0;
  background: rgb(255 255 255 / 30%);
  border-radius: 50%;
  transition: width .2s ease, background-color .2s ease;
}
.home-blocks .home-slider-dots button.is-active {
  width: 24px;
  flex-basis: 24px;
  background: var(--accent);
  border-radius: 999px;
}
.home-blocks .home-slider-counter {
  min-width: 44px;
  color: rgb(255 255 255 / 72%);
  font-size: .78rem;
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  text-align: right;
}
.home-blocks .home-slider button:focus-visible,
.home-blocks .home-slide:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: -3px;
}
.home-blocks .home-slider-aside {
  display: flex;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  color: #fff;
  background: #0b251c;
  border: 1px solid color-mix(in srgb, var(--primary) 24%, transparent);
  border-radius: clamp(14px, 2vw, 22px);
  box-shadow: 0 22px 58px color-mix(in srgb, var(--primary-dark) 14%, transparent);
}
.home-blocks .home-slider-truck {
  width: 100%;
  height: 39% !important;
  min-height: 0 !important;
  flex: 0 0 39%;
  object-fit: cover;
  object-position: center;
  background: #fff;
}
.home-blocks .home-slider-info {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  padding: clamp(18px, 2vw, 25px);
}
.home-blocks .home-slider-info-kicker {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 7px;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.home-blocks .home-slider-info-kicker::before {
  width: 22px;
  height: 2px;
  content: "";
  background: currentColor;
}
.home-blocks .home-slider-info h2 {
  margin: 0 0 9px;
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.05;
  letter-spacing: -.025em;
}
.home-blocks .home-slider-info p {
  color: rgb(255 255 255 / 72%);
  font-size: .84rem;
  line-height: 1.52;
}
.home-blocks .home-slider-info ul {
  display: grid;
  gap: 7px;
  margin: 15px 0 0;
  padding: 0;
  color: #fff;
  font-size: .79rem;
  font-weight: 700;
  list-style: none;
}
.home-blocks .home-slider-info li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.home-blocks .home-slider-info li i {
  display: grid;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  place-items: center;
  margin-top: 1px;
  color: #0b251c;
  background: var(--accent);
  border-radius: 50%;
  font-size: .52rem;
}
.home-blocks .home-slider-info-actions {
  display: grid;
  gap: 7px;
  margin-top: auto;
  padding-top: 15px;
}
.home-blocks .home-slider-info-actions a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: .76rem;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease;
}
.home-blocks .home-slider-info-actions a:hover { transform: translateY(-1px); }
.home-blocks .home-slider-call {
  color: #0b251c;
  background: var(--accent);
}
.home-blocks .home-slider-call:hover {
  color: #0b251c;
  background: color-mix(in srgb, var(--accent) 88%, #fff);
}
.home-blocks .home-slider-offer {
  color: #fff;
  background: rgb(255 255 255 / 11%);
  border: 1px solid rgb(255 255 255 / 18%);
}
.home-blocks .home-slider-offer:hover {
  color: #fff;
  background: rgb(255 255 255 / 18%);
}

@media (max-width: 991.98px) {
  .home-blocks .home-slider-layout { grid-template-columns: 1fr; }
  .home-blocks .home-slider-aside { height: auto; }
  .home-blocks .home-slider-truck {
    height: auto !important;
    flex-basis: auto;
    aspect-ratio: 1024 / 667 !important;
    object-fit: cover;
  }
  .home-blocks .home-slider-info { min-height: 330px; }
}

@media (max-width: 575.98px) {
  .home-blocks .home-slider-toolbar {
    grid-template-columns: auto 1fr;
    gap: 12px;
    min-height: 56px;
    padding-inline: 11px;
  }
  .home-blocks .home-slider-toggle span { display: none; }
  .home-blocks .home-slider-toggle { width: 38px; padding: 0; }
  .home-blocks .home-slider-dots { gap: 5px; }
  .home-blocks .home-slider-dots button {
    width: 7px;
    height: 7px;
    flex-basis: 7px;
  }
  .home-blocks .home-slider-dots button.is-active {
    width: 18px;
    flex-basis: 18px;
  }
  .home-blocks .home-slider-counter { display: none; }
  .home-blocks .home-slider-info { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .home-blocks .home-slide,
  .home-blocks .home-slider-dots button { transition: none; }
}

/* Alternatif header logosu ve resmî bölge bayrakları */
body .site-header-alternative {
  background:
    linear-gradient(110deg, #fff 0 64%, color-mix(in srgb, var(--soft) 72%, #fff) 100%);
  border-top: 3px solid var(--accent);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--primary-dark) 8%, transparent);
}
body .site-header-alternative .header-top {
  min-height: 148px;
  gap: clamp(18px, 2.4vw, 34px);
  padding-block: 12px;
}
body .site-header-alternative .brand-alternative {
  display: flex;
  min-width: 0;
  flex: 0 1 315px;
  align-items: center;
  align-self: stretch;
}
body .site-header-alternative .brand-alternative img {
  width: min(100%, 305px);
  max-width: none;
  max-height: none;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
body .site-header-alternative .header-regions {
  display: grid;
  min-width: 0;
}
body .site-header-alternative .header-region-list {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
body .site-header-alternative .header-region {
  display: grid;
  min-width: 95px;
  justify-items: center;
  gap: 5px;
  padding: 7px 8px 6px;
  color: var(--ink);
  background: rgb(255 255 255 / 82%);
  border: 1px solid color-mix(in srgb, var(--primary-dark) 11%, transparent);
  border-radius: 9px;
  box-shadow: 0 5px 16px color-mix(in srgb, var(--primary-dark) 6%, transparent);
  font-size: .72rem;
  white-space: nowrap;
}
body .site-header-alternative .header-region b {
  font-family: "Oswald", sans-serif;
  font-size: .65rem;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
}
body .site-header-alternative .region-flag {
  display: block;
  width: 79px;
  height: 53px;
  object-fit: cover;
  border: 1px solid rgb(0 0 0 / 16%);
  border-radius: 3px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
}
body .site-header-alternative .header-contact {
  margin-left: auto;
}
body .site-header-alternative .header-contact a {
  min-height: 52px;
  padding-inline: 16px;
  border-radius: 11px;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--primary-dark) 12%, transparent);
}

@media (max-width: 1199.98px) {
  body .site-header-alternative .header-top {
    min-height: 132px;
    gap: 16px;
  }
  body .site-header-alternative .brand-alternative { flex-basis: 270px; }
  body .site-header-alternative .brand-alternative img { width: min(100%, 265px); }
  body .site-header-alternative .header-region-list { gap: 5px; }
  body .site-header-alternative .header-region {
    min-width: 84px;
    padding: 5px 6px;
  }
  body .site-header-alternative .region-flag {
    width: 67px;
    height: 44px;
  }
}

@media (max-width: 991.98px) {
  body .site-header-alternative .header-top { flex-wrap: wrap; }
  body .site-header-alternative .brand-alternative {
    flex: 1 1 calc(100% - 250px);
  }
  body .site-header-alternative .header-regions {
    width: 100%;
    order: 3;
  }
  body .site-header-alternative .header-region-list { justify-content: center; }
  body .site-header-alternative .header-contact { margin-left: auto; }
}

@media (max-width: 767.98px) {
  body .site-header-alternative .header-top {
    min-height: 0;
    padding-block: 9px;
  }
  body .site-header-alternative .brand-alternative {
    max-width: calc(100% - 56px);
    flex-basis: auto;
  }
  body .site-header-alternative .brand-alternative img {
    width: min(225px, 64vw);
    max-height: none;
  }
  body .site-header-alternative .header-region-list {
    gap: 4px;
    justify-content: space-between;
  }
  body .site-header-alternative .header-region {
    min-width: 0;
    flex: 1 1 0;
    gap: 4px;
    padding: 4px 5px;
  }
  body .site-header-alternative .header-region b {
    font-size: clamp(.55rem, 2.45vw, .64rem);
  }
  body .site-header-alternative .region-flag {
    width: 60px;
    height: 40px;
  }
  body .site-header-alternative .header-contact a {
    min-height: 44px;
    box-shadow: none;
  }
}

/* Son hizmet listesi rozetlerinin simetrik kart düzenini koru. */
.home-blocks .service-list-grid > section li {
  align-items: center;
}
.home-blocks .service-list-grid > section li i {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  place-items: center;
  margin: 0;
  color: var(--primary-dark);
  background: var(--accent);
  border-radius: 50%;
  font-size: .58rem;
}

/* Ana sayfa son düzenlemeleri: çerçeve, kampanya oranları ve açık hizmet kataloğu. */
.home-blocks .intro-feature:not(.intro-feature-reverse) .intro-feature-media {
  padding: 10px;
  background: color-mix(in srgb, var(--primary-dark) 94%, #000);
}
.home-blocks .intro-feature:not(.intro-feature-reverse) .intro-feature-media img {
  min-height: 274px;
  border-radius: 10px;
}

.home-blocks .offer-media {
  grid-template-columns: 1fr;
  align-items: start;
}
.home-blocks .offer-image-link {
  display: grid;
  height: auto;
  place-items: center;
}
.home-blocks .offer-figure,
.home-blocks .offer-figure-price,
.home-blocks .offer-figure-whatsapp {
  width: 100%;
  height: auto;
  padding: 0;
}
.home-blocks .offer-figure img,
.home-blocks .offer-figure-price img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: none;
}

.home-blocks .value-grid {
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: clamp(24px, 3vw, 38px);
}
.home-blocks .value-copy {
  grid-row: 2;
  width: 100%;
}
.home-blocks .value-media {
  grid-row: 1;
}
.home-blocks .value-block {
  padding-top: clamp(24px, 3vw, 42px);
}
.home-blocks .value-copy p {
  text-align: justify;
  text-justify: inter-word;
}
.home-blocks .value-media {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 10px;
}
.home-blocks .value-media > img,
.home-blocks .value-media-link img {
  height: clamp(210px, 20vw, 280px) !important;
  padding: 8px;
  object-fit: contain;
}
.home-blocks .value-media-link {
  display: block;
  border-radius: 14px;
}
.home-blocks .value-media-link:focus-visible {
  outline: 4px solid var(--accent);
  outline-offset: 3px;
}
.home-blocks .value-media-link img {
  width: 100%;
}

.home-blocks .bottom-catalog {
  color: var(--ink);
  background:
    radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--soft) 92%, #fff), transparent 34%),
    linear-gradient(135deg, #fff 0 58%, color-mix(in srgb, var(--soft) 72%, #fff) 58% 100%);
  border-top: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
}
.home-blocks .bottom-catalog .service-list-grid > section {
  background: rgb(255 255 255 / 82%);
  border-color: color-mix(in srgb, var(--primary-dark) 12%, transparent);
  box-shadow: 0 16px 34px color-mix(in srgb, var(--primary-dark) 9%, transparent);
}
.home-blocks .bottom-catalog .service-list-grid > section h2 {
  color: var(--primary-dark);
  background: color-mix(in srgb, var(--soft) 72%, #fff);
  border-bottom-color: var(--primary);
}
.home-blocks .bottom-catalog .service-list-grid > section li {
  color: color-mix(in srgb, var(--ink) 84%, transparent);
  border-bottom-color: color-mix(in srgb, var(--primary-dark) 9%, transparent);
  font-size: 16px;
}
.home-blocks .bottom-catalog .benefit-list span {
  color: #fff;
}

@media (max-width: 991.98px) {
  .home-blocks .value-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .home-blocks .offer-media,
  .home-blocks .value-media {
    grid-template-columns: 1fr;
  }
  .home-blocks .value-media > img,
  .home-blocks .value-media-link img {
    height: auto !important;
    padding: 0;
  }
  .home-blocks .intro-feature:not(.intro-feature-reverse) .intro-feature-media img {
    min-height: 215px;
  }
}

/* Menüyle aynı yeşil geçiş ve başlık kutusu açıklaması. */
.home-blocks .home-title > .home-heading-panel {
  margin-top: clamp(24px, 4vw, 44px);
  padding: clamp(20px, 3vw, 32px) clamp(22px, 4vw, 42px);
  color: #fff;
  background:
    radial-gradient(circle at 18% -80%, rgb(255 255 255 / 16%), transparent 38%),
    linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 58%, var(--primary-dark) 100%);
  border: 1px solid rgb(255 255 255 / 13%);
  border-left: 6px solid var(--accent);
  border-radius: clamp(14px, 2vw, 22px);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--primary-dark) 16%, transparent);
}
.home-blocks .home-heading-panel h1 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  line-height: 1.06;
  white-space: normal !important;
}
.home-blocks .home-heading-panel p {
  max-width: 1040px;
  margin: 0;
  color: rgb(255 255 255 / 84%);
  font-size: clamp(.95rem, 1.2vw, 1.08rem);
  line-height: 1.65;
}
.home-blocks .home-heading-panel p a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.home-blocks .bottom-catalog .benefit-list {
  gap: 1px;
  background:
    radial-gradient(circle at 18% -80%, rgb(255 255 255 / 16%), transparent 38%),
    linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 58%, var(--primary-dark) 100%);
  border: 1px solid rgb(255 255 255 / 14%);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary-dark) 14%, transparent);
}
.home-blocks .bottom-catalog .benefit-list span {
  color: #fff;
  background: rgb(0 0 0 / 8%);
  border-right: 1px solid rgb(255 255 255 / 10%);
}

body .site-footer {
  background:
    radial-gradient(circle at 18% -80%, rgb(255 255 255 / 16%), transparent 38%),
    linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 58%, var(--primary-dark) 100%) !important;
  border-top: 3px solid var(--accent);
}