:root {
	--sum-green: #77c043;
	--sum-navy: #1d2f72;
	--sum-ink: #18202a;
	--sum-muted: #627083;
	--sum-surface: #f5f8f5;
	--sum-line: #e3e9e5;
	--sum-radius: 14px;
}

body {
	color: var(--sum-ink);
	font-family: Arial, Helvetica, sans-serif;
}

#site-header.minimal-header {
	background: #fff;
	box-shadow: 0 1px 0 rgba(24, 32, 42, .08);
}

#site-header-inner {
	align-items: center;
	display: flex;
	gap: 32px;
	max-width: 1280px;
	min-height: 76px;
	padding: 0 32px;
	margin: 0 auto;
}

#site-logo {
	flex: 0 0 auto;
}

#site-logo img {
	display: block;
	height: auto;
	max-height: 48px;
	width: auto;
}

#site-navigation-wrap {
	margin-left: auto;
}

#site-navigation-wrap .dropdown-menu > li > a {
	color: var(--sum-navy);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .01em;
	padding: 29px 13px;
}

#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a,
#site-navigation-wrap .dropdown-menu > li.current-menu-ancestor > a {
	color: var(--sum-green);
}

#site-navigation-wrap .dropdown-menu ul {
	border-radius: 0 0 var(--sum-radius) var(--sum-radius);
	box-shadow: 0 12px 30px rgba(24, 32, 42, .14);
	overflow: hidden;
}

#site-navigation-wrap .dropdown-menu ul a {
	font-size: 14px;
}

.site-main .elementor-section.elementor-top-section {
	position: relative;
}

.site-main .elementor-button {
	border-radius: 999px;
	font-weight: 700;
	padding: 14px 24px;
}

.site-main .elementor-button:hover {
	transform: translateY(-1px);
}

@media (max-width: 959px) {
	#site-header-inner {
		box-sizing: border-box;
		min-height: 70px;
		padding: 0 20px;
		position: relative;
		width: 100% !important;
	}

	#site-navigation-wrap {
	/* Desktop navigation must not wrap on phones or tablets. */
		display: none;
	}

	.oceanwp-mobile-menu-icon {
		align-items: center;
		display: flex !important;
		gap: 14px;
		margin-left: auto;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	.oceanwp-mobile-menu-icon .mobile-menu,
	.oceanwp-mobile-menu-icon .search-icon-dropdown {
	align-items: center;
	border: 1px solid var(--sum-line);
	border-radius: 50%;
	color: var(--sum-navy);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
	}

	.oceanwp-mobile-menu-icon .hamburger-inner,
	.oceanwp-mobile-menu-icon .hamburger-inner::before,
	.oceanwp-mobile-menu-icon .hamburger-inner::after {
	background-color: var(--sum-navy);
	}

	#site-logo img {
	max-height: 40px;
	}
}

@media (max-width: 480px) {
	#site-header-inner {
	gap: 12px;
	min-height: 64px;
	padding: 0 16px;
	}

	#site-logo img {
	max-height: 34px;
	}

	.oceanwp-mobile-menu-icon {
		gap: 8px;
		right: 16px;
	}

	.oceanwp-mobile-menu-icon .mobile-menu,
	.oceanwp-mobile-menu-icon .search-icon-dropdown {
	border: 0;
	height: 38px;
	width: 38px;
	}

	.site-main .elementor-section.elementor-top-section {
		overflow: hidden;
	}
}


/* Hide the generic page-title banner on phones and tablets. */
@media (max-width: 959px) {
  .page-header { display: none !important; }
}


/* Remove the generic page-title banner on every device. */
.page-header {
  display: none !important;
}


/* SUM Kimya official brand palette and homepage experience. */
:root {
  --sum-green: #66c759;
  --sum-navy: #162da5;
}

#site-header.minimal-header {
  border-bottom: 1px solid rgba(22, 45, 165, .09);
}

#site-navigation-wrap .dropdown-menu > li > a,
.oceanwp-mobile-menu-icon a {
  color: var(--sum-navy);
}

#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-navigation-wrap .dropdown-menu > li.current-menu-item > a {
  color: var(--sum-green);
}

.sumkimya-hero-section {
  background: #f6f8ff;
}

.sumkimya-hero {
  align-items: stretch;
  background: linear-gradient(120deg, #0e2174 0%, #162da5 56%, #123496 100%);
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
  min-height: 590px;
  overflow: hidden;
  position: relative;
}

.sumkimya-hero__content {
  align-self: center;
  color: #fff;
  max-width: 700px;
  padding: 76px clamp(32px, 7vw, 116px);
  position: relative;
  z-index: 1;
}

.sumkimya-hero__eyebrow {
  color: #9ef091;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  margin: 0 0 18px;
  text-transform: uppercase;
}

.sumkimya-hero h1 {
  color: #fff;
  font-size: clamp(2.4rem, 4.4vw, 4.9rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.04;
  margin: 0;
}

.sumkimya-hero__lead {
  color: rgba(255,255,255,.86);
  font-size: 1.13rem;
  line-height: 1.7;
  margin: 26px 0 32px;
  max-width: 600px;
}

.sumkimya-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.sumkimya-button {
  border-radius: 8px;
  display: inline-flex;
  font-size: .92rem;
  font-weight: 700;
  justify-content: center;
  padding: 14px 21px;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease;
}

.sumkimya-button:hover {
  transform: translateY(-2px);
}

.sumkimya-button--primary {
  background: var(--sum-green);
  color: #09226a;
}

.sumkimya-button--secondary {
  border: 1px solid rgba(255,255,255,.7);
  color: #fff;
}

.sumkimya-hero__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  list-style: none;
  margin: 42px 0 0;
  padding: 0;
}

.sumkimya-hero__highlights li {
  align-items: center;
  color: rgba(255,255,255,.8);
  display: flex;
  font-size: .86rem;
  gap: 8px;
}

.sumkimya-hero__highlights li::before {
  background: var(--sum-green);
  border-radius: 50%;
  content: '';
  height: 7px;
  width: 7px;
}

.sumkimya-hero__visual {
  min-height: 100%;
  position: relative;
}

.sumkimya-hero__visual::after {
  background: linear-gradient(90deg, #162da5 0%, rgba(22,45,165,.45) 21%, rgba(22,45,165,0) 55%);
  content: '';
  inset: 0;
  position: absolute;
}

.sumkimya-hero__visual img {
  height: 100%;
  min-height: 590px;
  object-fit: cover;
  width: 100%;
}

#footer {
  border-top: 3px solid var(--sum-green);
}

#copyright {
  color: var(--sum-navy);
  font-weight: 600;
}

@media (max-width: 959px) {
  .sumkimya-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .sumkimya-hero__content {
    padding: 66px 32px 48px;
  }

  .sumkimya-hero__visual {
    max-height: 310px;
  }

  .sumkimya-hero__visual::after {
    background: linear-gradient(180deg, #162da5 0%, rgba(22,45,165,.05) 48%);
  }

  .sumkimya-hero__visual img {
    min-height: 0;
    height: 310px;
  }
}

@media (max-width: 480px) {
  .sumkimya-hero__content {
    padding: 54px 22px 38px;
  }

  .sumkimya-hero h1 {
    font-size: 2.45rem;
  }

  .sumkimya-hero__lead {
    font-size: 1rem;
  }

  .sumkimya-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sumkimya-button {
    width: 100%;
  }

  .sumkimya-hero__highlights {
    gap: 12px;
    margin-top: 30px;
  }

  .sumkimya-hero__visual {
    max-height: 230px;
  }

  .sumkimya-hero__visual img {
    height: 230px;
  }
}


/* Consistent typography and a more prominent SUM Kimya logo. */
body,
button,
input,
select,
textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
#site-navigation-wrap .dropdown-menu > li > a,
.sumkimya-button {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

#site-header-inner {
  min-height: 92px;
}

#site-logo img {
  display: block;
  height: auto;
  max-height: 58px;
  max-width: 242px;
  object-fit: contain;
  width: auto;
}

#site-navigation-wrap .dropdown-menu > li > a {
  font-size: .92rem;
  font-weight: 650;
  letter-spacing: -.01em;
}

@media (max-width: 959px) {
  #site-header-inner {
    min-height: 78px;
  }

  #site-logo img {
    max-height: 44px;
    max-width: 190px;
  }
}

@media (max-width: 480px) {
  #site-logo img {
    max-height: 40px;
    max-width: 166px;
  }
}


/* Override OceanWP's native logo limit. */
#site-logo #site-logo-inner a img,
#site-logo #site-logo-inner img {
  height: auto !important;
  max-height: 58px !important;
  max-width: 242px !important;
  width: auto !important;
}

@media (max-width: 959px) {
  #site-logo #site-logo-inner a img,
  #site-logo #site-logo-inner img {
    max-height: 44px !important;
    max-width: 190px !important;
  }
}

@media (max-width: 480px) {
  #site-logo #site-logo-inner a img,
  #site-logo #site-logo-inner img {
    max-height: 40px !important;
    max-width: 166px !important;
  }
}


/* Set an explicit display height so the brand mark reads clearly. */
#site-logo #site-logo-inner a img,
#site-logo #site-logo-inner img {
  height: 58px !important;
}

@media (max-width: 959px) {
  #site-logo #site-logo-inner a img,
  #site-logo #site-logo-inner img {
    height: 44px !important;
  }
}

@media (max-width: 480px) {
  #site-logo #site-logo-inner a img,
  #site-logo #site-logo-inner img {
    height: 40px !important;
  }
}


/* Keep navigation accessible while visitors scroll. */
#site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
}

body.admin-bar #site-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar #site-header {
    top: 46px;
  }
}


/* Use the high-resolution SUM Kimya brand asset in the site header. */
#site-logo #site-logo-inner a img.custom-logo {
  content: url("/wp-content/uploads/2026/08/SUM_Kimya_Vektor.png");
  height: 58px !important;
  max-height: 58px !important;
  max-width: 285px !important;
  width: auto !important;
}

@media (max-width: 959px) {
  #site-logo #site-logo-inner a img.custom-logo {
    height: 46px !important;
    max-height: 46px !important;
    max-width: 226px !important;
  }
}

@media (max-width: 480px) {
  #site-logo #site-logo-inner a img.custom-logo {
    height: 42px !important;
    max-height: 42px !important;
    max-width: 206px !important;
  }
}


/* Improve header navigation legibility. */
#site-navigation-wrap .dropdown-menu > li > a {
  font-size: 1.06rem !important;
  font-weight: 700 !important;
}

#site-header .oceanwp-mobile-menu-icon a {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}


/* OceanWP uses a reduced root scale; use explicit accessible menu sizes. */
#site-navigation-wrap .dropdown-menu > li > a {
  font-size: 16px !important;
}

#site-header .oceanwp-mobile-menu-icon a {
  font-size: 18px !important;
}


/* Align the desktop brand mark with the left edge of the page. */
@media (min-width: 960px) {
  #site-header-inner {
    max-width: none;
    padding-left: 36px;
    padding-right: 36px;
    width: 100%;
  }
}


/* Exact colours extracted from the SUM Kimya vector logo. */
:root {
  --sum-navy: #162da5;
  --sum-green: #25d366;
}

.sumkimya-hero__eyebrow {
  color: #8cf1a7;
}

.sumkimya-button--primary {
  background: #25d366;
  color: #0b2d76;
}

.sumkimya-hero__highlights li::before {
  background: #25d366;
}


/* Compact desktop header while retaining a clear logo and navigation. */
@media (min-width: 960px) {
  #site-header-inner {
    height: 82px !important;
    min-height: 82px !important;
  }
}


/* Mirror desktop navigation feedback in the mobile menu. */
#mobile-nav li.current-menu-item > a,
#mobile-nav li.current-menu-ancestor > a,
#mobile-nav li.current-menu-parent > a,
#mobile-nav li > a:hover,
#mobile-nav li > a:focus,
#mobile-nav li > a:active {
  color: #25d366 !important;
}

#mobile-nav li.current-menu-item > a,
#mobile-nav li.current-menu-ancestor > a,
#mobile-nav li.current-menu-parent > a {
  font-weight: 700;
}

#mobile-nav .dropdown-toggle:focus,
#mobile-nav .dropdown-toggle:active {
  color: #25d366 !important;
}


/* Mobile navigation trigger: use brand navy and a compact close mark. */
#site-header .oceanwp-mobile-menu-icon .mobile-menu,
#site-header .oceanwp-mobile-menu-icon .mobile-menu:hover,
#site-header .oceanwp-mobile-menu-icon .mobile-menu:focus,
#site-header .oceanwp-mobile-menu-icon .mobile-menu:active,
#site-header .oceanwp-mobile-menu-icon .mobile-menu.opened {
  color: #162da5 !important;
}

#site-header .oceanwp-mobile-menu-icon .mobile-menu.opened > i,
#site-header .oceanwp-mobile-menu-icon .mobile-menu.opened .oceanwp-text {
  display: none !important;
}

#site-header .oceanwp-mobile-menu-icon .mobile-menu.opened .oceanwp-close-text {
  color: #162da5 !important;
  font-size: 0;
  line-height: 1;
}

#site-header .oceanwp-mobile-menu-icon .mobile-menu.opened .oceanwp-close-text::after {
  color: #162da5;
  content: "×";
  font-family: Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
}


/* Minimal copyright footer, aligned with the clean header treatment. */
#footer {
  background: #fff !important;
  border-top: 1px solid rgba(22, 45, 165, .14);
}

#footer-widgets {
  display: none !important;
}

#footer-bottom {
  background: #fff !important;
  padding: 14px 0 !important;
}

#footer-bottom-inner {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 0 !important;
  padding: 0 28px;
}

#copyright {
  color: #162da5;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

@media (max-width: 480px) {
  #footer-bottom {
    padding: 12px 0 !important;
  }

  #copyright {
    font-size: 12px;
  }
}


/* Align the copyright line with the left-side brand layout. */
#footer-bottom-inner {
  justify-content: flex-start;
}

#copyright {
  text-align: left;
}


/* Keep the compact mobile footer centred. */
@media (max-width: 480px) {
  #footer-bottom-inner {
    justify-content: center;
  }

  #copyright {
    text-align: center;
  }
}


#footer-bottom #copyright {
  text-align: left;
}

