.ops-page {
  --ops-navy: #071a3d;
  --ops-blue: #0d2b63;
  --ops-gold: #d4af37;
  --ops-green: #516b5b;
  --ops-paper: #f6f8fb;
  --ops-line: rgba(13, 43, 99, 0.13);
  --ops-hero-image: none;
  overflow: hidden;
  color: #17243a;
  background: #fff;
}

.ops-page--security { --ops-hero-image: url("../images/operational/guvenlik-hero.webp"); }
.ops-page--cleaning { --ops-hero-image: url("../images/operational/temizlik-hero.webp"); }
.ops-page--pest { --ops-hero-image: url("../images/operational/pest-kontrol-hero.webp"); }
.ops-page--garden { --ops-hero-image: url("../images/operational/bahce-bakimi-hero.webp"); --ops-gold: #b89532; }
.ops-page--pool { --ops-hero-image: url("../images/operational/havuz-bakimi-hero.webp"); --ops-green: #2e7184; }

.ops-page :where(h1, h2, h3) {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

.ops-page :where(p, li) { overflow-wrap: break-word; }

.ops-hero {
  position: relative;
  min-height: clamp(560px, 45vw, 680px);
  overflow: hidden;
  color: #fff;
  background: var(--ops-navy);
}

.ops-hero__backdrop {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 16, 37, 0.96) 0%, rgba(4, 16, 37, 0.9) 36%, rgba(4, 16, 37, 0.42) 62%, rgba(4, 16, 37, 0.08) 100%),
    linear-gradient(0deg, rgba(4, 16, 37, 0.38), transparent 60%),
    var(--ops-hero-image) center / cover no-repeat;
  transform: scale(1.01);
}

.ops-hero__backdrop::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(rgba(212, 175, 55, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212, 175, 55, 0.085) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, #000, transparent 58%);
}

.ops-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  min-height: clamp(560px, 45vw, 680px);
  padding-top: clamp(72px, 8vw, 110px);
  padding-bottom: clamp(88px, 9vw, 132px);
}

.ops-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 28px;
  gap: 8px;
  color: rgba(255,255,255,.66);
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ops-breadcrumb a:hover,
.ops-breadcrumb a:focus-visible,
.ops-breadcrumb span[aria-current="page"] { color: var(--ops-gold); }

.ops-kicker,
.ops-section-kicker {
  margin: 0 0 13px;
  color: var(--ops-gold);
  font-size: .69rem;
  font-weight: 750;
  letter-spacing: .17em;
  line-height: 1.45;
  text-transform: uppercase;
}

.ops-hero h1 {
  max-width: 850px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.6rem, 4.6vw, 4.9rem);
  font-weight: 700;
  letter-spacing: -.052em;
  line-height: .99;
}

.ops-hero__lead {
  max-width: 760px;
  margin: 27px 0 0;
  padding-left: 18px;
  border-left: 3px solid var(--ops-gold);
  color: rgba(255,255,255,.9);
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  font-weight: 500;
  line-height: 1.58;
}

.ops-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 260px;
  min-height: 54px;
  margin-top: 33px;
  padding: 0 20px 0 24px;
  border: 1px solid var(--ops-gold);
  border-radius: 6px;
  color: var(--ops-navy);
  background: var(--ops-gold);
  font-size: .72rem;
  font-weight: 750;
  transition: transform 220ms ease, background-color 220ms ease;
}

.ops-button:hover,
.ops-button:focus-visible { background: #f0c84c; transform: translateY(-2px); }
.ops-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.ops-pillars { position: relative; z-index: 2; margin-top: -54px; }
.ops-pillars__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 58px rgba(7,26,61,.15);
}

