/* GERCEK V128 – site-wide approved SVGs + neutral service-category surfaces */
.v128-service-glyph { display:block; width:28px; height:28px; object-fit:contain; }
/* Category navigation in the shared top mega menu. */
.v97-nav .v36-mega-heading,
.v97-nav .v97-group-toggle,
.v97-nav .v97-group-toggle[aria-expanded="true"] {
  background:#fff !important; color:#123757 !important;
  border:1px solid #dceaf5 !important;box-shadow:none !important;
}
.v97-nav .v36-mega-heading:hover,
.v97-nav .v97-group-toggle:hover,
.v97-nav .v97-group-toggle:focus-visible { border-color:#4fa6e4 !important;background:#fff !important; }
.v97-nav .v36-mega-heading>span,
.v97-nav .v97-group-toggle>span:first-child {
  display:grid;place-items:center;flex:none;width:33px;height:33px;
  border-radius:9px;border:1px solid #e0eef8;background:#fff !important;color:#087ad8 !important;
}
.v97-nav svg.v125-cat-svg {width:29px !important;height:29px !important;display:block;stroke:currentColor;fill:none;}
.v97-nav svg.v125-cat-svg .v125-soft-area {fill:#eff8ff;stroke:#087ad8;}
.v97-nav svg.v125-cat-svg .v125-detail {stroke:#27ace4;}
.v97-nav svg.v125-cat-svg .v125-detail-dot {fill:#27ace4;stroke:none;}
.v97-nav svg.v125-cat-svg .v125-cloud {fill:#f5fbff;stroke:#087ad8;}
/* Shared service category sidebar (if a detail or content page uses it). */
.v90-site .v43-side .v43-side-item,
.v90-site .v43-side .v43-side-item.is-active,
.v89-site .v89-catalog .v43-side-item,
.v89-site .v89-catalog .v43-side-item.is-active {
  background:#fff !important;
  color:#153757 !important;
  border:1px solid #dae9f5 !important;
  box-shadow:none !important;
}
.v90-site .v43-side .v43-side-item.is-active,
.v89-site .v89-catalog .v43-side-item.is-active {
  border-color:#278ed6 !important;
  box-shadow:inset 3px 0 0 #1089d6 !important;
}
.v90-site .v43-side .v43-side-item:hover,
.v89-site .v89-catalog .v43-side-item:hover {background:#fff !important;border-color:#6cb4e5 !important;}
.v90-site .v43-side .v43-side-item .v43-side-icon,
.v90-site .v43-side .v43-side-item.is-active .v43-side-icon {
  color:#087ad8 !important;background:#fff !important;
}
.v43-side-icon svg.v125-cat-svg {width:25px;height:25px;stroke:#087ad8;fill:none;}
.v43-side-icon svg.v125-cat-svg .v125-soft-area {fill:#eff8ff;stroke:#087ad8;}
.v43-side-icon svg.v125-cat-svg .v125-detail {stroke:#27ace4;}
.v43-side-icon svg.v125-cat-svg .v125-detail-dot {fill:#27ace4;stroke:none;}
.v43-side-icon svg.v125-cat-svg .v125-cloud {fill:#f5fbff;stroke:#087ad8;}
/* Quote-form category groups: no blue filled category backgrounds. */
.v34-quote-page .v106-category,
.v34-quote-page .v106-category[aria-expanded="true"],
.v34-quote-page .v106-category:hover,
.v34-quote-page .v106-category:focus-visible {
  background:#fff !important;color:#143c60 !important;
  border:1px solid #d7e8f4 !important;border-left:3px solid #c3dff2 !important;
  box-shadow:none !important;
}
.v34-quote-page .v106-category[aria-expanded="true"] {border-left-color:#178cda !important;}
.v34-quote-page .v106-item {align-items:center;}
.v34-quote-page .v128-quote-service-icon {width:25px;height:25px;flex:0 0 25px;object-fit:contain;}
.v34-quote-page .v106-item > span {min-width:0;}
/* Related services across individual detail pages. */
.v97-related-icon img.v128-service-glyph {width:31px;height:31px;}
/* Homepage service photo cards: subtle recognition mark without changing photo. */
#services-showcase .v128-home-service-icon {
  display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;
  margin:0 0 8px;border-radius:10px;
  border:1px solid #dfedf8;background:#f8fcff;
}
#services-showcase .v128-home-service-icon img {width:29px;height:29px;}
/* Current service icon in service detail breadcrumb, keeps title untouched. */
.v72-service-path .v128-detail-service-icon {display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;margin-right:6px;border:1px solid #d8e9f6;border-radius:9px;background:#f8fcff;vertical-align:middle;}
.v72-service-path .v128-detail-service-icon img {width:25px;height:25px;}
@media(max-width:600px){
  .v97-nav .v97-group-toggle>span:first-child {width:29px;height:29px;}
  .v97-nav .v97-group-toggle svg.v125-cat-svg {width:27px !important;height:27px !important;}
  #services-showcase .v128-home-service-icon {width:33px;height:33px;flex-basis:33px;margin-bottom:6px;}
  #services-showcase .v128-home-service-icon img {width:26px;height:26px;}
}

/* GERCEK V129 — original glossy 3D reference icon palette, cropped as PNG artwork.
   Remain consistent across all other templates using the shared service components. */
.v129-rendered-icon { display:block !important; width:44px !important;height:38px !important;max-width:100%;object-fit:contain !important;}
.v129-category-glyph {display:block !important;width:37px;height:33px;max-width:100%;object-fit:contain;border-radius:7px;}
.v97-nav .v129-category-glyph {width:32px;height:29px;}
.v43-side-icon .v129-category-glyph {width:32px;height:29px;}
.v97-nav .v36-mega-heading>span,
.v97-nav .v97-group-toggle>span:first-child {overflow:hidden;}
/* Keep all category blocks white with only subtle blue selected state. */
.v116-services .v116-tab,
.v116-services .v116-tab.is-active,
.v116-services .v116-tab:hover,
.v116-services .v116-tab:focus-visible {background:#fff !important;color:#153757 !important;}
.v116-services .v116-tab.is-active {border-color:#278ed6 !important;box-shadow:inset 3px 0 #118fdf,0 2px 8px rgba(7,64,111,.045) !important;}
.v116-services .v116-tab-icon,
.v116-services .v116-tab.is-active .v116-tab-icon {background:transparent !important;border:0 !important;box-shadow:none !important;color:#087ad8 !important;}
/* Shared cards: original rounded icon artwork replaces CSS icon circles. */
.v116-services .v116-service-icon {width:48px !important;height:42px !important;flex:0 0 48px !important;background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;}
.v116-services .v116-service-icon img.v129-rendered-icon {width:47px !important;height:40px !important;}
.v97-related-icon {background:none !important;}
.v97-related-icon img.v129-rendered-icon {width:40px !important;height:35px !important;}
#services-showcase .v128-home-service-icon {width:48px;height:44px;flex-basis:48px;border:0;background:none;border-radius:0;}
#services-showcase .v128-home-service-icon img.v129-rendered-icon {width:47px !important;height:40px !important;}
.v72-service-path .v128-detail-service-icon {width:43px;height:39px;border:0;background:transparent;}
.v72-service-path .v128-detail-service-icon img.v129-rendered-icon {width:42px !important;height:35px !important;}
.v34-quote-page .v106-item img.v129-rendered-icon,
.v34-quote-page .v106-item img.v128-quote-service-icon {width:40px;height:34px;flex:0 0 40px;object-fit:contain;}
@media (max-width:860px){
 .v116-services .v116-service-icon {width:42px !important;height:38px !important;flex-basis:42px !important;}
 .v116-services .v116-service-icon img.v129-rendered-icon {width:42px !important;height:36px !important;}
 .v116-services .v129-category-glyph {width:35px;height:30px;}
}
@media (max-width:400px){
 .v116-services .v116-service-icon {width:39px !important;flex-basis:39px !important;}
 .v116-services .v116-service-icon img.v129-rendered-icon {width:39px !important;height:33px !important;}
 .v116-services .v129-category-glyph {width:32px;height:29px;}
}


/* GERCEK V130 — sharpen 3D PNG icons by preserving native aspect ratio.
   V129 slightly distorted 194x154 artwork into too-tall boxes, which caused
   soft rendering. These overrides keep the original ratio (~1.26:1) and let
   the browser scale down cleanly. */
.v129-rendered-icon {
  display:block !important;
  width:44px !important;
  height:auto !important;
  aspect-ratio:194 / 154;
  max-width:100%;
  object-fit:contain !important;
}
.v129-category-glyph {
  display:block !important;
  width:38px !important;
  height:auto !important;
  aspect-ratio:194 / 154;
  max-width:100%;
  object-fit:contain !important;
}
.v97-nav .v129-category-glyph,
.v43-side-icon .v129-category-glyph {width:34px !important;height:auto !important;}

/* Service cards */
.v116-services .v116-service-icon {
  width:50px !important;
  height:40px !important;
  flex:0 0 50px !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
}
.v116-services .v116-service-icon img.v129-rendered-icon {
  width:44px !important;
  height:auto !important;
  max-height:35px !important;
  transform:translateZ(0);
}

/* Related services / homepage / detail / quote */
.v97-related-icon {background:none !important; display:grid; place-items:center;}
.v97-related-icon img.v129-rendered-icon {width:40px !important;height:auto !important;max-height:32px !important;}
#services-showcase .v128-home-service-icon {
  width:50px;
  height:40px;
  flex-basis:50px;
  border:0;
  background:none;
  border-radius:0;
  display:grid;
  place-items:center;
}
#services-showcase .v128-home-service-icon img.v129-rendered-icon {width:44px !important;height:auto !important;max-height:35px !important;}
.v72-service-path .v128-detail-service-icon {
  width:44px;
  height:36px;
  border:0;
  background:transparent;
  display:inline-grid;
  place-items:center;
}
.v72-service-path .v128-detail-service-icon img.v129-rendered-icon {width:40px !important;height:auto !important;max-height:32px !important;}
.v34-quote-page .v106-item img.v129-rendered-icon,
.v34-quote-page .v106-item img.v128-quote-service-icon {
  width:38px;
  height:auto;
  max-height:31px;
  flex:0 0 38px;
  object-fit:contain;
}

/* A bit tighter on mobile while keeping the ratio intact. */
@media (max-width:860px){
  .v116-services .v116-service-icon {width:46px !important;height:37px !important;flex-basis:46px !important;}
  .v116-services .v116-service-icon img.v129-rendered-icon {width:40px !important;max-height:32px !important;}
  .v116-services .v129-category-glyph {width:35px !important;height:auto !important;}
  #services-showcase .v128-home-service-icon {width:46px;height:37px;flex-basis:46px;}
  #services-showcase .v128-home-service-icon img.v129-rendered-icon {width:40px !important;max-height:32px !important;}
}
@media (max-width:400px){
  .v116-services .v116-service-icon {width:42px !important;height:34px !important;flex-basis:42px !important;}
  .v116-services .v116-service-icon img.v129-rendered-icon {width:36px !important;max-height:29px !important;}
  .v116-services .v129-category-glyph {width:32px !important;height:auto !important;}
}