@media (max-width: 480px) {
  #footer-bottom #copyright {
    text-align: center;
  }
}


@media (min-width: 481px) {
  #footer-bottom #copyright {
    text-align: left !important;
  }
}


/* Make desktop navigation more prominent without affecting smaller screens. */
@media (min-width: 960px) {
  #site-navigation-wrap .dropdown-menu > li > a {
    font-size: 18px !important;
  }
}


/* Compact the product-category links at the end of the Silicates page on mobile. */
@media (max-width: 480px) {
  body.page-id-2414 .elementor-element-89badd5 .elementor-icon-list-items {
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }

  body.page-id-2414 .elementor-element-89badd5 .elementor-icon-list-item {
    margin: 0 4px !important;
    white-space: nowrap;
  }

  body.page-id-2414 #content-wrap {
    padding-bottom: 20px;
  }

  body.page-id-2414 #primary {
    margin-bottom: 0;
  }
}


/* Keep the header clean and border-free on every device. */
#site-header,
#site-header.minimal-header,
#site-header-inner {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}


/* SUM Kimya 2026 home experience */
:root {
  --sum-navy: #162da5;
  --sum-navy-deep: #0a1d73;
  --sum-green: #25d366;
  --sum-ink: #142143;
  --sum-muted: #65708e;
  --sum-surface: #f4f7ff;
  --sum-line: rgba(22, 45, 165, .13);
}

.home .page-header,
.home .sumkimya-legacy-home-section {
  display: none !important;
}

.sumkimya-home,
.sumkimya-home * {
  box-sizing: border-box;
}

.sumkimya-home {
  color: var(--sum-ink);
  font-family: inherit;
  overflow: hidden;
}

.sumkimya-container {
  margin: 0 auto;
  max-width: 1240px;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}

.sumkimya-section {
  padding: clamp(72px, 9vw, 132px) 0;
}

.sumkimya-kicker,
.sumkimya-hero__eyebrow {
  color: var(--sum-green) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  line-height: 1.2;
  margin: 0 0 20px !important;
  text-transform: uppercase;
}

.sumkimya-home h2,
.sumkimya-hero h1 {
  color: var(--sum-navy);
  font-size: clamp(38px, 4.45vw, 68px);
  font-weight: 750;
  letter-spacing: -.052em;
  line-height: 1.03;
  margin: 0;
}

.sumkimya-hero {
  background: var(--sum-navy-deep);
  min-height: min(760px, calc(100vh - 82px));
}

.sumkimya-hero__content {
  max-width: 610px;
}

.sumkimya-hero h1 {
  color: #fff;
  font-size: clamp(46px, 5.45vw, 80px);
  max-width: 650px;
}

.sumkimya-hero__lead {
  color: rgba(255,255,255,.82);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.55;
  margin: 28px 0 34px;
  max-width: 560px;
}

.sumkimya-button {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 15px;
  font-weight: 750;
  justify-content: center;
  letter-spacing: -.01em;
  min-height: 54px;
  padding: 0 23px;
  text-decoration: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.sumkimya-button:hover {
  transform: translateY(-2px);
}

.sumkimya-button--primary {
  background: var(--sum-green) !important;
  color: var(--sum-navy-deep) !important;
}

.sumkimya-button--primary:hover {
  background: #48e281 !important;
}

.sumkimya-button--secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,.66);
  color: #fff !important;
}

.sumkimya-button--secondary:hover {
  background: #fff;
  border-color: #fff;
  color: var(--sum-navy) !important;
}

.sumkimya-button--light {
  background: #fff;
  color: var(--sum-navy) !important;
}

.sumkimya-hero__highlights {
  gap: 24px;
  margin-top: 50px;
}

.sumkimya-hero__highlights li {
  color: rgba(255,255,255,.76);
  font-size: 14px;
  font-weight: 600;
}

.sumkimya-hero__highlights li::before {
  background: var(--sum-green);
}

.sumkimya-intro {
  background: #fff;
}

.sumkimya-intro__grid,
.sumkimya-partners__grid {
  align-items: end;
  display: grid;
  gap: clamp(36px, 9vw, 160px);
  grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
}

.sumkimya-intro__copy,
.sumkimya-partners__grid > div:last-child {
  max-width: 550px;
}

.sumkimya-intro__copy p,
.sumkimya-partners__grid > div:last-child > p {
  color: #35415e;
  font-size: clamp(18px, 1.65vw, 23px);
  line-height: 1.55;
  margin: 0 0 24px;
}

.sumkimya-text-link {
  color: var(--sum-navy) !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
}

.sumkimya-text-link span {
  color: var(--sum-green);
  font-size: 21px;
  margin-left: 6px;
  vertical-align: -1px;
}

.sumkimya-solutions {
  background: var(--sum-surface);
}

.sumkimya-section-head {
  align-items: end;
  display: flex;
  gap: 38px;
  justify-content: space-between;
  margin-bottom: 48px;
}

.sumkimya-section-head > div {
  max-width: 680px;
}

.sumkimya-section-head > p {
  color: var(--sum-muted);
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
  max-width: 340px;
}

.sumkimya-solution-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, 1fr);
}

.sumkimya-solution-card {
  background: #fff;
  border: 1px solid var(--sum-line);
  color: var(--sum-ink) !important;
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 28px;
  position: relative;
  text-decoration: none !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.sumkimya-solution-card:hover {
  background: var(--sum-navy);
  border-color: var(--sum-navy);
  color: #fff !important;
  transform: translateY(-5px);
}

.sumkimya-card-index {
  color: var(--sum-green);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .1em;
}

.sumkimya-solution-card h3 {
  color: var(--sum-navy);
  font-size: clamp(25px, 2.25vw, 34px);
  font-weight: 750;
  letter-spacing: -.045em;
  line-height: 1.08;
  margin: auto 0 12px;
}

.sumkimya-solution-card p {
  color: var(--sum-muted);
  font-size: 16px;
  line-height: 1.45;
  margin: 0;
  max-width: 260px;
}

.sumkimya-card-link {
  color: var(--sum-navy);
  font-size: 14px;
  font-weight: 800;
  margin-top: 25px;
}

.sumkimya-card-link b {
  color: var(--sum-green);
  font-size: 20px;
  margin-left: 5px;
}

.sumkimya-solution-card:hover h3,
.sumkimya-solution-card:hover p,
.sumkimya-solution-card:hover .sumkimya-card-link {
  color: #fff;
}

.sumkimya-markets {
  background: #fff;
}

.sumkimya-market-grid {
  border-left: 1px solid var(--sum-line);
  border-top: 1px solid var(--sum-line);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.sumkimya-market-card {
  border-bottom: 1px solid var(--sum-line);
  border-right: 1px solid var(--sum-line);
  color: var(--sum-navy) !important;
  display: flex;
  flex-direction: column;
  min-height: 210px;
  padding: 24px;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease;
}

.sumkimya-market-card:hover {
  background: var(--sum-green);
  color: var(--sum-navy-deep) !important;
}

.sumkimya-market-card span {
  color: var(--sum-muted);
  font-size: 12px;
  font-weight: 800;
}

.sumkimya-market-card h3 {
  color: inherit;
  font-size: 23px;
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.1;
  margin: auto 0 0;
}

.sumkimya-market-card i {
  align-self: flex-end;
  font-size: 25px;
  font-style: normal;
  line-height: 1;
  margin-top: 18px;
}

.sumkimya-expertise {
  background: var(--sum-navy-deep);
  color: #fff;
  padding: clamp(72px, 9vw, 128px) 0;
}

.sumkimya-expertise__grid {
  display: grid;
  gap: clamp(42px, 9vw, 150px);
  grid-template-columns: minmax(0, 1fr) minmax(360px, .92fr);
}

.sumkimya-expertise h2 {
  color: #fff;
  max-width: 620px;
}

.sumkimya-expertise__statement > p:not(.sumkimya-kicker) {
  color: rgba(255,255,255,.74);
  font-size: 18px;
  line-height: 1.6;
  margin: 25px 0 34px;
  max-width: 530px;
}

.sumkimya-expertise__list {
  border-top: 1px solid rgba(255,255,255,.22);
}

.sumkimya-expertise__list article {
  border-bottom: 1px solid rgba(255,255,255,.22);
  display: grid;
  gap: 24px;
  grid-template-columns: 35px 1fr;
  padding: 25px 0;
}

.sumkimya-expertise__list span {
  color: var(--sum-green);
  font-size: 13px;
  font-weight: 800;
}

.sumkimya-expertise__list h3 {
  color: #fff;
  font-size: 22px;
  letter-spacing: -.03em;
  margin: 0 0 8px;
}

.sumkimya-expertise__list p {
  color: rgba(255,255,255,.68);
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.sumkimya-partners {
  background: #fff;
}

.sumkimya-contact-cta {
  background: var(--sum-green);
  padding: clamp(46px, 5.5vw, 78px) 0;
}

.sumkimya-contact-cta__inner {
  align-items: center;
  display: flex;
  gap: 35px;
  justify-content: space-between;
}

.sumkimya-contact-cta .sumkimya-kicker {
  color: var(--sum-navy-deep) !important;
  margin-bottom: 12px !important;
}

.sumkimya-contact-cta h2 {
  color: var(--sum-navy-deep);
  font-size: clamp(32px, 3.5vw, 53px);
}

.sumkimya-contact-cta .sumkimya-button--primary {
  background: var(--sum-navy-deep) !important;
  color: #fff !important;
  flex: 0 0 auto;
}

.sumkimya-contact-cta .sumkimya-button--primary:hover {
  background: #0f2a9d !important;
}

@media (max-width: 959px) {
  .sumkimya-container { padding-left: 25px; padding-right: 25px; }
  .sumkimya-hero { min-height: auto; }
  .sumkimya-hero__content { max-width: 570px; }
  .sumkimya-section-head { align-items: flex-start; flex-direction: column; gap: 20px; }
  .sumkimya-section-head > p { max-width: 520px; }
  .sumkimya-solution-grid { grid-template-columns: repeat(3, 1fr); }
  .sumkimya-solution-card { min-height: 290px; padding: 22px; }
  .sumkimya-market-grid { grid-template-columns: repeat(2, 1fr); }
  .sumkimya-expertise__grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .sumkimya-container { padding-left: 22px; padding-right: 22px; }
  .sumkimya-section { padding: 64px 0; }
  .sumkimya-hero__lead { font-size: 17px; margin: 23px 0 28px; }
  .sumkimya-hero__actions { display: grid; gap: 12px; grid-template-columns: 1fr; }
  .sumkimya-button { width: 100%; }
  .sumkimya-hero__highlights { flex-wrap: wrap; gap: 12px 18px; margin-top: 34px; }
  .sumkimya-hero__highlights li { font-size: 12px; }
  .sumkimya-intro__grid, .sumkimya-partners__grid { gap: 28px; grid-template-columns: 1fr; }
  .sumkimya-intro__copy p, .sumkimya-partners__grid > div:last-child > p { font-size: 18px; }
  .sumkimya-solution-grid { grid-template-columns: 1fr; }
  .sumkimya-solution-card { min-height: 245px; padding: 23px; }
  .sumkimya-market-card { min-height: 170px; }
  .sumkimya-market-card h3 { font-size: 20px; }
  .sumkimya-expertise { padding: 68px 0; }
  .sumkimya-contact-cta__inner { align-items: flex-start; flex-direction: column; gap: 27px; }
  .sumkimya-contact-cta .sumkimya-button { width: 100%; }
}


/* Compact language selector for the SUM Kimya multilingual experience. */
#site-header-inner {
  position: relative;
}

.sum-language-switcher {
  align-items: center;
  display: flex;
  gap: 2px;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.sum-language-switcher a {
  border-radius: 3px;
  color: var(--sum-navy) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1;
  padding: 7px 6px;
  text-decoration: none !important;
}

.sum-language-switcher a:hover,
.sum-language-switcher a.is-active {
  background: var(--sum-navy);
  color: #fff !important;
}

@media (min-width: 960px) {
  .sum-language-switcher {
    left: 336px;
  }
}

@media (max-width: 959px) {
  .sum-language-switcher {
    right: 79px;
  }

  .sum-language-switcher a {
    font-size: 10px;
    padding: 6px 4px;
  }
}

@media (max-width: 360px) {
  .sum-language-switcher {
    display: none;
  }
}


/* Flag navigation: top-right on desktop/tablet, above the mobile menu. */
.sum-language-switcher {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(22,45,165,.16);
  border-radius: 4px;
  gap: 3px;
  padding: 3px 4px;
  top: 5px;
  transform: none;
}

.sum-language-switcher a {
  align-items: center;
  background: transparent !important;
  border: 1px solid transparent;
  display: inline-flex;
  height: 23px;
  justify-content: center;
  padding: 0;
  width: 27px;
}

.sum-language-switcher a span {
  font-size: 17px;
  line-height: 1;
}

.sum-language-switcher a:hover,
.sum-language-switcher a.is-active {
  background: rgba(37,211,102,.16) !important;
  border-color: var(--sum-navy);
}

@media (min-width: 960px) {
  .sum-language-switcher {
    left: auto;
    right: 34px;
  }
}

@media (min-width: 681px) and (max-width: 959px) {
  .sum-language-switcher {
    left: auto;
    right: 24px;
  }
}

@media (max-width: 680px) {
  .sum-language-switcher {
    left: auto;
    right: 16px;
  }
}

@media (max-width: 360px) {
  .sum-language-switcher {
    display: flex;
  }
}


/* Mobile: selected language sits directly left of the Menu button. */
@media (max-width: 680px) {
  .sum-language-switcher {
    border-color: rgba(22,45,165,.18);
    gap: 2px;
    right: 118px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  }

  .sum-language-switcher a {
    display: none;
  }

  .sum-language-switcher a.is-active {
    display: inline-flex;
  }

  .sum-language-switcher.is-open {
    gap: 3px;
  }

  .sum-language-switcher.is-open a {
    display: inline-flex;
  }

  .sum-language-switcher.sum-language-hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(-50% - 8px));
    visibility: hidden;
  }
}


/* Open the mobile language choices vertically, below the selected flag. */
@media (max-width: 680px) {
  .sum-language-switcher.is-open {
    align-items: center;
    flex-direction: column;
    top: calc(50% - 12px);
    transform: none;
  }

  .sum-language-switcher.is-open.sum-language-hidden {
    transform: translateY(-8px);
  }
}


/* Desktop and tablet match the mobile single-flag interaction. */
@media (min-width: 681px) {
  .sum-language-switcher {
    right: 34px;
    top: 50%;
    transform: translateY(-50%);
  }

  .sum-language-switcher a {
    display: none;
  }

  .sum-language-switcher a.is-active {
    display: inline-flex;
  }

  .sum-language-switcher.is-open {
    align-items: center;
    flex-direction: column;
    top: calc(50% - 12px);
    transform: none;
  }

  .sum-language-switcher.is-open a {
    display: inline-flex;
  }
}


/* Reserve a clear gap between the desktop search icon and the language flag. */
@media (min-width: 960px) {
  #site-navigation-wrap {
    right: 12px !important;
  }
}


