/* GERCEK V118 — only desktop service-overview refinement.
   This stylesheet is exclusive to hizmetler.php and has no effect below 861px.
   All V117 mobile rules, site-wide theme, SEO, and service catalogue remain intact. */
.v116-services .v118-desktop-info{display:none}
@media (min-width:861px){
  .v116-services{background:linear-gradient(119deg,#f1f9ff 0%,#e1f2ff 57%,#cfebff 100%)}
  .v116-services .v116-section{padding:24px 0 40px}
  .v116-services .v116-layout{grid-template-columns:251px minmax(0,1fr);gap:18px;align-items:stretch}
  .v116-services .v116-sidebar{padding:31px 16px;border-radius:21px;background:#fff;border-color:#dcecf8;box-shadow:0 8px 27px rgba(14,88,144,.045)}
  .v116-services .v116-sidebar-label{margin:0 11px 19px;letter-spacing:.18em;font-size:10px}
  .v116-services .v116-tabs{gap:9px}
  .v116-services .v116-tab{min-height:75px;padding:13px 12px;gap:11px;grid-template-columns:35px minmax(0,1fr);border-radius:13px;background:linear-gradient(180deg,#fff,#f9fcff);border-color:#dbeaf6;font-size:13px;line-height:1.34}
  .v116-services .v116-tab-icon{width:34px;height:34px}
  .v116-services .v116-tab-icon svg{width:28px;height:28px}
  .v116-services .v116-tab.is-active{background:linear-gradient(120deg,#11a4eb,#006ac5);border-color:#0384d9;box-shadow:0 10px 21px rgba(0,118,188,.18)}
  .v116-services .v116-category{min-height:736px;border-color:#d5e9f8;border-radius:19px;background:linear-gradient(155deg,#fff 17%,#f5fbff 57%,#cfeeff 100%);box-shadow:0 8px 31px rgba(0,84,148,.06)}
  /* A distinct deep-blue datacentre remains visible along the right edge. */
  .v116-services .v116-banner-photo{position:absolute;top:0;right:0;bottom:0;left:auto;width:54%;height:100%;background:#07528a;overflow:hidden;z-index:0}
  .v116-services .v116-banner-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 48%;filter:contrast(1.12) saturate(1.18) brightness(.94)}
  .v116-services .v116-banner-photo::after{inset:0;background:linear-gradient(90deg,rgba(0,106,183,.01),rgba(0,67,129,.10) 58%,rgba(0,29,75,.24)),linear-gradient(0deg,rgba(0,34,75,.08),transparent 45%)}
  /* Clear geometric sweep from top-left to lower-right, like the selected mockup. */
  .v116-services .v116-category::before{inset:0;z-index:1;background:linear-gradient(100deg,#ffffff 0%,#fff 53%,rgba(248,254,255,.97) 100%);clip-path:polygon(0 0,54% 0,85% 100%,0 100%);pointer-events:none}
  .v116-services .v116-category::after{top:0;left:0;right:0;bottom:0;width:auto;height:auto;opacity:1;transform:none;z-index:1;background:linear-gradient(135deg,rgba(172,225,253,.73),rgba(135,203,244,.46) 57%,rgba(193,235,255,.72));clip-path:polygon(52.2% 0,55.9% 0,88.2% 100%,84.3% 100%);pointer-events:none}
  .v116-services .v116-banner{z-index:2;min-height:338px}
  .v116-services .v116-banner-copy{width:75%;max-width:730px;padding:46px 30px 10px 39px}
  .v116-services .v116-eyebrow{font-size:10px;color:#0683c7;letter-spacing:.165em;gap:14px}
  .v116-services .v116-banner h1{max-width:700px;margin-top:32px;font-size:clamp(36px,3.55vw,55px);font-weight:850;line-height:1.08;letter-spacing:-.047em;color:#06234d}
  .v116-services .v116-banner h1 span{color:#096ed0}
  .v116-services .v116-title-accent{margin-top:20px;width:64px;height:6px;background:linear-gradient(90deg,#0cb6f5,#0871d9)}
  .v116-services .v116-banner p{margin-top:19px;font-size:14.1px;line-height:1.71;max-width:610px;color:#425e7c}
  .v116-services .v116-scope{z-index:3;padding:11px 39px 40px 39px;max-width:none}
  .v116-services .v116-scope-label{margin-bottom:16px;font-size:10px;letter-spacing:.17em;color:#537b9a}
  .v116-services .v116-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:9px}
  .v116-services .v116-service{min-height:59px;padding:8px 11px;gap:12px;background:rgba(255,255,255,.955);border:1px solid rgba(209,230,246,.96);border-radius:13px;box-shadow:0 5px 15px rgba(12,81,139,.065);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .v116-services .v116-service-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;background:linear-gradient(160deg,#f0faff,#deeffc);color:#048bdd}
  .v116-services .v116-service-icon svg{width:26px;height:26px;stroke-width:2.4}
  .v116-services .v116-service-title{font-size:13.1px;line-height:1.31;letter-spacing:-.012em;color:#082d53;font-weight:780}
  .v116-services .v116-service:hover{background:#fff;border-color:#70caf2;box-shadow:0 7px 22px rgba(0,100,169,.14)}
  .v116-services .v116-actions{margin-top:23px;display:flex;align-items:center;flex-wrap:wrap;gap:23px}
  .v116-services .v116-primary-action{min-width:286px;min-height:57px;padding:13px 30px;background:linear-gradient(110deg,#12a9ed,#045ac3);border-color:#087bca;box-shadow:0 12px 24px rgba(3,117,189,.18);border-radius:12px;font-size:16px;font-weight:800}
  .v116-services .v118-desktop-info{display:inline-flex;gap:8px;align-items:center;padding:8px 2px;font-size:12.5px;font-weight:720;color:#087aca;text-decoration:none;white-space:normal}
  .v116-services .v118-desktop-info:hover{color:#055a9b;text-decoration:underline}
  .v116-services .v118-desktop-info:focus-visible{outline:3px solid #52b9ee;outline-offset:2px}
  .v116-services .v118-info-circle{display:grid;place-items:center;width:23px;height:23px;flex:none;border:2px solid currentColor;border-radius:50%;font-weight:850;font-size:14px;line-height:1;font-family:Georgia,serif}
  /* Iconography and understated chevrons from the chosen desktop reference. */
  .v116-services .v116-tab{grid-template-columns:35px minmax(0,1fr) 9px}
  .v116-services .v116-tab::after{content:"";display:block;width:7px;height:7px;border-top:1.8px solid currentColor;border-right:1.8px solid currentColor;transform:rotate(45deg);justify-self:center;opacity:.74}
  .v116-services .v116-service::after{content:"";display:block;flex:0 0 7px;width:7px;height:7px;margin-left:auto;margin-right:5px;border-top:1.8px solid #126aa6;border-right:1.8px solid #126aa6;transform:rotate(45deg);opacity:.86}
  .v116-services .v116-banner-photo::after{background:linear-gradient(0deg,rgba(202,239,255,.91),transparent 18%),linear-gradient(90deg,rgba(0,106,183,.01),rgba(0,67,129,.10) 58%,rgba(0,29,75,.20))}
}
/* On narrower desktops, leave more room for service titles; never truncate or overlap. */
@media (min-width:861px) and (max-width:1160px){
  .v116-services .v116-layout{grid-template-columns:214px minmax(0,1fr);gap:13px}
  .v116-services .v116-sidebar{padding:25px 12px}
  .v116-services .v116-tab{min-height:69px;padding:10px;font-size:12px;gap:8px}
  .v116-services .v116-banner{min-height:322px}
  .v116-services .v116-banner-copy{width:78%;padding:37px 20px 9px 29px}
  .v116-services .v116-banner h1{font-size:clamp(32px,3.6vw,42px)}
  .v116-services .v116-banner p{font-size:12.5px}
  .v116-services .v116-scope{padding:9px 22px 28px 29px}
  .v116-services .v116-service-grid{column-gap:12px;row-gap:8px}
  .v116-services .v116-service{gap:9px;min-height:57px;padding:6px 8px}
  .v116-services .v116-service-title{font-size:11.6px}
  .v116-services .v116-service-icon{width:37px;height:37px;flex-basis:37px}
  .v116-services .v116-service-icon svg{width:22px;height:22px}
  .v116-services .v116-actions{gap:15px}
  .v116-services .v116-primary-action{min-width:225px;min-height:54px}
  .v116-services .v118-desktop-info{font-size:11px}
}