:root {
  --brand-logo: #2b5e6a;
  --brand-primary: var(--brand-logo);
  --brand-primary-rgb: 43 94 106;
  --brand-accent: #b5ded5;
  --brand-accent-rgb: 181 222 213;
  --brand-dark: #173c34;
}

/* Logo palette shared by page banners, home sections and footer. */
:root {
  --section-green: #285c4c;
  --section-teal: #2b5e6a;
  --section-blue: #467d8d;
}
.site-color-gradient {
  background-image: linear-gradient(115deg, var(--section-green) 0%, var(--section-green) 18%, var(--section-teal) 65%, var(--section-blue) 100%);
}

/* Category menu states and native scrollbar treatment. */
.catalog-category-menu {
  max-height: min(24rem, calc(100svh - 12rem));
  scrollbar-width: thin;
  scrollbar-color: #b6c9ce transparent;
  transform-origin: top center;
}
.catalog-category-menu a:is(:hover, :focus-visible, [aria-current="page"]) {
  background-color: #f0f6f2;
  color: #2b5e6a;
}

/* Keep keyboard focus visible on the complete search control. */
.catalog-search-field {
  transition: box-shadow .2s ease;
}
.catalog-search-field:focus-within {
  box-shadow: 0 0 0 2px rgba(43, 94, 106, .35);
}
.catalog-search-field input:focus {
  outline: none;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .catalog-search-field { transition: none; }
}