/* Keep translated hero headlines balanced and never break a German word mid-word. */
.sumkimya-hero h1 {
  text-wrap: balance;
}

body.language-de .sumkimya-hero h1 {
  font-size: clamp(42px, 4.2vw, 58px);
  letter-spacing: -.058em;
  overflow-wrap: normal;
  word-break: normal;
}

body.language-tr .sumkimya-hero h1 {
  letter-spacing: -.055em;
  text-wrap: balance;
}

@media (max-width: 680px) {
  body.language-de .sumkimya-hero h1 {
    font-size: clamp(39px, 10.7vw, 48px);
    line-height: 1.06;
  }
}


/* Remove the outer pale frame around the language flags. */
.sum-language-switcher {
  background: transparent;
  border: 0;
  padding: 0;
}


/* Keep the selected flag visible without a dark outline. */
.sum-language-switcher a:hover,
.sum-language-switcher a.is-active {
  border-color: transparent !important;
}


/* Show clean, slightly larger flags without a coloured selection background. */
.sum-language-switcher a,
.sum-language-switcher a:hover,
.sum-language-switcher a.is-active {
  background: transparent !important;
  height: 27px;
  width: 31px;
}

.sum-language-switcher a span {
  font-size: 20px;
}


/* Keep the extended service highlights easy to scan on every screen. */
.sumkimya-hero__highlights {
  max-width: 760px;
}

@media (max-width: 680px) {
  .sumkimya-hero__highlights {
    column-gap: 16px;
    row-gap: 13px;
  }
}


/* SUM Kimya modern company page. */
.page-id-51 .page-header,
.page-id-51 .sum-company-legacy,
.page-id-51 #right-sidebar {
  display: none !important;
}

.page-id-51 #content-wrap,
.page-id-51 #primary,
.page-id-51 #content,
.page-id-51 .single-page-article,
.page-id-51 .entry {
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

.sum-company,
.sum-company * { box-sizing: border-box; }

.sum-company { color: var(--sum-ink); overflow: hidden; }

.sum-company-container { margin: 0 auto; max-width: 1240px; padding-left: 32px; padding-right: 32px; width: 100%; }

.sum-company-section { padding: clamp(76px, 9vw, 132px) 0; }

.sum-company-kicker { color: var(--sum-green); font-size: 12px; font-weight: 800; letter-spacing: .16em; margin: 0 0 19px; text-transform: uppercase; }

.sum-company h1,
.sum-company h2 { color: var(--sum-navy); font-size: clamp(40px, 4.8vw, 72px); font-weight: 750; letter-spacing: -.055em; line-height: 1.04; margin: 0; }

.sum-company-hero { background: var(--sum-navy-deep); min-height: 610px; overflow: hidden; position: relative; }

.sum-company-hero::after { background: radial-gradient(circle, rgba(37,211,102,.28) 0, rgba(37,211,102,0) 64%); content: ""; height: 620px; position: absolute; right: -140px; top: -220px; width: 620px; }

.sum-company-hero__grid { align-items: center; display: grid; gap: 55px; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .7fr); min-height: 610px; position: relative; z-index: 1; }

.sum-company-hero h1 { color: #fff; max-width: 720px; }

.sum-company-hero__content > p:not(.sum-company-kicker) { color: rgba(255,255,255,.8); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.55; margin: 27px 0 34px; max-width: 630px; }

.sum-company-actions { display: flex; flex-wrap: wrap; gap: 13px; }

.sum-company-button { align-items: center; border-radius: 4px; display: inline-flex; font-size: 15px; font-weight: 800; justify-content: center; min-height: 54px; padding: 0 24px; text-decoration: none !important; transition: transform .18s ease, background .18s ease; }

.sum-company-button:hover { transform: translateY(-2px); }

.sum-company-button--green { background: var(--sum-green); color: var(--sum-navy-deep) !important; }

.sum-company-button--outline { border: 1px solid rgba(255,255,255,.65); color: #fff !important; }

.sum-company-orbit { height: 350px; position: relative; width: 350px; }

.sum-company-orbit::before, .sum-company-orbit::after, .sum-company-orbit span { border: 1px solid rgba(255,255,255,.28); border-radius: 50%; content: ""; position: absolute; }

.sum-company-orbit::before { height: 100%; inset: 0; width: 100%; }
.sum-company-orbit::after { height: 74%; left: 13%; top: 13%; width: 74%; }
.sum-company-orbit span:nth-child(1) { border-color: var(--sum-green); height: 41%; left: 29.5%; top: 29.5%; width: 41%; }
.sum-company-orbit span:nth-child(2) { background: var(--sum-green); border: 0; height: 15px; left: 3%; top: 48%; width: 15px; }
.sum-company-orbit span:nth-child(3) { background: #fff; border: 0; height: 10px; right: 7%; top: 25%; width: 10px; }
.sum-company-orbit b { align-items: center; color: #fff; display: flex; font-size: 38px; font-weight: 800; height: 100%; justify-content: center; letter-spacing: -.06em; line-height: .82; position: relative; text-align: center; z-index: 1; }

.sum-company-intro { background: #fff; }

.sum-company-intro__grid, .sum-company-partnership__grid { align-items: end; display: grid; gap: clamp(42px, 10vw, 170px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

.sum-company-intro__grid > div:last-child { max-width: 570px; }

.sum-company-intro__grid > div:last-child p, .sum-company-partnership__grid > p { color: #3a4662; font-size: clamp(18px, 1.65vw, 23px); line-height: 1.55; margin: 0 0 23px; }

.sum-company-intro__grid > div:last-child p:last-child { margin-bottom: 0; }

.sum-company-principles { background: var(--sum-surface); }

.sum-company-section-head { margin-bottom: 47px; max-width: 750px; }

.sum-company-principles__grid { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }

.sum-company-principles article { background: #fff; border: 1px solid var(--sum-line); min-height: 282px; padding: 27px; }

.sum-company-principles article > span { color: var(--sum-green); font-size: 13px; font-weight: 800; letter-spacing: .11em; }

.sum-company-principles h3 { color: var(--sum-navy); font-size: 28px; font-weight: 750; letter-spacing: -.045em; line-height: 1.1; margin: 70px 0 12px; }

.sum-company-principles article p { color: var(--sum-muted); font-size: 16px; line-height: 1.5; margin: 0; }

.sum-company-partnership { background: #fff; padding: clamp(82px, 10vw, 145px) 0; }

.sum-company-partnership h2 { max-width: 660px; }

.sum-company-partnership__grid > p { margin: 0; max-width: 530px; }

.sum-company-cta { background: var(--sum-green); padding: clamp(48px, 6vw, 80px) 0; }

.sum-company-cta__inner { align-items: center; display: flex; gap: 32px; justify-content: space-between; }

.sum-company-cta .sum-company-kicker, .sum-company-cta h2 { color: var(--sum-navy-deep); }

.sum-company-cta .sum-company-kicker { margin-bottom: 12px; }

.sum-company-cta .sum-company-button--dark { background: var(--sum-navy-deep); color: #fff !important; flex: 0 0 auto; }

@media (max-width: 959px) {
  .sum-company-container { padding-left: 25px; padding-right: 25px; }
  .sum-company-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(230px, .52fr); }
  .sum-company-orbit { height: 265px; width: 265px; }
  .sum-company-orbit b { font-size: 31px; }
  .sum-company-principles__grid { grid-template-columns: 1fr; }
  .sum-company-principles article { min-height: 220px; }
  .sum-company-principles h3 { margin-top: 35px; }
}

@media (max-width: 680px) {
  .sum-company-container { padding-left: 22px; padding-right: 22px; }
  .sum-company-section { padding: 66px 0; }
  .sum-company-hero { min-height: auto; }
  .sum-company-hero__grid { grid-template-columns: 1fr; min-height: auto; padding-bottom: 58px; padding-top: 76px; }
  .sum-company-hero h1 { font-size: clamp(42px, 11vw, 58px); }
  .sum-company-hero__content > p:not(.sum-company-kicker) { font-size: 17px; margin: 22px 0 28px; }
  .sum-company-actions { display: grid; grid-template-columns: 1fr; }
  .sum-company-button { width: 100%; }
  .sum-company-orbit { height: 205px; justify-self: center; margin-top: -9px; width: 205px; }
  .sum-company-orbit b { font-size: 25px; }
  .sum-company-intro__grid, .sum-company-partnership__grid { gap: 30px; grid-template-columns: 1fr; }
  .sum-company-intro__grid > div:last-child p, .sum-company-partnership__grid > p { font-size: 18px; }
  .sum-company-principles article { min-height: 0; padding: 24px; }
  .sum-company-cta__inner { align-items: flex-start; flex-direction: column; }
  .sum-company-cta h2 { font-size: clamp(35px, 10vw, 50px); }
}


/* Three-square SUM system: producer, distribution and customer around added value. */
.sum-company-orbit::before {
  border-color: rgba(255,255,255,.17);
  transform: rotate(-18deg);
}

.sum-company-orbit::after {
  border-color: rgba(37,211,102,.4);
  transform: rotate(26deg);
}

.sum-company-orbit__node {
  align-items: flex-start;
  backdrop-filter: blur(4px);
  background: rgba(13,37,126,.72);
  border: 2px solid rgba(255,255,255,.72);
  border-radius: 15px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 96px;
  justify-content: flex-end;
  padding: 12px;
  position: absolute;
  width: 110px;
  z-index: 3;
}

.sum-company-orbit__node::after {
  background: var(--sum-green);
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 8px;
}

.sum-company-orbit__node em {
  color: rgba(255,255,255,.56);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .1em;
  margin-bottom: 4px;
}

.sum-company-orbit__node strong {
  color: #fff;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.05;
}

.sum-company-orbit__node--producer { left: -2%; top: 11%; }
.sum-company-orbit__node--distribution { bottom: 6%; left: 18%; }
.sum-company-orbit__node--customer { right: -3%; top: 39%; }

.sum-company-orbit__centre {
  align-items: center;
  background: #fff;
  border: 8px solid rgba(37,211,102,.8);
  border-radius: 50%;
  box-shadow: 0 0 0 16px rgba(37,211,102,.12), 0 16px 40px rgba(0,0,0,.26);
  color: var(--sum-navy-deep);
  display: flex;
  flex-direction: column;
  height: 132px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 132px;
  z-index: 4;
}

.sum-company-orbit__centre i {
  color: var(--sum-green);
  font-family: Arial, sans-serif;
  font-size: 43px;
  font-style: normal;
  font-weight: 300;
  height: 41px;
  line-height: .8;
}

.sum-company-orbit__centre b {
  color: var(--sum-navy-deep);
  font-size: 22px;
  font-weight: 850;
  letter-spacing: -.07em;
  line-height: 1;
}

.sum-company-orbit__centre small {
  color: var(--sum-muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
  margin-top: 5px;
  text-transform: uppercase;
}

@media (max-width: 959px) {
  .sum-company-orbit__node { height: 76px; padding: 9px; width: 88px; }
  .sum-company-orbit__node strong { font-size: 11px; }
  .sum-company-orbit__centre { border-width: 6px; height: 103px; width: 103px; }
  .sum-company-orbit__centre i { font-size: 34px; height: 31px; }
  .sum-company-orbit__centre b { font-size: 18px; }
}

@media (max-width: 680px) {
  .sum-company-orbit__node { height: 62px; width: 72px; }
  .sum-company-orbit__node em { display: none; }
  .sum-company-orbit__node strong { font-size: 9px; }
  .sum-company-orbit__node::after { height: 6px; right: 7px; top: 7px; width: 6px; }
  .sum-company-orbit__centre { height: 83px; width: 83px; }
  .sum-company-orbit__centre i { font-size: 29px; height: 26px; }
  .sum-company-orbit__centre b { font-size: 15px; }
  .sum-company-orbit__centre small { font-size: 6px; margin-top: 3px; }
}



/* Logo-inspired SUM orbit: green touchpoints lead to the three partner boxes. */
.sum-company-orbit {
  isolation: isolate;
  overflow: visible;
}

.sum-company-orbit::before {
  border-color: rgba(255,255,255,.23);
  transform: rotate(-18deg);
}

.sum-company-orbit::after {
  border-color: rgba(37,211,102,.56);
  transform: rotate(26deg);
}

.sum-company-orbit__node {
  align-items: center;
  background: rgba(255,255,255,.97);
  border: 2px solid rgba(30,55,170,.92);
  border-radius: 14px;
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
  color: var(--sum-navy-deep);
  display: flex;
  height: 88px;
  justify-content: center;
  padding: 10px;
  text-align: center;
  width: 98px;
  z-index: 6;
}

.sum-company-orbit__node::after {
  content: none;
}

.sum-company-orbit__node strong {
  color: var(--sum-navy);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.08;
}

.sum-company-orbit__node--producer { left: -4%; top: 39%; }
.sum-company-orbit__node--product { right: -4%; top: 5%; }
.sum-company-orbit__node--customer { bottom: 5%; right: -4%; }

.sum-company-orbit__marker {
  background: var(--sum-green);
  border: 0 !important;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(37,211,102,.16);
  display: block;
  height: 12px;
  position: absolute;
  width: 12px;
  z-index: 5;
}

.sum-company-orbit__marker i {
  background: rgba(255,255,255,.92);
  display: block;
  height: 2px;
  position: absolute;
  top: 5px;
  transform-origin: center;
}

.sum-company-orbit__marker i::after {
  content: "";
  height: 0;
  position: absolute;
  top: -4px;
  width: 0;
}

.sum-company-orbit__marker--producer { left: 20%; top: 57%; }
.sum-company-orbit__marker--producer i { right: 7px; transform: rotate(10deg); width: 67px; }
.sum-company-orbit__marker--producer i::after {
  border-bottom: 5px solid transparent;
  border-right: 8px solid rgba(255,255,255,.92);
  border-top: 5px solid transparent;
  left: -1px;
}

.sum-company-orbit__marker--product { left: 67%; top: 23%; }
.sum-company-orbit__marker--product i { left: 7px; transform: rotate(-15deg); width: 73px; }
.sum-company-orbit__marker--product i::after {
  border-bottom: 5px solid transparent;
  border-left: 8px solid rgba(255,255,255,.92);
  border-top: 5px solid transparent;
  right: -1px;
}

.sum-company-orbit__marker--customer { left: 67%; top: 73%; }
.sum-company-orbit__marker--customer i { left: 7px; transform: rotate(15deg); width: 71px; }
.sum-company-orbit__marker--customer i::after {
  border-bottom: 5px solid transparent;
  border-left: 8px solid rgba(255,255,255,.92);
  border-top: 5px solid transparent;
  right: -1px;
}

.sum-company-orbit__centre {
  background: #fff;
  border: 7px solid var(--sum-green);
  box-shadow: 0 0 0 16px rgba(37,211,102,.12), 0 16px 40px rgba(0,0,0,.26);
  height: 138px;
  width: 138px;
}

.sum-company-orbit__centre b {
  align-items: center;
  color: var(--sum-navy);
  display: flex;
  flex-direction: column;
  font-size: 0;
  height: auto;
  justify-content: center;
  letter-spacing: 0;
  line-height: .85;
}

.sum-company-orbit__centre b u {
  display: block;
  font-size: 27px;
  font-weight: 850;
  letter-spacing: -.075em;
  text-decoration: none;
}

.sum-company-orbit__centre b u:first-child { color: var(--sum-green); }
.sum-company-orbit__centre b u:last-child { color: var(--sum-navy); }

@media (max-width: 959px) {
  .sum-company-orbit__node { height: 69px; padding: 7px; width: 78px; }
  .sum-company-orbit__node strong { font-size: 11px; }
  .sum-company-orbit__marker { height: 10px; width: 10px; }
  .sum-company-orbit__marker i { top: 4px; }
  .sum-company-orbit__marker--producer i { width: 51px; }
  .sum-company-orbit__marker--product i { width: 55px; }
  .sum-company-orbit__marker--customer i { width: 54px; }
  .sum-company-orbit__centre { border-width: 6px; height: 109px; width: 109px; }
  .sum-company-orbit__centre b u { font-size: 21px; }
}

@media (max-width: 680px) {
  .sum-company-orbit { height: 225px; width: 225px; }
  .sum-company-orbit__node { height: 57px; padding: 6px; width: 65px; }
  .sum-company-orbit__node strong { font-size: 9px; }
  .sum-company-orbit__marker { height: 9px; width: 9px; }
  .sum-company-orbit__marker i { top: 4px; }
  .sum-company-orbit__marker--producer i { width: 45px; }
  .sum-company-orbit__marker--product i { width: 49px; }
  .sum-company-orbit__marker--customer i { width: 47px; }
  .sum-company-orbit__centre { border-width: 5px; height: 91px; width: 91px; }
  .sum-company-orbit__centre b u { font-size: 17px; }
}



/* Precisely aligned orbit points and directional arrows. */
.sum-company-orbit::before,
.sum-company-orbit::after {
  content: none;
}

.sum-company-orbit__diagram {
  height: 100%;
  inset: 0;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.sum-company-orbit__line {
  fill: none;
  stroke: rgba(255,255,255,.28);
  stroke-width: 1.2;
}

.sum-company-orbit__line--inner {
  stroke: rgba(37,211,102,.44);
  stroke-dasharray: 3 6;
}

.sum-company-orbit__arrow {
  fill: none;
  stroke: rgba(255,255,255,.96);
  stroke-linecap: round;
  stroke-width: 1.8;
}

#sum-orbit-arrow path {
  fill: var(--sum-green);
}

.sum-company-orbit__dot {
  fill: var(--sum-green);
  stroke: #fff;
  stroke-width: 2;
}

.sum-company-orbit__node--producer {
  left: -23%;
  top: 39%;
}

.sum-company-orbit__node--product {
  right: -10%;
  top: 5%;
}

.sum-company-orbit__node--customer {
  bottom: 5%;
  right: -10%;
  top: auto;
}

.sum-company-orbit__centre {
  align-items: center;
  display: flex;
  justify-content: center;
}

.sum-company-orbit__centre i {
  color: var(--sum-green);
  font-family: Arial, sans-serif;
  font-size: 62px;
  font-style: normal;
  font-weight: 300;
  height: auto;
  line-height: .8;
}

@media (max-width: 959px) {
  .sum-company-orbit__centre i { font-size: 50px; }
}

@media (max-width: 680px) {
  .sum-company-orbit__node--producer { left: -18%; }
  .sum-company-orbit__node--product,
  .sum-company-orbit__node--customer { right: -7%; }
  .sum-company-orbit__centre i { font-size: 42px; }
}



/* Corporate navy dropdown menus and the Company navigation item. */
#site-navigation-wrap .dropdown-menu ul.sub-menu {
  background: var(--sum-navy) !important;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 14px 30px rgba(5,18,72,.22);
}

#site-navigation-wrap .dropdown-menu ul.sub-menu a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu a.menu-link .text-wrap {
  color: #fff !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:hover,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-item > a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-ancestor > a.menu-link {
  background: rgba(37,211,102,.14) !important;
  color: #fff !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:hover .text-wrap {
  color: #fff !important;
}

#mobile-nav ul.sub-menu {
  background: var(--sum-navy) !important;
  border-left: 2px solid var(--sum-green);
}

#mobile-nav ul.sub-menu li > a {
  color: #fff !important;
}

#mobile-nav ul.sub-menu li > a:hover,
#mobile-nav ul.sub-menu li.current-menu-item > a {
  background: rgba(37,211,102,.14) !important;
  color: #fff !important;
}

#site-navigation-wrap .sum-menu-about > a.menu-link,
#mobile-nav .sum-menu-about > a {
  color: var(--sum-navy) !important;
}

#site-navigation-wrap .sum-menu-about > a.menu-link:hover,
#site-navigation-wrap .sum-menu-about.current-menu-item > a.menu-link,
#mobile-nav .sum-menu-about > a:hover {
  color: var(--sum-green) !important;
}



/* Keep submenu surfaces light; use the corporate navy for text only. */
#site-navigation-wrap .dropdown-menu ul.sub-menu {
  background: #fff !important;
  border-color: rgba(22,45,165,.16);
  box-shadow: 0 14px 30px rgba(5,18,72,.12);
}

#site-navigation-wrap .dropdown-menu ul.sub-menu a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu a.menu-link .text-wrap {
  color: var(--sum-navy) !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:hover,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-item > a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-ancestor > a.menu-link {
  background: rgba(37,211,102,.12) !important;
  color: var(--sum-navy) !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:hover .text-wrap {
  color: var(--sum-navy) !important;
}

#mobile-nav ul.sub-menu {
  background: rgba(0,0,0,.02) !important;
  border-left: 0;
}

#mobile-nav ul.sub-menu li > a,
#mobile-nav ul.sub-menu li > a:hover,
#mobile-nav ul.sub-menu li.current-menu-item > a {
  color: var(--sum-navy) !important;
}

#mobile-nav ul.sub-menu li > a:hover,
#mobile-nav ul.sub-menu li.current-menu-item > a {
  background: rgba(37,211,102,.12) !important;
}



/* Five clear value boxes around the orbit, without directional arrows. */
.sum-company-orbit__arrow {
  display: none;
}

.sum-company-orbit__node--technical {
  left: 0;
  top: 5%;
}

.sum-company-orbit__node--producer {
  left: 5%;
  top: 42%;
}

.sum-company-orbit__node--logistics {
  bottom: 5%;
  left: 0;
  top: auto;
}

.sum-company-orbit__node--product {
  right: -10%;
  top: 5%;
}

.sum-company-orbit__node--customer {
  bottom: 5%;
  right: -10%;
  top: auto;
}

.sum-company-orbit__node--technical strong,
.sum-company-orbit__node--logistics strong {
  font-size: 12px;
  line-height: 1.1;
}

@media (max-width: 959px) {
  .sum-company-orbit__node--technical strong,
  .sum-company-orbit__node--logistics strong { font-size: 10px; }
}

@media (max-width: 680px) {
  .sum-company-orbit__node--technical,
  .sum-company-orbit__node--logistics { left: 0; }
  .sum-company-orbit__node--producer { left: 4%; }
  .sum-company-orbit__node--product,
  .sum-company-orbit__node--customer { right: -7%; }
  .sum-company-orbit__node--technical strong,
  .sum-company-orbit__node--logistics strong { font-size: 8px; }
}



/* Let submenu panels remain visually open, with no separate surface on any device. */
#site-navigation-wrap .dropdown-menu ul.sub-menu,
#mobile-nav ul.sub-menu {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link .text-wrap,
#mobile-nav ul.sub-menu li > a {
  color: var(--sum-navy) !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:hover,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-item > a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-ancestor > a.menu-link,
#mobile-nav ul.sub-menu li > a:hover,
#mobile-nav ul.sub-menu li.current-menu-item > a {
  background: transparent !important;
  color: var(--sum-navy) !important;
}