.ops-pillars article {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  min-height: 142px;
  padding: 24px 22px;
  gap: 14px;
  border-left: 1px solid var(--ops-line);
}
.ops-pillars article:first-child { border-left: 0; }
.ops-pillars__number { color: var(--ops-gold); font-size: 1.2rem; font-weight: 700; letter-spacing: .04em; }
.ops-pillars strong { display: block; color: var(--ops-blue); font-size: .85rem; line-height: 1.3; }
.ops-pillars p { margin: 8px 0 0; color: #667184; font-size: .72rem; line-height: 1.62; }

.ops-intro {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  padding-top: clamp(94px, 10vw, 142px);
  padding-bottom: clamp(80px, 8vw, 118px);
  gap: clamp(52px, 8vw, 120px);
}
.ops-intro header { position: relative; }
.ops-intro header::after { position:absolute; top:0; right:calc(clamp(28px,4vw,60px) * -1); width:1px; height:100%; content:""; background:linear-gradient(transparent,var(--ops-gold),transparent); }
.ops-intro h2,
.ops-feature h2,
.ops-heading h2,
.ops-assurance h2,
.ops-cta h2 { margin:0; color:var(--ops-blue); font-size:clamp(1.9rem,2.8vw,3.05rem); font-weight:650; letter-spacing:-.043em; line-height:1.11; }
.ops-intro__copy p { margin:0; color:#4c596d; font-size:.96rem; line-height:1.84; }
.ops-intro__copy p + p { margin-top:17px; }
.ops-intro__copy > strong { display:block; margin-top:24px; color:var(--ops-green); font-size:1rem; }

.ops-feature {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:stretch;
  margin-bottom:clamp(86px,9vw,132px);
  border-radius:20px;
  overflow:hidden;
  background:var(--ops-paper);
  box-shadow:0 25px 65px rgba(7,26,61,.12);
}
.ops-feature__media { min-height:520px; margin:0; overflow:hidden; }
.ops-feature__media img { width:100%; height:100%; object-fit:cover; }
.ops-feature__copy { align-self:center; padding:clamp(42px,5vw,72px); }
.ops-feature__copy > p:not(.ops-section-kicker) { margin:20px 0 0; color:#4d5a6e; font-size:.91rem; line-height:1.78; }
.ops-feature__copy ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:28px 0 0; padding:0; gap:12px 18px; list-style:none; }
.ops-feature__copy li { display:flex; align-items:flex-start; gap:9px; color:var(--ops-blue); font-size:.78rem; font-weight:650; line-height:1.45; }
.ops-feature__copy li span { color:var(--ops-gold); }

.ops-scope { padding:clamp(82px,8vw,122px) 0; background:linear-gradient(180deg,#f3f6fa,#fff); }
.ops-heading { max-width:860px; margin:0 auto clamp(44px,5vw,66px); text-align:center; }
.ops-heading > p:last-child { max-width:720px; margin:18px auto 0; color:#5b687b; font-size:.91rem; line-height:1.72; }
.ops-scope__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ops-scope__grid article { position:relative; min-height:230px; padding:30px; border:1px solid var(--ops-line); border-radius:13px; background:#fff; box-shadow:0 12px 34px rgba(7,26,61,.06); transition:transform 220ms ease, box-shadow 220ms ease; }
.ops-scope__grid article:hover { transform:translateY(-5px); box-shadow:0 20px 42px rgba(7,26,61,.11); }
.ops-scope__grid article > span { color:var(--ops-gold); font-size:.72rem; font-weight:750; letter-spacing:.1em; }
.ops-scope__grid h3 { margin:18px 0 0; color:var(--ops-blue); font-size:1.08rem; line-height:1.3; }
.ops-scope__grid p { margin:13px 0 0; color:#617084; font-size:.8rem; line-height:1.72; }

.ops-process { padding-top:clamp(86px,9vw,132px); padding-bottom:clamp(86px,9vw,132px); }
.ops-process__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.ops-process__grid article { position:relative; padding:16px clamp(22px,2.4vw,36px) 22px; border-left:1px solid var(--ops-line); }
.ops-process__grid article:first-child { border-left:0; }
.ops-process__grid article > span { display:grid; width:52px; height:52px; place-items:center; border-radius:50%; color:var(--ops-gold); background:var(--ops-blue); font-weight:750; box-shadow:0 10px 24px rgba(13,43,99,.18); }
.ops-process__grid h3 { margin:20px 0 0; color:var(--ops-blue); font-size:.95rem; line-height:1.35; }
.ops-process__grid p { margin:11px 0 0; color:#657185; font-size:.76rem; line-height:1.68; }

.ops-assurance { color:#fff; background:linear-gradient(120deg,#071a3d,#0d2b63); }
.ops-assurance__inner { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; min-height:330px; padding-top:58px; padding-bottom:58px; gap:clamp(50px,8vw,110px); }
.ops-assurance h2 { color:#fff; }
.ops-assurance__copy > p:last-child { margin:20px 0 0; color:rgba(255,255,255,.73); font-size:.89rem; line-height:1.76; }
.ops-assurance__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.ops-assurance__grid article { min-height:150px; padding:22px; border-left:1px solid rgba(255,255,255,.18); }
.ops-assurance__grid article:first-child { border-left:0; }
.ops-assurance__grid strong { display:block; color:var(--ops-gold); font-size:clamp(1.2rem,2vw,1.9rem); line-height:1.1; }
.ops-assurance__grid span { display:block; margin-top:13px; color:rgba(255,255,255,.78); font-size:.72rem; line-height:1.55; }

.ops-cta { background:#f2efe7; }
.ops-cta__inner { display:flex; align-items:center; justify-content:space-between; min-height:290px; padding-top:58px; padding-bottom:58px; gap:50px; }
.ops-cta__inner > div { max-width:820px; }
.ops-cta__inner > div > p:last-child { margin:17px 0 0; color:#596679; font-size:.88rem; line-height:1.7; }
.ops-cta .ops-button { flex:0 0 auto; margin-top:0; }

@media (max-width:1080px) {
  .ops-pillars__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ops-pillars article:nth-child(3) { border-left:0; }
  .ops-pillars article:nth-child(n+3) { border-top:1px solid var(--ops-line); }
  .ops-intro { grid-template-columns:1fr; gap:60px; }
  .ops-intro header::after { top:auto; right:auto; bottom:-32px; left:0; width:100px; height:2px; }
  .ops-feature { grid-template-columns:1fr; }
  .ops-feature__media { min-height:460px; }
  .ops-scope__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ops-process__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 0; }
  .ops-process__grid article:nth-child(3) { border-left:0; }
  .ops-assurance__inner { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .ops-hero, .ops-hero__inner { min-height:610px; }
  .ops-hero__backdrop { background:linear-gradient(90deg,rgba(4,16,37,.96),rgba(4,16,37,.68)),var(--ops-hero-image) 64% center / cover no-repeat; }
  .ops-hero h1 { font-size:clamp(2.15rem,9.5vw,3.25rem); }
  .ops-hero__lead { font-size:.94rem; }
  .ops-button { width:100%; min-width:0; max-width:420px; }
  .ops-pillars { margin-top:-42px; }
  .ops-pillars__grid { width:calc(100% - 28px); }
  .ops-pillars article { grid-template-columns:42px minmax(0,1fr); min-height:132px; padding:20px 17px; }
  .ops-intro h2, .ops-feature h2, .ops-heading h2, .ops-assurance h2, .ops-cta h2 { font-size:clamp(1.7rem,7vw,2.25rem); }
  .ops-feature { width:calc(100% - 28px); }
  .ops-feature__media { min-height:320px; }
  .ops-feature__copy { padding:32px 22px 38px; }
  .ops-feature__copy ul { grid-template-columns:1fr; }
  .ops-scope__grid { grid-template-columns:1fr; }
  .ops-scope__grid article { min-height:0; }
  .ops-process__grid { grid-template-columns:1fr; gap:0; }
  .ops-process__grid article, .ops-process__grid article:nth-child(3) { padding:25px 0 28px 76px; border-top:1px solid var(--ops-line); border-left:0; }
  .ops-process__grid article:first-child { border-top:0; }
  .ops-process__grid article > span { position:absolute; top:22px; left:0; }
  .ops-process__grid h3 { margin-top:0; }
  .ops-assurance__grid { grid-template-columns:1fr; }
  .ops-assurance__grid article, .ops-assurance__grid article:first-child { min-height:0; padding:22px 0; border-top:1px solid rgba(255,255,255,.18); border-left:0; }
  .ops-cta__inner { align-items:flex-start; flex-direction:column; }
  .ops-cta .ops-button { margin-top:0; }
}

@media (max-width:520px) {
  .ops-pillars__grid { grid-template-columns:1fr; }
  .ops-pillars article, .ops-pillars article:nth-child(3) { border-top:1px solid var(--ops-line); border-left:0; }
  .ops-pillars article:first-child { border-top:0; }
  .ops-feature__media { min-height:260px; }
}