/* Fit the image element itself, so its radius follows the visible photo. */
.catalog-card-media {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-card-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.catalog-card h3,
.catalog-card .catalog-card-arrow {
  transition: color .3s ease, background-color .3s ease, border-color .3s ease, transform .3s ease;
}
.catalog-card:is(:hover, :focus-visible) h3 { color: #2b5e6a; }
.catalog-card:is(:hover, :focus-visible) .catalog-card-arrow {
  background-color: #2b5e6a;
  border-color: #2b5e6a;
  color: #fff;
  transform: rotate(8deg);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .catalog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(22, 44, 50, .14);
  }
}
/* Related cards stay inside the clipped Swiper viewport on hover. */
[data-related-products] .catalog-card:hover {
  transform: none;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .catalog-card h3,
  .catalog-card .catalog-card-arrow { transition: none; }
  .catalog-card:is(:hover, :focus-visible) .catalog-card-arrow { transform: none; }
}

/* Logo palette for existing theme components and legacy Tailwind utilities.
   Preserve selectors and opacity variants so the palette works without rebuilding assets.
   Color-only overrides: layout, motion and third-party branding remain unchanged. */
.quality-policy-content :is(h1,h2) { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.quality-policy-content :is(h3,h4,h5,h6) { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.quality-policy-content>:is(h1,h2):first-child:after { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.quality-policy-content :is(strong,b) { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.quality-policy-content li::marker { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.quality-policy-content>ul>li { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.quality-policy-content a { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.quality-policy-content a:focus-visible { outline-color: var(--brand-primary); }
.quality-policy-content blockquote { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.quality-policy-content :is(th,td) { border-color: #2b5e6a33; }
.quality-policy-content th { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.quality-policy-content hr { border-color: #2b5e6a33; }
.divide-\[\#00636b\]\/15>:not([hidden])~:not([hidden]) { border-color: #2b5e6a26; }
.\!border-\[\#008c95\]\/20 { border-color: #2b5e6a33 !important; }
.border-\[\#00636b\]\/15 { border-color: #2b5e6a26; }
.border-\[\#00636b\]\/20 { border-color: #2b5e6a33; }
.border-\[\#00636b\]\/25 { border-color: #2b5e6a40; }
.border-\[\#00636b\]\/30 { border-color: #2b5e6a4d; }
.border-\[\#008c95\] { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.border-\[\#008c95\]\/15 { border-color: #2b5e6a26; }
.border-\[\#008c95\]\/20 { border-color: #2b5e6a33; }
.border-\[\#008c95\]\/25 { border-color: #2b5e6a40; }
.border-\[\#008c95\]\/30 { border-color: #2b5e6a4d; }
.border-\[\#008c95\]\/40 { border-color: #2b5e6a66; }
.border-\[\#139eab\] { border-color: rgb(57 117 133 / var(--tw-border-opacity, 1)); }
.border-\[\#7de3d5\] { border-color: rgb(144 195 208 / var(--tw-border-opacity, 1)); }
.border-\[\#99eef0\]\/60 { border-color: #b5ded599; }
.border-\[\#d5e7e5\] { border-color: rgb(213 227 231 / var(--tw-border-opacity, 1)); }
.border-\[\#dcebea\] { border-color: rgb(220 232 235 / var(--tw-border-opacity, 1)); }
.border-\[\#edf5f4\] { border-color: rgb(237 243 245 / var(--tw-border-opacity, 1)); }
.bg-\[\#003d42\] { background-color: rgb(20 41 46 / var(--tw-bg-opacity, 1)); }
.bg-\[\#003d42\]\/70 { background-color: #14292eb3; }
.bg-\[\#003d42\]\/95 { background-color: #14292ef2; }
.bg-\[\#00545b\] { background-color: rgb(27 56 64 / var(--tw-bg-opacity, 1)); }
.bg-\[\#00636b\] { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.bg-\[\#008c95\] { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.bg-\[\#073d40\] { background-color: rgb(21 44 50 / var(--tw-bg-opacity, 1)); }
.bg-\[\#073d40\]\/80 { background-color: #152c32cc; }
.bg-\[\#7de3d5\] { background-color: rgb(144 195 208 / var(--tw-bg-opacity, 1)); }
.bg-\[\#99eef0\] { background-color: rgb(181 222 213 / var(--tw-bg-opacity, 1)); }
.bg-\[\#dcebea\] { background-color: rgb(220 232 235 / var(--tw-bg-opacity, 1)); }
.bg-\[\#e7f1ef\] { background-color: rgb(231 239 241 / var(--tw-bg-opacity, 1)); }
.bg-\[\#e9f7f8\] { background-color: rgb(235 244 246 / var(--tw-bg-opacity, 1)); }
.bg-\[\#edf5f4\] { background-color: rgb(237 243 245 / var(--tw-bg-opacity, 1)); }
.bg-\[\#eef4f3\] { background-color: rgb(238 243 244 / var(--tw-bg-opacity, 1)); }
.bg-\[\#eef7f6\] { background-color: rgb(238 247 242 / var(--tw-bg-opacity, 1)); }
.bg-\[\#f3f7f7\] { background-color: rgb(243 246 247 / var(--tw-bg-opacity, 1)); }
.bg-\[\#f3f8f7\] { background-color: rgb(243 248 245 / var(--tw-bg-opacity, 1)); }
.bg-\[\#f3fbfb\] { background-color: rgb(244 249 250 / var(--tw-bg-opacity, 1)); }
.bg-\[\#f5f8f7\] { background-color: rgb(245 248 246 / var(--tw-bg-opacity, 1)); }
.bg-\[linear-gradient\(90deg\,rgba\(243\,248\,247\,0\.97\)_0\%\,rgba\(243\,248\,247\,0\.94\)_26\%\,rgba\(243\,248\,247\,0\.87\)_52\%\,rgba\(243\,248\,247\,0\.55\)_100\%\)\] { background-image: linear-gradient(90deg,#f3f7f8f7,#f3f7f8f0,#f3f7f8de 52%,#f3f7f88c); }
.bg-\[radial-gradient\(circle_at_top_right\,rgba\(0\,194\,199\,0\.14\)\,transparent_48\%\)\] { background-image: radial-gradient(circle at top right,rgba(60,123,139,.14),transparent 48%); }
.from-\[\#002e32\] { --tw-gradient-from: #173c34 var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 60 52 / 0) var(--tw-gradient-to-position); }
.from-\[\#003d3b\]\/75 { --tw-gradient-from: rgb(18 38 43 / .75) var(--tw-gradient-from-position); --tw-gradient-to: rgb(18 38 43 / 0) var(--tw-gradient-to-position); }
.from-\[\#00636b\]\/45 { --tw-gradient-from: rgb(var(--brand-primary-rgb) / .45) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--brand-primary-rgb) / 0) var(--tw-gradient-to-position); }
.from-\[\#007780\] { --tw-gradient-from: #285c4c var(--tw-gradient-from-position); --tw-gradient-to: rgb(40 92 76 / 0) var(--tw-gradient-to-position); }
.via-\[\#002e32\]\/70 { --tw-gradient-to: rgb(23 60 52 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(23 60 52 / .7) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-\[\#00636b\] { --tw-gradient-to: rgb(var(--brand-primary-rgb) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--brand-primary) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-\[\#00636b\]\/25 { --tw-gradient-to: rgb(var(--brand-primary-rgb) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-primary-rgb) / .25) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-\[\#008c95\]\/35 { --tw-gradient-to: rgb(var(--brand-primary-rgb) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--brand-primary-rgb) / .35) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-\[\#002e32\]\/10 { --tw-gradient-to: rgb(23 60 52 / .1) var(--tw-gradient-to-position); }
.to-\[\#00373e\] { --tw-gradient-to: #294f48 var(--tw-gradient-to-position); }
.to-\[\#008c95\]\/5 { --tw-gradient-to: rgb(var(--brand-primary-rgb) / .05) var(--tw-gradient-to-position); }
.fill-\[\#008c95\] { fill: var(--brand-primary); }
.stroke-\[\#008c95\] { stroke: var(--brand-primary); }
.text-\[\#00636b\] { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.text-\[\#007780\] { color: rgb(40 92 76 / var(--tw-text-opacity, 1)); }
.text-\[\#008c95\] { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.text-\[\#073d40\] { color: rgb(21 44 50 / var(--tw-text-opacity, 1)); }
.text-\[\#173b3e\] { color: rgb(25 53 60 / var(--tw-text-opacity, 1)); }
.text-\[\#354e52\] { color: rgb(53 76 82 / var(--tw-text-opacity, 1)); }
.text-\[\#456164\] { color: rgb(69 94 100 / var(--tw-text-opacity, 1)); }
.text-\[\#526067\] { color: rgb(82 99 103 / var(--tw-text-opacity, 1)); }
.text-\[\#526269\] { color: rgb(82 100 105 / var(--tw-text-opacity, 1)); }
.text-\[\#6c7f83\] { color: rgb(108 126 131 / var(--tw-text-opacity, 1)); }
.text-\[\#7de3d5\]\/60 { color: #91c8b899; }
.text-\[\#99eef0\] { color: rgb(181 222 213 / var(--tw-text-opacity, 1)); }
.text-\[\#b9e9e4\] { color: rgb(191 220 227 / var(--tw-text-opacity, 1)); }
.text-\[\#b9f4e8\] { color: rgb(198 224 231 / var(--tw-text-opacity, 1)); }
.text-\[var\(--brand-secondary\,\#99eef0\)\] { color: var(--brand-secondary,#b5ded5); }
.decoration-\[\#00636b\]\/20 { text-decoration-color: #2b5e6a33; }
.shadow-\[0_18px_55px_rgba\(0\,65\,50\,\.16\)\] { --tw-shadow: 0 18px 55px rgba(19,40,46,.16); }
.shadow-\[0_20px_60px_rgba\(7\,61\,64\,0\.18\)\] { --tw-shadow: 0 20px 60px rgba(21,44,50,.18); }
.shadow-\[0_24px_64px_rgba\(7\,61\,64\,0\.18\)\] { --tw-shadow: 0 24px 64px rgba(21,44,50,.18); }
.shadow-\[0_28px_70px_rgba\(0\,34\,38\,0\.32\)\] { --tw-shadow: 0 28px 70px rgba(11,23,27,.32); }
.drop-shadow-\[0_4px_8px_rgba\(7\,61\,64\,0\.3\)\] { --tw-drop-shadow: drop-shadow(0 4px 8px rgba(21,44,50,.3)); }
.\[scrollbar-color\:\#008c95_\#e2ecea\] { scrollbar-color: var(--brand-primary) #e2eaec; }
.\[scrollbar-color\:\#008c95_transparent\] { scrollbar-color: var(--brand-primary) transparent; }
.\[scrollbar-color\:\#99eef0_transparent\] { scrollbar-color: #b5ded5 transparent; }
.backdrop\:bg-\[\#032c30\]\/85::backdrop { background-color: #0f2024d9; }
.before\:bg-\[\#00636b\]:before { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.before\:bg-\[\#99eef0\]:before { background-color: rgb(181 222 213 / var(--tw-bg-opacity, 1)); }
.after\:bg-\[\#00636b\]\/20:after { background-color: #2b5e6a33; }
.open\:border-l-\[\#008c95\][open] { border-left-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.open\:bg-\[\#f5f8f7\][open] { background-color: rgb(245 248 246 / var(--tw-bg-opacity, 1)); }
.focus-within\:border-\[\#008c95\]:focus-within { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.focus-within\:ring-\[\#008c95\]\/10:focus-within { --tw-ring-color: rgb(var(--brand-primary-rgb) / .1); }
.focus-within\:ring-\[var\(--brand-secondary\,\#99eef0\)\]:focus-within { --tw-ring-color: var(--brand-secondary,#b5ded5); }
.hover\:\!border-\[\#00636b\]:hover { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)) !important; }
.hover\:border-\[\#008c95\]:hover { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.hover\:border-\[\#008c95\]\/40:hover { border-color: #2b5e6a66; }
.hover\:border-\[\#008c95\]\/45:hover { border-color: #2b5e6a73; }
.hover\:border-\[\#008c95\]\/50:hover { border-color: #2b5e6a80; }
.hover\:border-\[\#99eef0\]:hover { border-color: rgb(181 222 213 / var(--tw-border-opacity, 1)); }
.hover\:\!bg-\[\#00636b\]:hover { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)) !important; }
.hover\:bg-\[\#003d42\]:hover { background-color: rgb(20 41 46 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#00636b\]:hover { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#073d40\]:hover { background-color: rgb(21 44 50 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#99eef0\]:hover { background-color: rgb(181 222 213 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#d6f5f5\]:hover { background-color: rgb(219 236 240 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#deeeeb\]:hover { background-color: rgb(222 235 238 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#dff8f2\]:hover { background-color: rgb(228 240 243 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#e4f2f1\]:hover { background-color: rgb(228 239 242 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#eaf5f3\]:hover { background-color: rgb(234 245 238 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#eef7f6\]:hover { background-color: rgb(238 247 242 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#f3f8f7\]:hover { background-color: rgb(243 248 245 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[var\(--brand-secondary\,\#99eef0\)\]:hover { background-color: var(--brand-secondary,#b5ded5); }
.hover\:text-\[\#003d42\]:hover { color: rgb(20 41 46 / var(--tw-text-opacity, 1)); }
.hover\:text-\[\#00636b\]:hover { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)); }
.hover\:text-\[\#7de3d5\]:hover { color: rgb(144 195 208 / var(--tw-text-opacity, 1)); }
.hover\:text-\[var\(--brand-secondary\,\#99eef0\)\]:hover { color: var(--brand-secondary,#b5ded5); }
.hover\:text-\[var\(--brand-text\,\#17221e\)\]:hover { color: var(--brand-text,#172022); }
.hover\:shadow-\[0_16px_36px_rgba\(0\,99\,107\,0\.08\)\]:hover { --tw-shadow: 0 16px 36px rgba(43,94,106,.08); }
.focus\:border-\[\#008c95\]:focus { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.focus\:ring-\[\#008c95\]\/10:focus { --tw-ring-color: rgb(var(--brand-primary-rgb) / .1); }
.focus-visible\:\!border-\[\#00636b\]:focus-visible { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)) !important; }
.focus-visible\:border-\[\#008c95\]:focus-visible { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.focus-visible\:\!bg-\[\#00636b\]:focus-visible { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)) !important; }
.focus-visible\:outline-\[\#00636b\]:focus-visible { outline-color: var(--brand-primary); }
.focus-visible\:outline-\[\#008c95\]:focus-visible { outline-color: var(--brand-primary); }
.focus-visible\:outline-\[\#7de3d5\]:focus-visible { outline-color: #91c8b8; }
.focus-visible\:outline-\[\#99eef0\]:focus-visible { outline-color: #b5ded5; }
.focus-visible\:ring-\[\#008c95\]:focus-visible { --tw-ring-color: rgb(var(--brand-primary-rgb) / var(--tw-ring-opacity, 1)); }
.focus-visible\:ring-\[\#008c95\]\/10:focus-visible { --tw-ring-color: rgb(var(--brand-primary-rgb) / .1); }
.focus-visible\:ring-\[\#008c95\]\/20:focus-visible { --tw-ring-color: rgb(var(--brand-primary-rgb) / .2); }
.focus-visible\:ring-\[\#008c95\]\/25:focus-visible { --tw-ring-color: rgb(var(--brand-primary-rgb) / .25); }
.group:hover .group-hover\:bg-\[\#00636b\] { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.group:hover .group-hover\:bg-\[\#99eef0\] { background-color: rgb(181 222 213 / var(--tw-bg-opacity, 1)); }
.group:hover .group-hover\:text-\[\#003d42\] { color: rgb(20 41 46 / var(--tw-text-opacity, 1)); }
.group:focus-visible .group-focus-visible\:bg-\[\#00636b\] { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.group:focus-visible .group-focus-visible\:bg-\[\#99eef0\] { background-color: rgb(181 222 213 / var(--tw-bg-opacity, 1)); }
.group:focus-visible .group-focus-visible\:text-\[\#003d42\] { color: rgb(20 41 46 / var(--tw-text-opacity, 1)); }
.aria-selected\:bg-\[\#007780\][aria-selected=true] { background-color: rgb(40 92 76 / var(--tw-bg-opacity, 1)); }
.aria-selected\:bg-\[\#edf5f4\][aria-selected=true] { background-color: rgb(237 243 245 / var(--tw-bg-opacity, 1)); }
.aria-selected\:\!text-\[\#00636b\][aria-selected=true] { color: rgb(var(--brand-primary-rgb) / var(--tw-text-opacity, 1)) !important; }
.aria-selected\:\!text-\[\#99eef0\][aria-selected=true] { color: rgb(181 222 213 / var(--tw-text-opacity, 1)) !important; }
.aria-\[pressed\=true\]\:border-\[\#007780\][aria-pressed=true] { border-color: rgb(40 92 76 / var(--tw-border-opacity, 1)); }
.aria-\[current\=page\]\:\!bg-\[\#007780\][aria-current=page] { background-color: rgb(40 92 76 / var(--tw-bg-opacity, 1)) !important; }
.aria-\[current\=page\]\:bg-\[\#00636b\][aria-current=page] { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.aria-\[pressed\=true\]\:bg-\[\#007780\][aria-pressed=true] { background-color: rgb(40 92 76 / var(--tw-bg-opacity, 1)); }
.data-\[selected\=true\]\:bg-\[\#00636b\][data-selected=true] { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.group[data-expanded=true] .group-data-\[expanded\=true\]\:border-\[\#00636b\] { border-color: rgb(var(--brand-primary-rgb) / var(--tw-border-opacity, 1)); }
.group[data-expanded=true] .group-data-\[expanded\=true\]\:bg-\[\#00636b\] { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
@media (min-width: 1025px) {
  .laptopMd\:border-\[\#008c95\]\/30 { border-color: #2b5e6a4d; }
}
@media (min-width: 1241px) {
  .lg\:border-\[\#00636b\]\/20 { border-color: #2b5e6a33; }
  .lg\:shadow-\[0_24px_70px_rgba\(0\,99\,107\,0\.06\)\] { --tw-shadow: 0 24px 70px rgba(43,94,106,.06); }
}
.\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-\[\#00636b\]::-webkit-scrollbar-thumb:hover { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#008c95\]::-webkit-scrollbar-thumb { background-color: rgb(var(--brand-primary-rgb) / var(--tw-bg-opacity, 1)); }
.\[\&\:\:-webkit-scrollbar-track\]\:bg-\[\#e2ecea\]::-webkit-scrollbar-track { background-color: rgb(226 238 232 / var(--tw-bg-opacity, 1)); }
@media (hover:hover) {
  .\[\@media\(hover\:hover\)\]\:hover\:border-\[\#007780\]:hover { border-color: rgb(40 92 76 / var(--tw-border-opacity, 1)); }
  .\[\@media\(hover\:hover\)\]\:hover\:bg-\[\#f5fbfa\]:hover { background-color: rgb(245 250 251 / var(--tw-bg-opacity, 1)); }
  .\[\@media\(hover\:hover\)\]\:hover\:shadow-\[0_14px_30px_-16px_rgba\(0\,99\,107\,0\.4\)\]:hover { --tw-shadow: 0 14px 30px -16px rgba(43,94,106,.4); }
}
[data-component-map] { background-color: #dfe6e8; }
[data-component-instance=hero-mtmoqm0h] { --brand-primary-seed: var(--brand-primary); --brand-primary: var(--brand-logo); --brand-primary-soft: #e0eee7; --brand-primary-glow: rgba(43, 94, 106, .18); --brand-section-dark: #152b31; }
[data-component-instance=hero-mtmoqm0h][class~="bg-[#102d55]"],[data-component-instance=hero-mtmoqm0h] [class~="bg-[#102d55]"] { background-color: #1e3e47 !important; }
[data-component-instance=hero-mtmoqm0h][class~="bg-[linear-gradient(270deg,rgba(6,25,54,0.94)_0%,rgba(17,53,101,0.75)_43%,rgba(17,53,101,0.08)_100%)]"],[data-component-instance=hero-mtmoqm0h] [class~="bg-[linear-gradient(270deg,rgba(6,25,54,0.94)_0%,rgba(17,53,101,0.75)_43%,rgba(17,53,101,0.08)_100%)]"] { background-image: linear-gradient(270deg,#12252af0,#285c4cbf 43%,#285c4c14) !important; }
[data-component-instance=hero-mtmoqm0h][class~="bg-[#0b2b57]/70"],[data-component-instance=hero-mtmoqm0h] [class~="bg-[#0b2b57]/70"] { background-color: color-mix(in srgb,#1d3d45 70%,transparent) !important; }
[data-component-instance=hero-mtmoqm0h][class~="focus-visible:ring-offset-[#0b2b57]"]:focus-visible,[data-component-instance=hero-mtmoqm0h] [class~="focus-visible:ring-offset-[#0b2b57]"]:focus-visible { --tw-ring-offset-color: #1d3d45 !important; }
[data-component-instance=hero-mtmoqm0h][class~=bg-red-600],[data-component-instance=hero-mtmoqm0h] [class~=bg-red-600] { background-color: #428799 !important; }
[data-component-instance=hero-mtmoqm0h][class~="bg-[#0B2347]"],[data-component-instance=hero-mtmoqm0h] [class~="bg-[#0B2347]"] { background-color: #193339 !important; }
[data-component-instance=hero-mtmoqm0h][class~="bg-[#202F53]"],[data-component-instance=hero-mtmoqm0h] [class~="bg-[#202F53]"] { background-color: #224751 !important; }
[data-component-instance=hero-mtmoqm0h][class~="shadow-[0_18px_55px_rgba(0,65,50,.16)]"],[data-component-instance=hero-mtmoqm0h] [class~="shadow-[0_18px_55px_rgba(0,65,50,.16)]"] { --tw-shadow: 0 18px 55px rgba(19,40,46,.16) !important; --tw-shadow-colored: 0 18px 55px rgba(19,40,46,.16) !important; }
.zirve-home-eyebrow { color: var(--brand-primary); }
.zirve-home-link:hover,.zirve-home-link:focus-visible { color: #3c7b8b; }
.zirve-home-link:focus-visible,.zirve-home-slider-controls button:focus-visible,.zirve-home-hero__controls button:focus-visible { outline: 2px solid #3c7b8b; }
.zirve-home-section-head__side p { color: #526367; }
.zirve-home-slider-controls button:hover { border-color: var(--brand-primary); background: var(--brand-primary); }
.zirve-home-hero .zirve-home-eyebrow { color: #7ab6c6; }
.zirve-home-hero__controls [data-slide-button] b { background: #3c7b8b; }
.zirve-home-hero__note span { color: var(--brand-primary); }
.zirve-home-hero__note [data-slide-note] { background: #0d1c2085; }
.zirve-home-hero__note [data-active-note] { background: #0d1c2085; }
[data-component-instance=section-mtmr99c0-mtmr99c0] { --certificate-accent: var(--brand-primary, #326876); background: radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--certificate-accent) 14%,transparent) 0,transparent 28%),radial-gradient(circle at 92% 48%,color-mix(in srgb,var(--certificate-accent) 10%,transparent) 0,transparent 30%),linear-gradient(145deg,#f8fafb 0%,var(--brand-bg, #f1f1f1) 52%,#edf5f7 100%); }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-document-card] { background: linear-gradient(145deg,#fffffffa,#f9fcfcf0); box-shadow: 0 18px 45px #172f3514,0 2px 8px #172f350a; }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-document-card]>div:first-child { background: linear-gradient(145deg,#e9edee,#d7ddde); box-shadow: 0 18px 38px #17303729,0 0 0 8px #ffffffb8; }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-action] { box-shadow: 0 5px 14px #1c3a420f; }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-document-card]:hover { box-shadow: 0 30px 70px #172f3529,0 12px 28px color-mix(in srgb,var(--certificate-accent) 12%,transparent); }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-document-card]:hover>div:first-child { box-shadow: 0 26px 52px #1a363e38,0 0 0 8px color-mix(in srgb,var(--certificate-accent) 7%,white); }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-document-card]:hover [data-document-title] { color: color-mix(in srgb,var(--certificate-accent) 75%,#112429); }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-preview-modal] { background: #0a1416c2; }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-modal-panel] { background: linear-gradient(145deg,#fff,#f4f9fb); box-shadow: 0 35px 90px #09121461,0 0 55px color-mix(in srgb,var(--certificate-accent) 15%,transparent); }
[data-component-instance=section-mtmr99c0-mtmr99c0] [data-modal-panel]>div { background: linear-gradient(145deg,color-mix(in srgb,var(--certificate-accent) 7%,white),#e7edee); }
#section-mtmxg6d2 { background: radial-gradient(circle at 8% 4%,rgba(67,139,158,.18),transparent 28rem),radial-gradient(circle at 92% 96%,rgba(61,126,143,.14),transparent 32rem),linear-gradient(145deg,#091316,#0d1b1e 46%,#060c0e) !important; }
#section-mtmxg6d2:before { background-image: linear-gradient(rgba(78,158,179,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(78,158,179,.07) 1px,transparent 1px); }
#section-mtmxg6d2 .client-logo-grid>div { border: 1px solid rgba(127,185,201,.18) !important; }
#section-mtmxg6d2 .client-logo-grid>div:before { background: radial-gradient(circle,rgba(78,158,179,.48),rgba(61,126,143,.08) 48%,transparent 70%); }
#section-mtmxg6d2 .client-logo-grid>div:after { background: linear-gradient(125deg,#7fb9c9,transparent 42%,rgba(78,158,179,.75)); }
#section-mtmxg6d2 .client-logo-grid>div:hover { border-color: #7fb9c99e !important; background: linear-gradient(145deg,#4e9eb32e,#ffffff12) !important; box-shadow: inset 0 1px #fff3,0 24px 55px #00000057,0 0 32px #3d7e8f2e; }
@media (max-width: 768px) {
  [data-component-instance=section-mtmr99c0-mtmr99c0] [data-document-card] { box-shadow: 0 16px 38px #172f351a; }
}
[data-component-instance=section-mtvkqhal-mtvkqhal] [data-project-tab]:hover>span:first-child,[data-component-instance=section-mtvkqhal-mtvkqhal] [data-project-tab]:focus-visible>span:first-child { color: var(--brand-primary, #316573) !important; }
[data-component-instance=section-mtwvsv85-mtwvsv85].lumaris-hero .lumaris-media figcaption { background: linear-gradient(135deg,#173c34f0,#2b5e6ab8); box-shadow: 0 18px 42px #0a161947; }
[data-component-instance=section-mtwvsv85-mtwvsv85].lumaris-hero [data-service-overlay] { background: linear-gradient(90deg,#1123287a,#1d3b4314 64%),linear-gradient(180deg,#1d3b430a 10%,#1d3b4340 50%,#152c32c7); }
[data-component-instance=section-mtwvsv85-mtwvsv85].lumaris-hero .lumaris-controls { background-color: #0e1d2180; box-shadow: 0 12px 28px #0e1d212e; }
.products-category-list { scrollbar-color: var(--brand-primary, var(--brand-primary)) #e3efea; }
.products-category-list::-webkit-scrollbar-track { background: #e3efea; }
.products-category-list::-webkit-scrollbar-thumb { background: var(--brand-primary, var(--brand-primary)); border: 2px solid #e3efea; }
.products-category-list::-webkit-scrollbar-thumb:hover { background: var(--brand-secondary, #3c7b8b); }
[data-component-instance=global-footer-mtmonifn] { --brand-primary: var(--brand-logo); --brand-secondary: #b5ded5; }
.whatsapp-float { box-shadow: 0 12px 30px #1f404947; }
.site-header [data-desktop-header] nav > a::after,
.site-header [data-desktop-header] [data-mega-trigger]::after { background: var(--brand-primary); }
[data-mega-panel]:not([data-mega-panel="products"]) .grid > a:is(:hover, :focus-visible) { box-shadow: 0 10px 24px rgba(22, 44, 50, .16); }
[data-mega-panel]:not([data-mega-panel="products"]) .grid > a:is(:hover, :focus-visible) > span { background: var(--brand-primary); }
[data-mega-panel] a:focus-visible { outline: 2px solid var(--brand-primary); }
[data-mega-panel] > div:first-child > a:is(:hover, :focus-visible) { color: #193339; }
[data-mega-panel="products"] li > a:is(:hover, :focus-visible) { background: var(--brand-primary); box-shadow: 0 6px 18px rgba(22, 44, 50, .12); }
[data-mega-panel="products"] li > a:is(:hover, :focus-visible) > span[aria-hidden] { color: var(--brand-primary); }

/* Tint the existing ambient video to the logo hue without changing its motion. */
[data-ambient-video] { isolation: isolate; }
[data-ambient-video]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, var(--section-green) 0%, var(--section-green) 35%, var(--section-teal) 68%, #91becd 100%);
  mix-blend-mode: color;
}

/* Photo overlays and pale category surfaces share the same logo palette. */
body .zirve-home-hero__visual-shade {
  background:
    radial-gradient(ellipse at 50% 44%, rgb(5 45 49 / .58), rgb(5 45 49 / .3) 38%, transparent 74%),
    linear-gradient(115deg, rgb(12 126 137 / .3), rgb(0 95 127 / .12) 65%, rgb(88 167 183 / .22)),
    linear-gradient(180deg, rgb(5 45 49 / .12), rgb(5 45 49 / .2) 48%, rgb(5 45 49 / .62));
}
#section-mtwvtirl .zirve-home-products__background {
  background: radial-gradient(ellipse at top left, rgb(145 200 184 / .26), transparent 75%), radial-gradient(ellipse at top right, rgb(145 190 205 / .25), transparent 80%);
}

/* Brighter green and blue balance for page introductions and the project CTA. */
[data-component-instance="global-page-banner"].site-color-gradient,
.project-contact-surface {
  background-image: linear-gradient(115deg, #176c58 0%, #216959 28%, var(--brand-logo) 66%, #377b8b 100%);
}

/* Contact validation and the October CMS toast override. */
:is([data-contact-form], [data-career-form]) :is(input, textarea)[aria-invalid="true"] {
  border-color: #dc2626;
  --tw-ring-color: rgb(220 38 38 / .15);
}
:is([data-contact-form], [data-career-form]) [data-validate-for] { color: #b91c1c; }
body:is([data-motion-page="iletisim"], [data-motion-page="insan-kaynaklari"]) .jax-flash-message {
  top: 1.25rem;
  right: 1.25rem;
  left: auto;
  margin-left: 0;
  width: min(25rem, calc(100vw - 2.5rem));
  border-radius: 1rem;
  padding: 1rem 1.25rem;
}
body:is([data-motion-page="iletisim"], [data-motion-page="insan-kaynaklari"]) .jax-flash-message.success {
  background: var(--brand-primary);
}

[data-career-form] :is([data-file-field], [data-phone-combo] > div:first-child):has(input[aria-invalid="true"]) {
  border-color: #dc2626;
  --tw-ring-color: rgb(220 38 38 / .15);
}