/* Balanced three-orbit arrangement around the SUM added-value centre. */
.sum-company-orbit__line--outer {
  stroke: rgba(255,255,255,.36);
  stroke-width: 1.4;
}

.sum-company-orbit__line--middle {
  stroke: rgba(37,211,102,.62);
  stroke-dasharray: 4 7;
  stroke-width: 1.5;
}

.sum-company-orbit__line--core {
  stroke: rgba(22,45,165,.85);
  stroke-width: 1.3;
}

.sum-company-orbit__dot {
  fill: var(--sum-green);
  stroke: var(--sum-navy);
  stroke-width: 3;
}

.sum-company-orbit__node--technical {
  left: 0;
  top: 0;
}

.sum-company-orbit__node--producer {
  left: 50%;
  top: -4%;
  transform: translateX(-50%);
}

.sum-company-orbit__node--product {
  right: -10%;
  top: 0;
}

.sum-company-orbit__node--customer {
  bottom: 0;
  right: -10%;
  top: auto;
}

.sum-company-orbit__node--logistics {
  bottom: 0;
  left: 0;
  top: auto;
}

@media (max-width: 959px) {
  .sum-company-orbit__node--producer { top: -3%; }
}

@media (max-width: 680px) {
  .sum-company-orbit__node--producer { top: -2%; }
  .sum-company-orbit__node--product,
  .sum-company-orbit__node--customer { right: -7%; }
}



/* Use the SUM navy consistently for every primary menu tab. */
#site-navigation-wrap .main-menu > li > a.menu-link,
#site-navigation-wrap .main-menu > li > a.menu-link .text-wrap,
#site-navigation-wrap .main-menu > li > a.menu-link .nav-arrow,
#mobile-nav > ul.menu > li > a,
#mobile-nav > ul.menu > li > a .dropdown-toggle {
  color: var(--sum-navy) !important;
}

#site-navigation-wrap .main-menu > li > a.menu-link:hover,
#site-navigation-wrap .main-menu > li.current-menu-item > a.menu-link,
#site-navigation-wrap .main-menu > li.current-menu-ancestor > a.menu-link,
#mobile-nav > ul.menu > li > a:hover,
#mobile-nav > ul.menu > li.current-menu-item > a {
  color: var(--sum-navy) !important;
}



/* Card-style dropdown menus with the turquoise edge shown in the reference. */
#site-navigation-wrap .dropdown-menu ul.sub-menu,
#mobile-nav ul.sub-menu {
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px;
  border-top: 4px solid #25bfe5 !important;
  box-shadow: 0 12px 28px rgba(5,18,72,.12) !important;
  overflow: hidden;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li + li,
#mobile-nav ul.sub-menu li + li {
  border-top: 1px solid rgba(22,45,165,.10);
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link .text-wrap,
#mobile-nav ul.sub-menu li > a {
  color: var(--sum-navy) !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link,
#mobile-nav ul.sub-menu li > a {
  background: transparent !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:hover,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-item > a.menu-link,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-ancestor > a.menu-link,
#mobile-nav ul.sub-menu li > a:hover,
#mobile-nav ul.sub-menu li.current-menu-item > a {
  background: rgba(37,211,102,.12) !important;
  color: var(--sum-navy) !important;
}



/* Green feedback for hovered, focused and selected navigation items. */
#site-navigation-wrap .main-menu > li > a.menu-link:hover,
#site-navigation-wrap .main-menu > li > a.menu-link:focus-visible,
#site-navigation-wrap .main-menu > li > a.menu-link:active,
#site-navigation-wrap .main-menu > li.current-menu-item > a.menu-link,
#site-navigation-wrap .main-menu > li.current-menu-ancestor > a.menu-link,
body.page-id-51 #site-navigation-wrap .sum-menu-about > a.menu-link,
#mobile-nav > ul.menu > li > a:hover,
#mobile-nav > ul.menu > li > a:focus-visible,
#mobile-nav > ul.menu > li > a:active,
#mobile-nav > ul.menu > li.current-menu-item > a,
#mobile-nav > ul.menu > li.current-menu-ancestor > a,
body.page-id-51 #mobile-nav .sum-menu-about > a {
  color: var(--sum-green) !important;
}

#site-navigation-wrap .main-menu > li > a.menu-link:hover .text-wrap,
#site-navigation-wrap .main-menu > li > a.menu-link:focus-visible .text-wrap,
#site-navigation-wrap .main-menu > li > a.menu-link:active .text-wrap,
#site-navigation-wrap .main-menu > li.current-menu-item > a.menu-link .text-wrap,
#site-navigation-wrap .main-menu > li.current-menu-ancestor > a.menu-link .text-wrap,
body.page-id-51 #site-navigation-wrap .sum-menu-about > a.menu-link .text-wrap,
#site-navigation-wrap .main-menu > li > a.menu-link:hover .nav-arrow,
#site-navigation-wrap .main-menu > li > a.menu-link:focus-visible .nav-arrow,
#site-navigation-wrap .main-menu > li.current-menu-item > a.menu-link .nav-arrow,
#site-navigation-wrap .main-menu > li.current-menu-ancestor > a.menu-link .nav-arrow {
  color: var(--sum-green) !important;
}

#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:hover,
#site-navigation-wrap .dropdown-menu ul.sub-menu li > a.menu-link:focus-visible,
#site-navigation-wrap .dropdown-menu ul.sub-menu li.current-menu-item > a.menu-link,
#mobile-nav ul.sub-menu li > a:hover,
#mobile-nav ul.sub-menu li > a:focus-visible,
#mobile-nav ul.sub-menu li.current-menu-item > a {
  color: var(--sum-green) !important;
}



/* Keep the dropdown card treatment on tablet and desktop only. */
@media (max-width: 680px) {
  #mobile-nav ul.sub-menu {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    overflow: visible;
  }

  #mobile-nav ul.sub-menu li + li {
    border-top: 0;
  }

  #mobile-nav ul.sub-menu li > a,
  #mobile-nav ul.sub-menu li > a:hover,
  #mobile-nav ul.sub-menu li.current-menu-item > a {
    background: transparent !important;
    color: var(--sum-navy) !important;
  }
}



/* Use the SUM corporate green for the dropdown card accent. */
@media (min-width: 681px) {
  #site-navigation-wrap .dropdown-menu ul.sub-menu {
    border-top-color: var(--sum-green) !important;
  }
}



/* A consistent compact gap before the footer on every page. */
#content-wrap {
  padding-bottom: 20px !important;
}



/* Six balanced outer boxes: clear spacing takes priority over strict geometry. */
.sum-company-orbit__node--technical {
  left: 0;
  top: 0;
}

.sum-company-orbit__node--producer {
  left: 50%;
  top: -2%;
  transform: translateX(-50%);
}

.sum-company-orbit__node--product {
  right: -10%;
  top: 0;
}

.sum-company-orbit__node--customer {
  bottom: 0;
  right: -10%;
  top: auto;
}

.sum-company-orbit__node--solution {
  bottom: -2%;
  left: 50%;
  top: auto;
  transform: translateX(-50%);
}

.sum-company-orbit__node--logistics {
  bottom: 0;
  left: 0;
  top: auto;
}

.sum-company-orbit__node--solution strong {
  font-size: 12px;
  line-height: 1.1;
}

@media (max-width: 959px) {
  .sum-company-orbit__node--solution strong { font-size: 10px; }
}

@media (max-width: 680px) {
  .sum-company-orbit__node--producer { top: -1%; }
  .sum-company-orbit__node--solution { bottom: -1%; }
  .sum-company-orbit__node--solution strong { font-size: 8px; }
}



/* Logo-inspired SUM / plus / Kimya centre lockup. */
.sum-company-orbit__centre b {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  line-height: .82;
}

.sum-company-orbit__centre b u {
  display: block;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.07em;
  line-height: .9;
  text-decoration: none;
}

.sum-company-orbit__centre b u:first-child { color: var(--sum-green); }
.sum-company-orbit__centre b u:last-child { color: var(--sum-navy); }

.sum-company-orbit__centre b i {
  color: var(--sum-green);
  font-family: Arial, sans-serif;
  font-size: 39px;
  font-style: normal;
  font-weight: 300;
  height: 31px;
  line-height: .72;
  margin: 1px 0;
}

@media (max-width: 959px) {
  .sum-company-orbit__centre b u { font-size: 15px; }
  .sum-company-orbit__centre b i { font-size: 33px; height: 26px; }
}

@media (max-width: 680px) {
  .sum-company-orbit__centre b u { font-size: 12px; }
  .sum-company-orbit__centre b i { font-size: 27px; height: 22px; }
}


/* Functional Fillers — Hoffmann Mineral portfolio */
.sum-fillers{background:#fff;color:#17233c;padding-bottom:72px}
.sum-fillers__wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}
.sum-fillers__hero{background:linear-gradient(120deg,#102782 0%,#1536a8 60%,#0c4c6b 100%);color:#fff;padding:92px 0 84px}
.sum-fillers__eyebrow{margin:0 0 18px;color:#25d366;font-weight:800;letter-spacing:.16em;font-size:13px}
.sum-fillers h1{max-width:800px;margin:0;color:#fff;font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-.045em}
.sum-fillers__intro{max-width:760px;margin:26px 0 0;color:rgba(255,255,255,.8);font-size:20px;line-height:1.55}
.sum-fillers__body{padding-top:72px}
.sum-fillers__section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}
.sum-fillers__section-head h2{margin:0;color:#162da5;font-size:38px;line-height:1.1}
.sum-fillers__section-head p{max-width:500px;margin:0;color:#526077;line-height:1.5}
.sum-fillers__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dce3f5}
.sum-fillers__card{min-height:278px;padding:30px;border-right:1px solid #dce3f5;border-bottom:1px solid #dce3f5;display:flex;flex-direction:column;background:#fff;transition:background .2s,transform .2s}
.sum-fillers__card:nth-child(2n){border-right:0}
.sum-fillers__card:nth-last-child(-n+2){border-bottom:0}
.sum-fillers__card:hover{background:#f6faf8}
.sum-fillers__card>span{color:#71809d;font-size:15px;font-weight:800;letter-spacing:.08em}
.sum-fillers__card h3{margin:26px 0 12px;color:#162da5;font-size:29px;line-height:1.05}
.sum-fillers__card p{margin:0;color:#38445a;line-height:1.52}
.sum-fillers__card>div{margin-top:auto;padding-top:22px}
.sum-fillers__card b{display:block;margin-bottom:7px;color:#25a85b;font-size:12px;text-transform:uppercase;letter-spacing:.09em}
.sum-fillers__card small{display:block;color:#162da5;font-size:14px;line-height:1.45;font-weight:650}
.sum-fillers__cta{display:inline-flex;align-items:center;gap:16px;margin-top:42px;color:#162da5!important;font-weight:800;font-size:20px;text-decoration:none}
.sum-fillers__cta i{color:#25d366;font-style:normal;font-size:29px;line-height:1}
@media(max-width:780px){.sum-fillers{padding-bottom:48px}.sum-fillers__wrap{width:min(100% - 40px,1180px)}.sum-fillers__hero{padding:64px 0}.sum-fillers__eyebrow{font-size:11px;letter-spacing:.12em}.sum-fillers__intro{font-size:17px}.sum-fillers__body{padding-top:48px}.sum-fillers__section-head{display:block;margin-bottom:24px}.sum-fillers__section-head h2{font-size:32px}.sum-fillers__section-head p{margin-top:14px}.sum-fillers__grid{grid-template-columns:1fr}.sum-fillers__card{min-height:auto;padding:25px;border-right:0}.sum-fillers__card:nth-last-child(2){border-bottom:1px solid #dce3f5}.sum-fillers__card h3{margin:18px 0 10px;font-size:27px}.sum-fillers__card>div{margin-top:22px}.sum-fillers__cta{margin-top:30px;font-size:18px}}


/* Functional Fillers: use the full page width and remove the legacy sidebar divider. */
body.page-id-72 #right-sidebar{display:none!important}
body.page-id-72 #primary.content-area{float:none!important;width:100%!important;border-right:0!important}
body.page-id-72 .sum-fillers{width:100%!important}


/* Force the Functional Fillers page out of OceanWP’s legacy sidebar layout. */
body.page-id-72 #content-wrap.container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.page-id-72 #content-wrap::after,body.page-id-72 #primary::after,body.page-id-72 #content::after{border:0!important;background:none!important;box-shadow:none!important}
body.page-id-72 #right-sidebar,body.page-id-72 .sidebar-container{display:none!important;border:0!important}
body.page-id-72 #primary.content-area{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.page-id-72 #content.site-content,body.page-id-72 .single-page-article,body.page-id-72 .single-page-article .entry{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important}
body.page-id-72 .sum-fillers__wrap{width:min(1180px,calc(100% - 64px))}
@media(max-width:780px){body.page-id-72 .sum-fillers__wrap{width:calc(100% - 40px)}}


/* Silicates — CCC business line: full-width layout, without legacy sidebar. */
body.page-id-2414 #content-wrap.container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.page-id-2414 #right-sidebar,body.page-id-2414 .sidebar-container{display:none!important;border:0!important}
body.page-id-2414 #primary.content-area{width:100%!important;max-width:100%!important;float:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.page-id-2414 #content.site-content,body.page-id-2414 .single-page-article,body.page-id-2414 .single-page-article .entry{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important}
body.page-id-2414 #content-wrap::after,body.page-id-2414 #primary::after,body.page-id-2414 #content::after{border:0!important;background:none!important;box-shadow:none!important}
body.page-id-2414 .sum-fillers__wrap{width:min(1180px,calc(100% - 64px))}
@media(max-width:780px){body.page-id-2414 .sum-fillers__wrap{width:calc(100% - 40px)}}


/* CCC industrial sectors and grade selector */
.sum-ccc-industries{margin-top:76px;padding:76px 0;background:#f5f8ff;border-top:1px solid #dce3f5}
.sum-ccc-industries .sum-fillers__eyebrow{color:#25a85b}
.sum-ccc-industries__head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}
.sum-ccc-industries__head h2{max-width:650px;margin:0;color:#162da5;font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.035em}
.sum-ccc-industries__head>p{max-width:485px;margin:0;color:#526077;font-size:17px;line-height:1.55}
.sum-ccc-industries__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dce3f5;background:#fff}
.sum-ccc-sector{border-right:1px solid #dce3f5;border-bottom:1px solid #dce3f5;background:#fff;transition:background .2s}
.sum-ccc-sector:nth-child(2n){border-right:0}
.sum-ccc-sector:nth-last-child(-n+2){border-bottom:0}
.sum-ccc-sector summary{list-style:none;display:grid;grid-template-columns:48px 1fr 28px;gap:14px;align-items:start;padding:26px 28px;cursor:pointer}
.sum-ccc-sector summary::-webkit-details-marker{display:none}
.sum-ccc-sector summary>span{padding-top:3px;color:#71809d;font-size:14px;font-weight:800;letter-spacing:.08em}
.sum-ccc-sector h3{margin:0;color:#162da5;font-size:24px;line-height:1.15}
.sum-ccc-sector summary p{margin:8px 0 0;color:#526077;font-size:15px;line-height:1.42}
.sum-ccc-sector summary i{color:#25d366;font-size:29px;font-style:normal;line-height:.8;text-align:right;transition:transform .2s}
.sum-ccc-sector[open]{background:#f6faf8}
.sum-ccc-sector[open] summary i{transform:rotate(45deg)}
.sum-ccc-sector__detail{margin:0 28px 26px 90px;padding-top:17px;border-top:1px solid #dce3f5}
.sum-ccc-sector__detail b{display:block;color:#162da5;font-size:14px;line-height:1.4}
.sum-ccc-sector__detail small{display:block;margin:8px 0 6px;color:#25a85b;font-size:11px;font-weight:800;letter-spacing:.08em}
.sum-ccc-sector__detail p{margin:0;color:#38445a;font-size:14px;line-height:1.55}
@media(max-width:780px){.sum-ccc-industries{margin-top:48px;padding:48px 0}.sum-ccc-industries__head{display:block;margin-bottom:24px}.sum-ccc-industries__head>p{margin-top:16px;font-size:16px}.sum-ccc-industries__list{grid-template-columns:1fr}.sum-ccc-sector{border-right:0}.sum-ccc-sector:nth-last-child(2){border-bottom:1px solid #dce3f5}.sum-ccc-sector summary{grid-template-columns:36px 1fr 23px;padding:22px 20px;gap:10px}.sum-ccc-sector h3{font-size:21px}.sum-ccc-sector summary p{font-size:14px}.sum-ccc-sector__detail{margin:0 20px 22px 66px;padding-top:14px}}



/* AMIK Additives application tabs — Rubber, Plastic and Coating */
body.page-id-74 #content-wrap.container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
body.page-id-74 #right-sidebar,body.page-id-74 .sidebar-container{display:none!important;border:0!important}
body.page-id-74 #primary.content-area{width:100%!important;max-width:100%!important;float:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.page-id-74 #content.site-content,body.page-id-74 .single-page-article,body.page-id-74 .single-page-article .entry{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important}
body.page-id-74 #content-wrap::after,body.page-id-74 #primary::after,body.page-id-74 #content::after{border:0!important;background:none!important;box-shadow:none!important}
body.page-id-74 .sum-fillers__wrap{width:min(1180px,calc(100% - 64px))}
.sum-add-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:30px;border:1px solid #dce3f5;background:#fff}
.sum-add-tab{appearance:none;border:0;border-right:1px solid #dce3f5;background:#fff;color:#162da5;padding:24px 26px;text-align:left;font:inherit;font-size:21px;font-weight:800;cursor:pointer;transition:background .2s,color .2s}
.sum-add-tab:last-child{border-right:0}.sum-add-tab span{display:block;margin-bottom:8px;color:#71809d;font-size:12px;letter-spacing:.1em}.sum-add-tab:hover,.sum-add-tab.is-active{background:#162da5;color:#fff}.sum-add-tab.is-active span,.sum-add-tab:hover span{color:#25d366}
.sum-add-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dce3f5;background:#fff}.sum-add-panel.is-active{display:grid}
.sum-add-category{border-right:1px solid #dce3f5;border-bottom:1px solid #dce3f5;background:#fff;transition:background .2s}.sum-add-category:nth-child(2n){border-right:0}.sum-add-category[open]{background:#f6faf8}
.sum-add-category summary{list-style:none;display:grid;grid-template-columns:42px 1fr 26px;gap:12px;align-items:start;padding:25px 26px;cursor:pointer}.sum-add-category summary::-webkit-details-marker{display:none}.sum-add-category summary span{padding-top:3px;color:#71809d;font-size:13px;font-weight:800;letter-spacing:.08em}.sum-add-category h3{margin:0;color:#162da5;font-size:21px;line-height:1.2}.sum-add-category summary i{color:#25d366;font-size:28px;font-style:normal;line-height:.8;text-align:right;transition:transform .2s}.sum-add-category[open] summary i{transform:rotate(45deg)}
.sum-add-category>div{margin:0 26px 25px 80px;padding-top:16px;border-top:1px solid #dce3f5}.sum-add-category small{display:block;margin-bottom:7px;color:#25a85b;font-size:11px;font-weight:800;letter-spacing:.08em}.sum-add-category p{margin:0;color:#38445a;font-size:14px;line-height:1.65}
@media(max-width:780px){body.page-id-74 .sum-fillers__wrap{width:calc(100% - 40px)}.sum-add-tabs{grid-template-columns:1fr}.sum-add-tab{border-right:0;border-bottom:1px solid #dce3f5;padding:18px 20px}.sum-add-tab:last-child{border-bottom:0}.sum-add-tab span{display:inline;margin:0 12px 0 0}.sum-add-panel.is-active{grid-template-columns:1fr}.sum-add-category{border-right:0}.sum-add-category summary{grid-template-columns:34px 1fr 22px;padding:21px 18px;gap:9px}.sum-add-category h3{font-size:19px}.sum-add-category>div{margin:0 18px 21px 61px;padding-top:13px}}



/* Markets portfolio hub */
body.page-id-58 #content-wrap.container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
body.page-id-58 #right-sidebar,body.page-id-58 .sidebar-container{display:none!important;border:0!important}
body.page-id-58 #primary.content-area{width:100%!important;max-width:100%!important;float:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.page-id-58 #content.site-content,body.page-id-58 .single-page-article,body.page-id-58 .single-page-article .entry{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important}
body.page-id-58 #content-wrap::after,body.page-id-58 #primary::after,body.page-id-58 #content::after{border:0!important;background:none!important;box-shadow:none!important}
body.page-id-58 .sum-fillers__wrap{width:min(1180px,calc(100% - 64px))}
.sum-markets-hub{background:#fff;color:#17233c;padding-bottom:72px}.sum-markets-hero{background:linear-gradient(122deg,#102782 0%,#1536a8 58%,#0c4c6b 100%);color:#fff;padding:96px 0 90px}.sum-markets-hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(42px,5.4vw,74px);line-height:1.02;letter-spacing:-.045em}.sum-markets-hero>div>p:last-child{max-width:790px;margin:27px 0 0;color:rgba(255,255,255,.82);font-size:20px;line-height:1.55}
.sum-markets-body{padding-top:74px}.sum-markets-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.sum-markets-head h2{max-width:620px;margin:0;color:#162da5;font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.035em}.sum-markets-head>p{max-width:470px;margin:0;color:#526077;font-size:17px;line-height:1.55}
.sum-markets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce3f5}.sum-market-card{min-height:520px;padding:31px;border-right:1px solid #dce3f5;background:#fff;display:flex;flex-direction:column;transition:background .2s,transform .2s}.sum-market-card:last-child{border-right:0}.sum-market-card:hover{background:#f6faf8}.sum-market-card>span{color:#71809d;font-size:14px;font-weight:800;letter-spacing:.09em}.sum-market-card h3{margin:28px 0 14px;color:#162da5;font-size:31px;line-height:1.08}.sum-market-card>p{margin:0;color:#38445a;line-height:1.55}.sum-market-card ul{list-style:none;margin:28px 0;padding:20px 0 0;border-top:1px solid #dce3f5}.sum-market-card li{position:relative;margin:0 0 11px;padding-left:18px;color:#526077;font-size:14px;line-height:1.35}.sum-market-card li::before{content:'';position:absolute;left:0;top:.48em;width:7px;height:7px;border-radius:50%;background:#25d366}.sum-market-card>a{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;color:#162da5!important;font-weight:800;font-size:17px;text-decoration:none}.sum-market-card>a i{color:#25d366;font-style:normal;font-size:25px}.sum-market-card>a:hover{color:#25a85b!important}
@media(max-width:980px){.sum-markets-grid{grid-template-columns:1fr}.sum-market-card{min-height:auto;border-right:0;border-bottom:1px solid #dce3f5}.sum-market-card:last-child{border-bottom:0}.sum-market-card>a{margin-top:24px}}
@media(max-width:780px){body.page-id-58 .sum-fillers__wrap{width:calc(100% - 40px)}.sum-markets-hub{padding-bottom:48px}.sum-markets-hero{padding:65px 0}.sum-markets-hero>div>p:last-child{font-size:17px}.sum-markets-body{padding-top:48px}.sum-markets-head{display:block;margin-bottom:24px}.sum-markets-head>p{margin-top:15px;font-size:16px}.sum-market-card{padding:25px}.sum-market-card h3{margin-top:20px;font-size:27px}}



/* Exclusive partners hub */
body.page-id-62 #content-wrap.container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
body.page-id-62 #right-sidebar,body.page-id-62 .sidebar-container{display:none!important;border:0!important}
body.page-id-62 #primary.content-area{width:100%!important;max-width:100%!important;float:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body.page-id-62 #content.site-content,body.page-id-62 .single-page-article,body.page-id-62 .single-page-article .entry{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important}
body.page-id-62 #content-wrap::after,body.page-id-62 #primary::after,body.page-id-62 #content::after{border:0!important;background:none!important;box-shadow:none!important}
body.page-id-62 .sum-fillers__wrap{width:min(1180px,calc(100% - 64px))}
.sum-partner-hub{background:#fff;color:#17233c}.sum-partner-hero{background:linear-gradient(122deg,#102782 0%,#1536a8 58%,#0c4c6b 100%);color:#fff;padding:96px 0 90px}.sum-partner-hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(42px,5.4vw,74px);line-height:1.02;letter-spacing:-.045em}.sum-partner-hero>div>p:last-child{max-width:790px;margin:27px 0 0;color:rgba(255,255,255,.82);font-size:20px;line-height:1.55}
.sum-partner-body{padding:74px 0 82px}.sum-partner-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.sum-partner-head h2{max-width:630px;margin:0;color:#162da5;font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.035em}.sum-partner-head>p{max-width:475px;margin:0;color:#526077;font-size:17px;line-height:1.55}
.sum-partner-list{border:1px solid #dce3f5}.sum-partner-card{display:grid;grid-template-columns:minmax(280px,38%) 1fr;min-height:430px;border-bottom:1px solid #dce3f5;background:#fff}.sum-partner-card:last-child{border-bottom:0}.sum-partner-card:nth-child(2n) .sum-partner-logo{order:2;border-right:0;border-left:1px solid #dce3f5}.sum-partner-logo{display:flex;align-items:center;justify-content:center;padding:55px;background:#f7f9ff;border-right:1px solid #dce3f5}.sum-partner-logo img{display:block;max-width:min(300px,88%);max-height:150px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.sum-partner-copy{display:flex;flex-direction:column;padding:42px 46px}.sum-partner-copy>span{color:#71809d;font-size:13px;font-weight:800;letter-spacing:.1em}.sum-partner-copy>small{margin-top:18px;color:#25a85b;font-size:11px;font-weight:800;letter-spacing:.1em}.sum-partner-copy h3{margin:12px 0 4px;color:#162da5;font-size:34px;line-height:1.08}.sum-partner-copy h4{margin:0 0 18px;color:#526077;font-size:16px;font-weight:700}.sum-partner-copy>p{max-width:700px;margin:0;color:#38445a;font-size:16px;line-height:1.6}.sum-partner-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:auto;padding-top:28px}.sum-partner-links a{display:inline-flex;align-items:center;gap:12px;color:#162da5!important;font-weight:800;text-decoration:none}.sum-partner-links a i{color:#25d366;font-style:normal;font-size:22px}.sum-partner-links a:hover{color:#25a85b!important}.sum-partner-links a.is-primary{padding-bottom:5px;border-bottom:2px solid #25d366}
.sum-partner-values{padding:78px 0 72px;background:#102782;color:#fff}.sum-partner-values .sum-partner-head h2{color:#fff}.sum-partner-values .sum-partner-head>p{color:rgba(255,255,255,.72)}.sum-partner-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.22)}.sum-partner-value-grid article{min-height:245px;padding:30px;border-right:1px solid rgba(255,255,255,.22)}.sum-partner-value-grid article:last-child{border-right:0}.sum-partner-value-grid span{color:#25d366;font-size:13px;font-weight:800;letter-spacing:.1em}.sum-partner-value-grid h3{margin:28px 0 12px;color:#fff;font-size:25px}.sum-partner-value-grid p{margin:0;color:rgba(255,255,255,.72);line-height:1.55}.sum-partner-values .sum-fillers__cta{color:#fff!important}
@media(max-width:880px){.sum-partner-card{grid-template-columns:1fr}.sum-partner-logo,.sum-partner-card:nth-child(2n) .sum-partner-logo{order:0;min-height:240px;border:0;border-bottom:1px solid #dce3f5}.sum-partner-value-grid{grid-template-columns:1fr}.sum-partner-value-grid article{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}.sum-partner-value-grid article:last-child{border-bottom:0}}
@media(max-width:780px){body.page-id-62 .sum-fillers__wrap{width:calc(100% - 40px)}.sum-partner-hero{padding:65px 0}.sum-partner-hero>div>p:last-child{font-size:17px}.sum-partner-body{padding:48px 0}.sum-partner-head{display:block;margin-bottom:25px}.sum-partner-head>p{margin-top:15px;font-size:16px}.sum-partner-logo{min-height:210px;padding:38px}.sum-partner-copy{padding:27px 24px}.sum-partner-copy h3{font-size:29px}.sum-partner-copy>p{font-size:15px}.sum-partner-links{display:block;margin-top:26px;padding-top:0}.sum-partner-links a{margin:0 0 18px}.sum-partner-values{padding:48px 0}.sum-partner-value-grid article{padding:25px}}



/* Uniform left-aligned partner logos */
.sum-partner-card:nth-child(2n) .sum-partner-logo{order:0!important;border-left:0!important;border-right:1px solid #dce3f5!important}
.sum-partner-logo{background:#f7f9ff!important}
.sum-partner-logo img{display:block!important;width:280px!important;height:135px!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important;image-rendering:auto}
.sum-partner-links a:not(.is-primary){display:none!important}
@media(max-width:880px){.sum-partner-card:nth-child(2n) .sum-partner-logo{border-right:0!important;border-bottom:1px solid #dce3f5!important}.sum-partner-logo img{width:260px!important;height:125px!important}}

/* Partner logo visual balance and brand-tint background */
.page-id-62 .sum-partner-logo{
  background:rgba(119,192,67,.20)!important;
  overflow:hidden!important;
}
.page-id-62 .sum-partner-card:nth-child(3) .sum-partner-logo img{
  transform:scale(1.55)!important;
  transform-origin:center!important;
}
@media(max-width:880px){
  .page-id-62 .sum-partner-card:nth-child(3) .sum-partner-logo img{transform:scale(1.45)!important}
}

/* Final partner logo balance */
.page-id-62 .sum-partner-logo{background:rgba(119,192,67,.05)!important}
.page-id-62 .sum-partner-card:nth-child(3) .sum-partner-logo img{
  transform:scale(3)!important;
  mix-blend-mode:multiply!important;
}
@media(max-width:880px){
  .page-id-62 .sum-partner-card:nth-child(3) .sum-partner-logo img{transform:scale(2.75)!important}
}

/* White partner logo panels and fixed Wöllner scale */
.page-id-62 .sum-partner-logo{background:#fff!important}
.page-id-62 .sum-partner-card:nth-child(3) .sum-partner-logo img{transform:scale(3.1)!important;mix-blend-mode:multiply!important}
@media(max-width:880px){.page-id-62 .sum-partner-card:nth-child(3) .sum-partner-logo img{transform:scale(2.85)!important}}


/* Modern Turkish content pages */
.language-tr.page-id-64 .page-header,.language-tr.page-id-56 .page-header,.language-tr.page-id-67 .page-header{display:none!important}
.language-tr.page-id-64 #content-wrap,.language-tr.page-id-56 #content-wrap,.language-tr.page-id-67 #content-wrap{width:100%!important;max-width:none!important;padding:0!important}
.language-tr.page-id-64 #content,.language-tr.page-id-56 #content,.language-tr.page-id-67 #content{width:100%!important;max-width:none!important;padding:0!important;border:0!important}
.language-tr.page-id-64 #right-sidebar,.language-tr.page-id-56 #right-sidebar,.language-tr.page-id-67 #right-sidebar{display:none!important}
.language-tr.page-id-64 article,.language-tr.page-id-56 article,.language-tr.page-id-67 article{padding:0!important}
.sum-modern-page{font-family:Arial,Helvetica,sans-serif;color:#18202a;background:#fff}
.sum-modern-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}
.sum-modern-hero{padding:105px 0 96px;background:linear-gradient(120deg,#142a82 0%,#243bb8 55%,#154f69 100%);color:#fff}
.sum-modern-eyebrow,.sum-modern-kicker{margin:0 0 22px;color:#25d366;font-size:13px;font-weight:800;letter-spacing:.18em}
.sum-modern-hero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(52px,6.5vw,88px);font-weight:800;line-height:.96;letter-spacing:-.055em}
.sum-modern-lead{max-width:780px;margin:38px 0 0;color:rgba(255,255,255,.78);font-size:21px;line-height:1.55}
.sum-modern-section{padding:92px 0}
.sum-modern-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end;margin-bottom:62px}
.sum-modern-intro h2,.sum-contact-form h2,.sum-contact-aside h2{margin:0;color:#1b35a7;font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-.04em}
.sum-modern-intro>p{margin:0;color:#526071;font-size:18px;line-height:1.75}
.sum-modern-grid{display:grid;border:1px solid #dce3f5}
.sum-modern-grid-3{grid-template-columns:repeat(3,1fr)}
.sum-modern-grid-4{grid-template-columns:repeat(4,1fr)}
.sum-modern-grid article{min-height:300px;padding:34px;border-right:1px solid #dce3f5;background:#fff;transition:background .25s,transform .25s}
.sum-modern-grid article:last-child{border-right:0}
.sum-modern-grid article:hover{background:rgba(37,211,102,.055);transform:translateY(-4px)}
.sum-modern-grid span{color:#70809a;font-size:14px;font-weight:800}
.sum-modern-grid h3{margin:52px 0 18px;color:#1b35a7;font-size:27px;line-height:1.1}
.sum-modern-grid p{margin:0;color:#526071;font-size:16px;line-height:1.65}
.sum-modern-band{padding:76px 0;background:#122878;color:#fff}
.sum-modern-band-grid{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center}
.sum-modern-band h2{margin:0 0 18px;color:#fff;font-size:clamp(36px,4vw,58px);line-height:1}
.sum-modern-band p:not(.sum-modern-eyebrow){max-width:720px;margin:0;color:rgba(255,255,255,.72);font-size:18px;line-height:1.6}
.sum-modern-btn{display:inline-flex;align-items:center;justify-content:center;min-width:250px;padding:20px 28px;border-radius:4px;background:#25d366;color:#11256f!important;font-weight:800;text-decoration:none!important}
.sum-modern-btn:hover{background:#fff;color:#1b35a7!important}
.sum-contact-section{background:#f7f9ff}
.sum-contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:0;box-shadow:0 18px 55px rgba(22,42,110,.09)}
.sum-contact-form{padding:56px;background:#fff}
.sum-contact-form h2{margin-bottom:38px}
.sum-contact-form .wpforms-container{margin:0!important}
.sum-contact-form .wpforms-field{padding:0 0 20px!important}
.sum-contact-form .wpforms-field-label{color:#1b35a7!important;font-size:14px!important}
.sum-contact-form input,.sum-contact-form select,.sum-contact-form textarea{height:54px!important;border:1px solid #d7deef!important;border-radius:3px!important;background:#fff!important;color:#18202a!important;box-shadow:none!important}
.sum-contact-form textarea{height:130px!important}
.sum-contact-form button[type=submit]{min-width:190px!important;padding:17px 25px!important;border:0!important;border-radius:3px!important;background:#25d366!important;color:#122878!important;font-weight:800!important}
.sum-contact-aside{padding:56px;background:#122878;color:#fff}
.sum-contact-aside h2{margin-bottom:46px;color:#fff}
.sum-contact-item{padding:24px 0;border-top:1px solid rgba(255,255,255,.18)}
.sum-contact-item span{display:block;margin-bottom:9px;color:#25d366;font-size:12px;font-weight:800;letter-spacing:.14em}
.sum-contact-item a,.sum-contact-item p{margin:0;color:#fff!important;font-size:17px;line-height:1.55;text-decoration:none!important}
.sum-contact-link{display:inline-block;margin-top:28px;color:#25d366!important;font-weight:800;text-decoration:none!important}
@media(max-width:980px){
.sum-modern-wrap{width:min(100% - 48px,1180px)}
.sum-modern-hero{padding:82px 0 78px}
.sum-modern-intro{grid-template-columns:1fr;gap:28px}
.sum-modern-grid-4{grid-template-columns:repeat(2,1fr)}
.sum-modern-grid-4 article:nth-child(2){border-right:0}.sum-modern-grid-4 article:nth-child(-n+2){border-bottom:1px solid #dce3f5}
.sum-modern-band-grid{grid-template-columns:1fr;gap:38px}
.sum-contact-layout{grid-template-columns:1fr}.sum-contact-form,.sum-contact-aside{padding:46px}
}
@media(max-width:700px){
.sum-modern-wrap{width:calc(100% - 40px)}
.sum-modern-hero{padding:64px 0 60px}.sum-modern-hero h1{font-size:46px}.sum-modern-lead{margin-top:28px;font-size:17px}
.sum-modern-section{padding:58px 0}.sum-modern-intro{margin-bottom:38px}.sum-modern-intro h2,.sum-contact-form h2,.sum-contact-aside h2{font-size:37px}
.sum-modern-grid-3,.sum-modern-grid-4{grid-template-columns:1fr}
.sum-modern-grid article{min-height:auto;padding:27px;border-right:0;border-bottom:1px solid #dce3f5}.sum-modern-grid article:last-child{border-bottom:0}.sum-modern-grid h3{margin:28px 0 12px}
.sum-modern-grid-4 article:nth-child(2){border-bottom:1px solid #dce3f5}
.sum-modern-band{padding:55px 0}.sum-modern-btn{width:100%}
.sum-contact-form,.sum-contact-aside{padding:30px 24px}
}


/* Multilingual modern pages and map cards */
body.page-id-64 .page-header,body.page-id-56 .page-header,body.page-id-67 .page-header{display:none!important}
body.page-id-64 #content-wrap,body.page-id-56 #content-wrap,body.page-id-67 #content-wrap{width:100%!important;max-width:none!important;padding:0!important}
body.page-id-64 #content,body.page-id-56 #content,body.page-id-67 #content{width:100%!important;max-width:none!important;padding:0!important;border:0!important}
body.page-id-64 #right-sidebar,body.page-id-56 #right-sidebar,body.page-id-67 #right-sidebar{display:none!important}
body.page-id-64 article.single-page-article,body.page-id-56 article.single-page-article,body.page-id-67 article.single-page-article{padding:0!important}
.sum-map-section{padding:86px 0 96px;background:#fff}
.sum-map-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}
.sum-map-head .sum-modern-kicker{margin:0}
.sum-map-head h2{margin:0;color:#1b35a7;font-size:clamp(38px,4vw,56px);letter-spacing:-.04em}
.sum-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sum-map-grid article{overflow:hidden;border:1px solid #dce3f5;border-radius:4px;background:#fff;box-shadow:0 14px 38px rgba(22,42,110,.07)}
.sum-map-grid iframe{display:block;width:100%;height:310px;border:0}
.sum-map-grid article>div{padding:27px 30px 30px}
.sum-map-grid h3{margin:0 0 12px;color:#1b35a7;font-size:28px}
.sum-map-grid p{min-height:52px;margin:0 0 20px;color:#526071;font-size:15px;line-height:1.6}
.sum-map-grid a{color:#1b35a7!important;font-weight:800;text-decoration:none!important;border-bottom:2px solid #25d366}
@media(max-width:820px){.sum-map-section{padding:64px 0}.sum-map-head{display:block}.sum-map-head .sum-modern-kicker{margin-bottom:15px}.sum-map-grid{grid-template-columns:1fr}.sum-map-grid iframe{height:280px}.sum-map-grid p{min-height:0}}
@media(max-width:520px){.sum-map-section{padding:52px 0}.sum-map-grid iframe{height:235px}.sum-map-grid article>div{padding:23px}.sum-map-head h2{font-size:36px}}


/* Map location marker labels */
.sum-map-grid p{min-height:0!important}
.sum-map-location{display:flex;align-items:center;gap:12px;color:#526071;font-weight:700}
.sum-map-pin{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:rgba(37,211,102,.13)}
.sum-map-pin svg{width:21px;height:21px;fill:#25d366}


/* Compact wide contact form and LinkedIn/warehouse details */
@media(min-width:981px){
  .sum-contact-layout{grid-template-columns:1.22fr .78fr!important}
}
.sum-contact-form input,
.sum-contact-form select{height:46px!important;min-height:46px!important}
.sum-contact-form textarea{height:112px!important;min-height:112px!important}
.sum-contact-form .wpforms-field-row{max-width:none!important;width:100%!important}
.sum-contact-form .wpforms-field-row-block{max-width:none!important}
.sum-contact-form .wpforms-field-medium,
.sum-contact-form input.wpforms-field-medium,
.sum-contact-form select.wpforms-field-medium{max-width:none!important;width:100%!important}
.sum-contact-form .wpforms-field-name .wpforms-field-row{display:flex!important;gap:16px!important}
.sum-contact-form .wpforms-field-name .wpforms-one-half{width:calc(50% - 8px)!important;margin:0!important}
.sum-contact-link{display:inline-flex!important;align-items:center;gap:10px}
.sum-linkedin-icon{width:24px;height:24px;fill:#25d366;flex:0 0 24px}
.sum-contact-warehouse p{font-size:16px!important}
@media(max-width:700px){
 .sum-contact-form .wpforms-field-name .wpforms-field-row{display:block!important}
 .sum-contact-form .wpforms-field-name .wpforms-one-half{width:100%!important;margin:0 0 14px!important}
}


/* Remove legacy empty sidebar space on Services and Career */
body.page-id-56 #primary,
body.page-id-64 #primary{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  padding-right:0!important;
  margin-right:0!important;
  border-right:0!important;
}
body.page-id-56 #content-wrap,
body.page-id-64 #content-wrap{
  display:block!important;
}
body.page-id-56 #secondary,
body.page-id-64 #secondary{
  display:none!important;
}


/* Contact name and surname alignment */
.sum-contact-form .wpforms-field-name>.wpforms-field-label{display:none!important}
.sum-contact-form .wpforms-field-name .wpforms-field-row{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  align-items:flex-start!important;
}
.sum-contact-form .wpforms-field-name .wpforms-field-row-block{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.sum-contact-form .wpforms-field-name .sum-name-main-label{
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  color:var(--sum-navy)!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.35!important;
  order:0!important;
}
.sum-contact-form .wpforms-field-name input{order:1!important}
.sum-contact-form .wpforms-field-name .wpforms-field-sublabel{display:none!important}
@media(max-width:700px){
  .sum-contact-form .wpforms-field-name .wpforms-field-row-block{margin-bottom:16px!important}
}


/* Final contact field alignment and seamless map transition */
.sum-contact-form .wpforms-field-name .wpforms-field-row-block{
  padding-left:0!important;
  padding-right:0!important;
}
.sum-contact-phone input{
  width:100%!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
}
.page-id-67 .sum-contact-section{padding-bottom:0!important}
.page-id-67 .sum-map-section{padding-top:0!important}


.sum-contact-form .wpforms-field-name .wpforms-field-row:before,
.sum-contact-form .wpforms-field-name .wpforms-field-row:after{
  content:none!important;
  display:none!important;
}


/* Market-style connected company cards */
.sum-company-principles__grid{gap:0!important}

/* Required international phone field */
.sum-contact-phone .sum-phone-row{
  display:grid!important;
  grid-template-columns:minmax(190px, 0.72fr) minmax(0, 1.28fr)!important;
  gap:12px!important;
  width:100%!important;
}
.sum-contact-phone .sum-phone-country,
.sum-contact-phone input[type="tel"]{
  width:100%!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
}
.sum-contact-phone .sum-phone-country{
  padding:0 38px 0 14px!important;
  border:1px solid #d9e0ee!important;
  border-radius:2px!important;
  background-color:#fff!important;
  color:var(--sum-ink)!important;
}
@media(max-width:520px){
  .sum-contact-phone .sum-phone-row{
    grid-template-columns:minmax(130px, .9fr) minmax(0, 1.1fr)!important;
    gap:8px!important;
  }
  .sum-contact-phone .sum-phone-country{padding-left:10px!important}
}


/* Fluid, balanced headings across navy hero panels */
.sum-markets-hero h1,
.sum-fillers__hero h1,
.sum-modern-hero h1,
.sum-company-hero h1{
  max-width:min(100%, 1180px)!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.sum-markets-hero h1,
.sum-fillers__hero h1{
  font-size:clamp(46px, 5.4vw, 72px)!important;
  line-height:1.04!important;
}
.sum-modern-hero h1{
  font-size:clamp(48px, 6vw, 80px)!important;
  line-height:1.02!important;
}
.sum-company-hero h1{
  font-size:clamp(46px, 5.2vw, 70px)!important;
  line-height:1.04!important;
}
.sum-contact-aside h2,
.sum-modern-cta h2{
  text-wrap:balance!important;
  overflow-wrap:normal!important;
}
@media(max-width:700px){
  .sum-markets-hero h1,
  .sum-fillers__hero h1,
  .sum-modern-hero h1,
  .sum-company-hero h1{
    max-width:100%!important;
    font-size:clamp(38px, 10.5vw, 54px)!important;
    line-height:1.04!important;
  }
}


/* Complete responsive typography for all navy content panels */
.sumkimya-hero__content h1{
  max-width:100%!important;
  font-size:clamp(48px, 5.5vw, 72px)!important;
  line-height:1.03!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.sumkimya-expertise__statement h2,
.sum-partner-head h2,
.sum-contact-aside h2,
.sum-modern-cta h2{
  max-width:100%!important;
  font-size:clamp(38px, 4.1vw, 54px)!important;
  line-height:1.05!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.sumkimya-hero__lead,
.sum-markets-hero p,
.sum-fillers__hero p,
.sum-modern-hero p,
.sum-company-hero p{
  max-width:min(100%, 920px)!important;
  font-size:clamp(18px, 1.65vw, 21px)!important;
  line-height:1.5!important;
  text-wrap:pretty!important;
}
@media(max-width:700px){
  .sumkimya-hero__content h1{
    font-size:clamp(40px, 11vw, 54px)!important;
    line-height:1.04!important;
  }
  .sumkimya-expertise__statement h2,
  .sum-partner-head h2,
  .sum-contact-aside h2,
  .sum-modern-cta h2{
    font-size:clamp(32px, 9vw, 44px)!important;
    line-height:1.08!important;
  }
  .sumkimya-hero__lead,
  .sum-markets-hero p,
  .sum-fillers__hero p,
  .sum-modern-hero p,
  .sum-company-hero p{
    font-size:18px!important;
    line-height:1.52!important;
  }
}


.sum-partner-hero h1{
  max-width:min(100%, 1180px)!important;
  font-size:clamp(46px, 5.4vw, 72px)!important;
  line-height:1.04!important;
  text-wrap:balance!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.sum-partner-hero p{
  max-width:min(100%, 920px)!important;
  font-size:clamp(18px, 1.65vw, 21px)!important;
  line-height:1.5!important;
  text-wrap:pretty!important;
}
@media(max-width:700px){
  .sum-partner-hero h1{
    max-width:100%!important;
    font-size:clamp(38px, 10.5vw, 54px)!important;
    line-height:1.04!important;
  }
  .sum-partner-hero p{font-size:18px!important;line-height:1.52!important}
}


/* Multi-device fluid layout: desktop, laptop, tablet and phone */
:root{
  --sum-fluid-gutter:clamp(16px,4vw,72px);
  --sum-fluid-section:clamp(44px,7vw,96px);
}
html,body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
.sum-modern-wrap,
.sum-company-container,
.sum-partner-container,
.sum-map-container{
  padding-left:var(--sum-fluid-gutter)!important;
  padding-right:var(--sum-fluid-gutter)!important;
}
body.page-id-133 #primary{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.page-id-133 #right-sidebar,
body.page-id-133 #secondary{display:none!important}
body.page-id-133 #content-wrap{
  display:block!important;
  width:min(100% - (2 * var(--sum-fluid-gutter)),1440px)!important;
  max-width:1440px!important;
  margin-inline:auto!important;
  padding:0!important;
}
body.page-id-133 article{
  width:100%!important;
  max-width:none!important;
  padding:var(--sum-fluid-section) 0!important;
}
body.page-id-133 .elementor-section,
body.page-id-133 .elementor-container,
body.page-id-133 .elementor-column,
body.page-id-133 .elementor-widget-wrap{
  width:100%!important;
  max-width:none!important;
}
body.page-id-133 .elementor-heading-title{
  margin:0 0 clamp(18px,2.5vw,32px)!important;
  color:var(--sum-navy)!important;
  font-size:clamp(34px,4.4vw,64px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}
body.page-id-133 .elementor-widget-text-editor{
  max-width:900px!important;
  color:var(--sum-muted)!important;
  font-size:clamp(17px,1.5vw,20px)!important;
  line-height:1.65!important;
}
body.page-id-133 .elementor-widget-text-editor a{
  color:var(--sum-navy)!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
}
@media (min-width:1600px){
  :root{--sum-fluid-gutter:clamp(64px,6vw,112px)}
}
@media (max-width:1199px){
  :root{--sum-fluid-gutter:clamp(24px,5vw,52px)}
  .sum-contact-layout,.sum-modern-split{gap:clamp(24px,4vw,48px)!important}
}
@media (max-width:980px){
  :root{--sum-fluid-gutter:clamp(22px,5vw,42px);--sum-fluid-section:clamp(40px,7vw,72px)}
  .sum-contact-layout,.sum-modern-split,.sum-company-intro__grid{grid-template-columns:1fr!important}
}
@media (max-width:700px){
  :root{--sum-fluid-gutter:clamp(18px,5vw,28px);--sum-fluid-section:clamp(36px,10vw,58px)}
  body.page-id-133 .elementor-heading-title{font-size:clamp(34px,10vw,46px)!important}
  body.page-id-133 .elementor-widget-text-editor{font-size:17px!important;line-height:1.6!important}
}
@media (max-width:380px){
  :root{--sum-fluid-gutter:16px}
  .sumkimya-hero__content h1,
  .sum-markets-hero h1,
  .sum-fillers__hero h1,
  .sum-modern-hero h1,
  .sum-company-hero h1,
  .sum-partner-hero h1{font-size:clamp(34px,10.5vw,40px)!important}
  .sum-contact-phone .sum-phone-row{grid-template-columns:1fr!important}
}


/* Modern responsive Sales & Distribution page */
body.page-id-77 #primary{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}
body.page-id-77 #right-sidebar,body.page-id-77 #secondary{display:none!important}
body.page-id-77 #content-wrap{display:block!important;width:100%!important;max-width:none!important;padding:0!important}
body.page-id-77 article{width:100%!important;max-width:none!important;padding:0!important}
.sum-distribution{--dist-pad:clamp(24px,6vw,96px);color:var(--sum-ink);background:#fff}
.sum-distribution .sum-eyebrow{display:block;margin-bottom:22px;color:#25d366;font-size:13px;font-weight:800;line-height:1.25;letter-spacing:.22em}
.sum-distribution h1,.sum-distribution h2,.sum-distribution h3,.sum-distribution p{margin-top:0}
.sum-distribution__hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);min-height:clamp(590px,65vw,760px);background:linear-gradient(120deg,#102471 0%,#1738a8 66%,#16516f 100%);color:#fff}
.sum-distribution__hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,128px) var(--dist-pad)}
.sum-distribution__hero h1{max-width:820px;margin-bottom:28px;color:#fff;font-size:clamp(48px,6vw,82px);font-weight:800;line-height:1.01;letter-spacing:-.055em;text-wrap:balance}
.sum-distribution__hero p{max-width:680px;margin-bottom:38px;color:rgba(255,255,255,.82);font-size:clamp(19px,1.8vw,23px);line-height:1.55}
.sum-distribution__button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;width:max-content;min-width:220px;padding:17px 22px;border:1px solid #25d366;background:#25d366;color:#102471!important;font-size:16px;font-weight:800;text-decoration:none!important;transition:.2s ease}
.sum-distribution__button:hover{transform:translateY(-2px);background:#fff;border-color:#fff}
.sum-distribution__button span{font-size:25px;line-height:1}
.sum-distribution__visual{position:relative;min-height:100%;margin:0;overflow:hidden;background:#0c2357}
.sum-distribution__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,36,113,.36),rgba(7,30,56,.08))}
.sum-distribution__visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.04)}
.sum-distribution__visual figcaption{position:absolute;z-index:2;right:clamp(22px,4vw,56px);bottom:clamp(22px,4vw,50px);max-width:320px;padding:16px 18px;border-left:4px solid #25d366;background:rgba(7,24,62,.82);color:#fff;font-size:15px;line-height:1.45}
.sum-distribution__intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(36px,8vw,130px);padding:var(--sum-fluid-section) var(--dist-pad);background:#fff}
.sum-distribution__intro h2,.sum-distribution__values h2,.sum-distribution__cta h2{color:var(--sum-navy);font-size:clamp(39px,4.6vw,66px);font-weight:800;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.sum-distribution__intro-text{max-width:780px}
.sum-distribution__intro-text p{color:#526071;font-size:clamp(18px,1.55vw,21px);line-height:1.7}
.sum-distribution__intro-text p+p{margin-top:22px}
.sum-distribution__values{padding:var(--sum-fluid-section) var(--dist-pad);background:#f4f7fd}
.sum-distribution__values>header{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(36px,8vw,130px);align-items:end;margin-bottom:clamp(38px,5vw,68px)}
.sum-distribution__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce3f0;border-left:1px solid #dce3f0}
.sum-distribution__grid article{min-height:270px;padding:clamp(28px,3.5vw,48px);border-right:1px solid #dce3f0;border-bottom:1px solid #dce3f0;background:#fff}
.sum-distribution__grid b{display:block;margin-bottom:62px;color:#25d366;font-size:14px;letter-spacing:.15em}
.sum-distribution__grid h3{margin-bottom:14px;color:var(--sum-navy);font-size:clamp(24px,2vw,31px);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.sum-distribution__grid p{margin:0;color:#627083;font-size:17px;line-height:1.55}
.sum-distribution__cta{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:clamp(60px,8vw,110px) var(--dist-pad);background:var(--sum-navy);color:#fff}
.sum-distribution__cta>div{max-width:900px}
.sum-distribution__cta h2{margin-bottom:24px;color:#fff}
.sum-distribution__cta p{max-width:780px;margin-bottom:0;color:rgba(255,255,255,.8);font-size:clamp(18px,1.5vw,21px);line-height:1.65}
.sum-distribution__button--light{flex:0 0 auto}
@media(max-width:1100px){
  .sum-distribution__hero{grid-template-columns:1fr 42%;min-height:650px}
  .sum-distribution__grid{grid-template-columns:repeat(2,1fr)}
  .sum-distribution__cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:820px){
  .sum-distribution__hero{grid-template-columns:1fr;min-height:0}
  .sum-distribution__hero-copy{padding-top:clamp(70px,12vw,100px);padding-bottom:clamp(56px,10vw,80px)}
  .sum-distribution__visual{min-height:clamp(340px,75vw,520px)}
  .sum-distribution__intro,.sum-distribution__values>header{grid-template-columns:1fr;gap:24px}
  .sum-distribution__grid{grid-template-columns:1fr}
  .sum-distribution__grid article{min-height:0}
  .sum-distribution__grid b{margin-bottom:38px}
}
@media(max-width:520px){
  .sum-distribution{--dist-pad:22px}
  .sum-distribution__hero h1{font-size:clamp(42px,12vw,55px)}
  .sum-distribution__hero p{font-size:18px}
  .sum-distribution__button{width:100%;min-width:0}
  .sum-distribution__visual{min-height:320px}
  .sum-distribution__visual figcaption{right:16px;bottom:16px;left:16px;max-width:none}
  .sum-distribution__intro h2,.sum-distribution__values h2,.sum-distribution__cta h2{font-size:clamp(36px,10.5vw,46px)}
  .sum-distribution__grid article{padding:30px 24px}
}


/* Unified modern service and career detail pages */
body.page-id-1989 #primary,body.page-id-81 #primary,body.page-id-79 #primary,body.page-id-83 #primary,body.page-id-133 #primary{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}
body.page-id-1989 #right-sidebar,body.page-id-81 #right-sidebar,body.page-id-79 #right-sidebar,body.page-id-83 #right-sidebar,body.page-id-133 #right-sidebar,
body.page-id-1989 #secondary,body.page-id-81 #secondary,body.page-id-79 #secondary,body.page-id-83 #secondary,body.page-id-133 #secondary{display:none!important}
body.page-id-1989 #content-wrap,body.page-id-81 #content-wrap,body.page-id-79 #content-wrap,body.page-id-83 #content-wrap,body.page-id-133 #content-wrap{display:block!important;width:100%!important;max-width:none!important;padding:0!important}
body.page-id-1989 article,body.page-id-81 article,body.page-id-79 article,body.page-id-83 article,body.page-id-133 article{width:100%!important;max-width:none!important;padding:0!important}
.sum-detail{--detail-pad:clamp(24px,6vw,96px);color:var(--sum-ink);background:#fff}
.sum-detail .sum-eyebrow{display:block;margin-bottom:22px;color:#25d366;font-size:13px;font-weight:800;line-height:1.25;letter-spacing:.2em}
.sum-detail h1,.sum-detail h2,.sum-detail p{margin-top:0}
.sum-detail__hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);min-height:clamp(570px,62vw,740px);background:linear-gradient(125deg,#102471 0%,#1739aa 64%,#16516f 100%);color:#fff}
.sum-detail__hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(68px,8vw,118px) var(--detail-pad)}
.sum-detail__hero h1{max-width:820px;margin-bottom:28px;color:#fff;font-size:clamp(48px,6vw,80px);font-weight:800;line-height:1.01;letter-spacing:-.052em;text-wrap:balance}
.sum-detail__hero p{max-width:680px;margin-bottom:38px;color:rgba(255,255,255,.82);font-size:clamp(19px,1.7vw,22px);line-height:1.55}
.sum-detail__button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;width:max-content;min-width:220px;padding:17px 22px;border:1px solid #25d366;background:#25d366;color:#102471!important;font-size:16px;font-weight:800;text-decoration:none!important;transition:.2s ease}
.sum-detail__button:hover{transform:translateY(-2px);background:#fff;border-color:#fff}
.sum-detail__button span{font-size:25px;line-height:1}
.sum-detail__hero-visual{position:relative;min-height:100%;margin:0;overflow:hidden;background:#0a235a}
.sum-detail__hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,36,113,.32),rgba(8,26,61,.06))}
.sum-detail__hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.04)}
.sum-detail--logistics .sum-detail__hero-visual img{object-position:60% center}
.sum-detail--quality .sum-detail__hero-visual img,.sum-detail--technical .sum-detail__hero-visual img,.sum-detail--sourcing .sum-detail__hero-visual img{filter:saturate(.72) contrast(1.08) brightness(.88)}
.sum-detail__intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(36px,8vw,130px);padding:var(--sum-fluid-section) var(--detail-pad);background:#fff}
.sum-detail__intro h2,.sum-detail__cta h2{color:var(--sum-navy);font-size:clamp(39px,4.5vw,64px);font-weight:800;line-height:1.04;letter-spacing:-.044em;text-wrap:balance}
.sum-detail__copy{max-width:800px}
.sum-detail__copy p{color:#526071;font-size:clamp(18px,1.5vw,21px);line-height:1.7}
.sum-detail__copy p+p{margin-top:20px}
.sum-detail__features{padding:0 var(--detail-pad) var(--sum-fluid-section);background:#f4f7fd}
.sum-detail__feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce3f0;border-left:1px solid #dce3f0}
.sum-detail__feature-grid article{min-height:250px;padding:clamp(28px,3.5vw,46px);border-right:1px solid #dce3f0;border-bottom:1px solid #dce3f0;background:#fff}
.sum-detail__feature-grid b{display:block;margin-bottom:58px;color:#25d366;font-size:14px;letter-spacing:.16em}
.sum-detail__feature-grid p{margin:0;color:var(--sum-navy);font-size:clamp(21px,1.8vw,28px);font-weight:750;line-height:1.25}
.sum-detail__certs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 var(--detail-pad) var(--sum-fluid-section);background:#f4f7fd}
.sum-detail__certs figure{display:flex;align-items:center;justify-content:center;margin:0;padding:32px;background:#fff;border:1px solid #dce3f0}
.sum-detail__certs img{width:auto;max-height:680px;object-fit:contain}
.sum-detail__cta{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;padding:clamp(60px,8vw,108px) var(--detail-pad);background:var(--sum-navy);color:#fff}
.sum-detail__cta>div{max-width:900px}
.sum-detail__cta h2{margin-bottom:0;color:#fff}
.sum-detail__cta .sum-detail__button{flex:0 0 auto}
@media(max-width:1100px){
  .sum-detail__hero{grid-template-columns:1fr 42%;min-height:620px}
  .sum-detail__feature-grid{grid-template-columns:repeat(2,1fr)}
  .sum-detail__cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:820px){
  .sum-detail__hero{grid-template-columns:1fr;min-height:0}
  .sum-detail__hero-copy{padding-top:clamp(68px,12vw,96px);padding-bottom:clamp(54px,10vw,76px)}
  .sum-detail__hero-visual{min-height:clamp(330px,72vw,500px)}
  .sum-detail__intro{grid-template-columns:1fr;gap:24px}
  .sum-detail__feature-grid{grid-template-columns:1fr}
  .sum-detail__feature-grid article{min-height:0}
  .sum-detail__feature-grid b{margin-bottom:36px}
}
@media(max-width:560px){
  .sum-detail{--detail-pad:22px}
  .sum-detail__hero h1{font-size:clamp(42px,12vw,54px)}
  .sum-detail__hero p{font-size:18px}
  .sum-detail__button{width:100%;min-width:0}
  .sum-detail__hero-visual{min-height:300px}
  .sum-detail__intro h2,.sum-detail__cta h2{font-size:clamp(36px,10.5vw,46px)}
  .sum-detail__feature-grid article{padding:30px 24px}
  .sum-detail__certs{grid-template-columns:1fr;gap:16px}
  .sum-detail__certs figure{padding:20px}
}