:root {
  --ilimera-modern-ink: #111827;
  --ilimera-modern-body: #526074;
  --ilimera-modern-muted: #718096;
  --ilimera-modern-border: #e2e8f0;
  --ilimera-modern-surface: #ffffff;
  --ilimera-modern-soft: #f7fafc;
  --ilimera-modern-accent: #08a9c2;
  --ilimera-modern-green: #348d5c;
  --ilimera-modern-radius: 18px;
  --ilimera-modern-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}

/* The shared PHP header owns every route; retain the React header only as an
 * internal compatibility component so the compiled application is untouched. */
.ilimera-legacy-pro-page {
  min-height: 100vh;
  min-height: 100dvh;
}

.ilimera-legacy-pro-shell #root {
  min-height: 0;
  outline: 0;
}

.ilimera-legacy-pro-shell #root > div {
  min-height: 0 !important;
}

.ilimera-legacy-pro-shell #root > div > header {
  display: none !important;
}

.ilimera-legacy-pro-shell #root main {
  min-height: clamp(520px, 72vh, 920px);
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main {
  color: var(--ilimera-modern-ink);
  background:
    radial-gradient(circle at 8% 12%, rgba(52, 141, 92, .07), transparent 24rem),
    radial-gradient(circle at 94% 34%, rgba(8, 169, 194, .07), transparent 28rem),
    #fff;
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main h1,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main h2,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main h3,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main h4 {
  color: var(--ilimera-modern-ink);
  font-family: Sora, sans-serif;
  letter-spacing: -.025em;
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main p,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main li,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main td {
  line-height: 1.72;
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main [data-slot="card"] {
  border: 1px solid var(--ilimera-modern-border);
  border-radius: var(--ilimera-modern-radius);
  color: var(--ilimera-modern-ink);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 34px rgba(15, 23, 42, .06);
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main [data-slot="card"]:hover {
  border-color: rgba(8, 169, 194, .28);
  box-shadow: var(--ilimera-modern-shadow);
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main [data-slot="button"] {
  min-height: 46px;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: none;
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main [data-slot="button"].bg-primary {
  color: #fff;
  background: linear-gradient(135deg, #079eb5, #13b9ce);
  box-shadow: 0 12px 25px rgba(8, 169, 194, .2);
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main input,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main textarea,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main [role="combobox"] {
  min-height: 48px;
  border-color: #d7e0e8;
  border-radius: 10px;
  color: var(--ilimera-modern-ink);
  background: #fff;
}

html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main input:focus,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main textarea:focus,
html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main [role="combobox"]:focus-visible {
  border-color: var(--ilimera-modern-accent);
  outline: 3px solid rgba(8, 169, 194, .13);
}

/* Shared full-width page heroes. */
html[data-ilimera-route="about"] #root main > div > section:first-child,
html[data-ilimera-route="products"] #root main > div > section:first-child,
html[data-ilimera-route="activities"] #root main > div > section:first-child,
html[data-ilimera-route="contact"] #root main > div > section:first-child {
  display: grid;
  align-items: center;
  min-height: 390px;
  padding-block: 90px;
  isolation: isolate;
}

html[data-ilimera-route="about"] #root main > div > section:first-child::after,
html[data-ilimera-route="products"] #root main > div > section:first-child::after,
html[data-ilimera-route="activities"] #root main > div > section:first-child::after,
html[data-ilimera-route="contact"] #root main > div > section:first-child::after {
  position: absolute;
  z-index: 6;
  inset: 0;
  background:
    linear-gradient(110deg, rgba(10, 34, 31, .94), rgba(15, 67, 62, .82) 48%, rgba(8, 169, 194, .55)),
    linear-gradient(0deg, rgba(15, 23, 42, .12), rgba(15, 23, 42, .12));
  content: "";
}

html[data-ilimera-route="about"] #root main > div > section:first-child h1,
html[data-ilimera-route="products"] #root main > div > section:first-child h1,
html[data-ilimera-route="activities"] #root main > div > section:first-child h1,
html[data-ilimera-route="contact"] #root main > div > section:first-child h1 {
  color: #fff;
  font-size: clamp(40px, 5vw, 64px);
  line-height: 1.08;
}

html[data-ilimera-route="about"] #root main > div > section:first-child p,
html[data-ilimera-route="products"] #root main > div > section:first-child p,
html[data-ilimera-route="activities"] #root main > div > section:first-child p,
html[data-ilimera-route="contact"] #root main > div > section:first-child p {
  color: rgba(255, 255, 255, .88);
  font-size: 18px;
}

/* About. */
html[data-ilimera-route="about"] #root main > div > section:nth-child(even) {
  border-block: 1px solid #edf1f5;
  background: rgba(247, 250, 252, .75);
}

html[data-ilimera-route="about"] #root main img[alt="CEO"] {
  border: 7px solid #fff;
  box-shadow: 0 22px 52px rgba(15, 23, 42, .18);
}

html[data-ilimera-route="about"] #root main img[alt="İlimera Teknoloji Ekibi"] {
  border-radius: 22px;
  box-shadow: var(--ilimera-modern-shadow);
}

html[data-ilimera-route="about"] #root main .ceo-message-title::before,
html[data-ilimera-route="about"] #root main .about-story-title::before,
html[data-ilimera-route="about"] #root main .values-title::before {
  display: block;
  width: 48px;
  height: 3px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ilimera-modern-green), var(--ilimera-modern-accent));
  content: "";
}

html[data-ilimera-route="about"] #root main .values-title::before {
  margin-inline: auto;
}

html[data-ilimera-route="about"] #root main .mission-title,
html[data-ilimera-route="about"] #root main .vision-title {
  color: var(--ilimera-modern-green);
}

html[data-ilimera-route="about"] #root main .values-item-title {
  margin-top: 4px;
}

/* Product grid. */
html[data-ilimera-route="products"] #root main > div > section:nth-child(2) {
  padding-block: 90px;
}

html[data-ilimera-route="products"] #root main [data-slot="card"] {
  position: relative;
  overflow: hidden;
}

html[data-ilimera-route="products"] #root main [data-slot="card"]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: var(--card-accent, var(--ilimera-modern-accent));
  content: "";
}

html[data-ilimera-route="products"] #root main [data-slot="card"]:has(a[href$="/frigolive"]) { --card-accent: #348d5c; }
html[data-ilimera-route="products"] #root main [data-slot="card"]:has(a[href$="/shalteron"]) { --card-accent: #348d5c; }
html[data-ilimera-route="products"] #root main [data-slot="card"]:has(a[href$="/shalteron-s"]) { --card-accent: #0ea5a8; }
html[data-ilimera-route="products"] #root main [data-slot="card"]:has(a[href$="/akilli-gecis-sistemi"]) { --card-accent: #8a78f5; }
html[data-ilimera-route="products"] #root main [data-slot="card"]:has(a[href$="/neurotrack"]) { --card-accent: #5b8cff; }

html[data-ilimera-route="products"] #root main [data-slot="card"] .aspect-video {
  overflow: hidden;
  background: linear-gradient(145deg, #f8fbfc, #eef7f8);
}

html[data-ilimera-route="products"] #root main [data-slot="card"] .aspect-video img {
  object-fit: contain;
  padding: 22px;
  transition: transform .45s ease;
}

html[data-ilimera-route="products"] #root main [data-slot="card"]:hover .aspect-video img {
  transform: scale(1.035);
}

/* Product, board and app detail pages. */
html[data-ilimera-route="product-detail"] #root main,
html[data-ilimera-route="development-board-detail"] #root main,
html[data-ilimera-route="mobile-app"] #root main,
html[data-ilimera-route="development-boards"] #root main {
  --product-accent: var(--ilimera-modern-accent);
}

html[data-ilimera-product="frigolive"] #root main { --product-accent: #348d5c; }
html[data-ilimera-product="shalteron"] #root main { --product-accent: #348d5c; }
html[data-ilimera-product="shalteron-s"] #root main { --product-accent: #72b83c; }
html[data-ilimera-product="akilli-gecis-sistemi"] #root main { --product-accent: #7c69eb; }
html[data-ilimera-product="neurotrack"] #root main { --product-accent: #4f7fe5; }

html[data-ilimera-route="product-detail"] #root main > div,
html[data-ilimera-route="development-board-detail"] #root main > div,
html[data-ilimera-route="mobile-app"] #root main > div,
html[data-ilimera-route="development-boards"] #root main > div,
html[data-ilimera-route="legal"] #root main > div {
  padding-top: 58px;
  padding-bottom: 88px;
}

html[data-ilimera-route="product-detail"] #root main section,
html[data-ilimera-route="development-board-detail"] #root main section,
html[data-ilimera-route="mobile-app"] #root main section {
  scroll-margin-top: 100px;
}

html[data-ilimera-route="product-detail"] #root main h1,
html[data-ilimera-route="development-board-detail"] #root main h1,
html[data-ilimera-route="mobile-app"] #root main h1,
html[data-ilimera-route="development-boards"] #root main h1 {
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.1;
}

html[data-ilimera-route="product-detail"] #root main h2,
html[data-ilimera-route="development-board-detail"] #root main h2,
html[data-ilimera-route="mobile-app"] #root main h2 {
  position: relative;
  padding-bottom: 14px;
}

html[data-ilimera-route="product-detail"] #root main h2::after,
html[data-ilimera-route="development-board-detail"] #root main h2::after,
html[data-ilimera-route="mobile-app"] #root main h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 54px;
  height: 3px;
  border-radius: 999px;
  background: var(--product-accent);
  content: "";
}

html[dir="rtl"][data-ilimera-route="product-detail"] #root main h2::after,
html[dir="rtl"][data-ilimera-route="development-board-detail"] #root main h2::after,
html[dir="rtl"][data-ilimera-route="mobile-app"] #root main h2::after {
  right: 0;
  left: auto;
}

html[data-ilimera-route="product-detail"] #root main table {
  overflow: hidden;
  border-radius: 14px;
}

html[data-ilimera-route="product-detail"] #root main tr:nth-child(odd),
html[data-ilimera-route="development-board-detail"] #root main tr:nth-child(odd) {
  background: color-mix(in srgb, var(--product-accent) 5%, white);
}

/* Unified product specification presentation.
 * React product data stays untouched; this only normalizes the existing rows
 * to the same compact two-column language used by SHALTERON. */
html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-section > [data-slot="card"],
html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card {
  width: min(100%, 48rem);
  max-width: 48rem !important;
  gap: 0 !important;
  overflow: hidden;
  border-color: #d9e0e8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card > [data-slot="card-content"] {
  padding: 0 !important;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card :is(.grid, .space-y-6) {
  gap: 0 !important;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card .space-y-6 > :not(:last-child) {
  margin-block-end: 0 !important;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card .ilimera-product-spec-group-title {
  margin: 0 !important;
  padding: 11px 16px !important;
  border-bottom: 1px solid #d9e0e8 !important;
  background: color-mix(in srgb, var(--product-accent) 9%, #fff);
  color: #243243;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.4;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row {
  display: grid !important;
  grid-template-columns: minmax(160px, 34%) minmax(0, 1fr);
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e2e7ed !important;
  background: #fff !important;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row.is-alt {
  background: color-mix(in srgb, var(--product-accent) 4%, #fff) !important;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row > span {
  min-width: 0;
  padding: 13px 16px;
  color: #334155 !important;
  font-size: 15px;
  line-height: 1.5;
  text-align: start;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row > span:first-child {
  border-inline-end: 1px solid #e2e7ed;
  color: #263548 !important;
  font-weight: 650 !important;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table {
  width: 100%;
  color: #334155;
  font-size: 15px;
  line-height: 1.5;
  table-layout: fixed;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table td {
  padding: 13px 16px !important;
  border-color: #e2e7ed !important;
  color: #334155 !important;
  text-align: start;
  vertical-align: top;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table td:first-child {
  width: 34% !important;
  border-inline-end: 1px solid #e2e7ed;
  color: #263548 !important;
  font-weight: 650 !important;
}

html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table tr:nth-child(odd) {
  background: color-mix(in srgb, var(--product-accent) 4%, #fff) !important;
}

html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card {
  border-color: #37414d;
  background: #171c22;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card .ilimera-product-spec-group-title {
  border-color: #37414d !important;
  background: color-mix(in srgb, var(--product-accent) 15%, #171c22);
  color: #f1f5f9;
}

html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row,
html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table tr {
  background: #171c22 !important;
}

html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row.is-alt,
html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table tr:nth-child(odd) {
  background: color-mix(in srgb, var(--product-accent) 10%, #171c22) !important;
}

html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row,
html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row > span:first-child,
html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table td {
  border-color: #37414d !important;
}

html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row > span,
html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table td {
  color: #d7dee7 !important;
}

html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row > span:first-child,
html.dark[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table td:first-child {
  color: #f4f7fb !important;
}

@media (max-width: 640px) {
  html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row {
    grid-template-columns: minmax(112px, 42%) minmax(0, 1fr);
  }

  html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-row > span,
  html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table td {
    padding: 11px 12px !important;
    font-size: 13.5px;
    line-height: 1.45;
  }

  html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-table td:first-child {
    width: 42% !important;
  }

  html[data-ilimera-route="product-detail"] #root main .ilimera-product-spec-card .ilimera-product-spec-group-title {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }
}

html[data-ilimera-route="product-detail"] #root main iframe,
html[data-ilimera-route="mobile-app"] #root main iframe {
  border-radius: 16px;
  box-shadow: var(--ilimera-modern-shadow);
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] img,
html[data-ilimera-route="development-board-detail"] #root main [data-slot="card"] img {
  object-fit: contain;
  background: linear-gradient(145deg, #f8fbfc, #edf6f7);
}

/* Legacy product routes use the same spacious card language as the Pro pages. */
html:is(
  [data-ilimera-route="product-detail"],
  [data-ilimera-route="development-board-detail"],
  [data-ilimera-route="mobile-app"]
) #root main > div > section:first-of-type {
  overflow: hidden;
  padding: clamp(24px, 4vw, 54px) !important;
  border: 1px solid var(--ilimera-modern-border);
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 12%, rgba(8, 169, 194, .1), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(247, 250, 252, .98));
  box-shadow: var(--ilimera-modern-shadow);
}

html:is(
  [data-ilimera-route="product-detail"],
  [data-ilimera-route="development-board-detail"],
  [data-ilimera-route="mobile-app"],
  [data-ilimera-route="development-boards"]
) #root main h1 {
  width: fit-content;
  max-width: 100%;
  color: #176ac2;
  background: linear-gradient(100deg, #278b59, #078fa7 48%, #176ac2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[dir="rtl"]:is(
  [data-ilimera-route="product-detail"],
  [data-ilimera-route="development-board-detail"],
  [data-ilimera-route="mobile-app"],
  [data-ilimera-route="development-boards"]
) #root main h1 {
  background: linear-gradient(260deg, #278b59, #078fa7 48%, #176ac2);
  background-clip: text;
  -webkit-background-clip: text;
}

/* New Development Boards listing. */
html[data-ilimera-route="development-boards"] #root main > div {
  padding-block: clamp(54px, 7vw, 92px);
}

html[data-ilimera-route="development-boards"] #root main > div > div > h1 {
  margin: 0 auto 44px;
  text-align: center;
  text-wrap: balance;
}

html[data-ilimera-route="development-boards"] #root main > div > div > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch;
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] {
  position: relative;
  max-width: none !important;
  height: 100%;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 20px;
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #278b59, #08a9c2, #176ac2);
  content: "";
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div {
  display: flex !important;
  height: 100%;
  min-height: 460px;
  flex-direction: column;
  align-items: stretch !important;
  gap: 18px !important;
  padding: 20px !important;
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div > :first-child {
  width: 100% !important;
  height: 238px !important;
  overflow: hidden;
  border-radius: 14px;
  background: linear-gradient(145deg, #f8fbfc, #edf6f7);
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div > :first-child img {
  width: 100%;
  height: 100%;
  padding: 10px;
  object-fit: contain;
  transition: transform .4s cubic-bezier(.2, .72, .25, 1);
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div > :nth-child(2) {
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: center;
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] h3 {
  margin-bottom: 10px;
  font-size: 19px;
  line-height: 1.3;
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--ilimera-modern-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div > :last-child {
  margin-top: auto;
}

html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div > :last-child a,
html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div > :last-child button {
  width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  html[data-ilimera-route="development-boards"] #root main [data-slot="card"]:hover > div > :first-child img {
    transform: scale(1.045);
  }
}

html.dark:is(
  [data-ilimera-route="product-detail"],
  [data-ilimera-route="development-board-detail"],
  [data-ilimera-route="mobile-app"]
) #root main > div > section:first-of-type {
  border-color: #30353d;
  background:
    radial-gradient(circle at 92% 12%, rgba(32, 191, 203, .12), transparent 34%),
    linear-gradient(145deg, rgba(23, 26, 31, .99), rgba(17, 22, 29, .99));
  box-shadow: 0 24px 64px rgba(0, 0, 0, .32);
}

/* Activities and contact. */
html[data-ilimera-route="activities"] #root main > div > div.py-12,
html[data-ilimera-route="contact"] #root main > div > section:not(:first-child) {
  padding-block: 84px;
}

html[data-ilimera-route="activities"] #root main [data-slot="card"] {
  background: rgba(255, 255, 255, .94);
  backdrop-filter: none;
}

html[data-ilimera-route="activities"] #root main [data-slot="card"] svg,
html[data-ilimera-route="contact"] #root main [data-slot="card"] svg {
  color: var(--ilimera-modern-green);
}

html[data-ilimera-route="contact"] #root main iframe {
  height: 430px !important;
  border-radius: 14px;
}

html[data-ilimera-route="contact"] #root main form label {
  margin-bottom: 8px;
  color: #273244;
}

html[data-ilimera-route="contact"] #root main form textarea {
  min-height: 150px;
}

/* Legal documents. */
html[data-ilimera-route="legal"] #root main > div {
  width: min(100% - 32px, 960px);
  max-width: 960px;
  margin-block: 58px 88px;
  padding: clamp(28px, 5vw, 62px);
  border: 1px solid var(--ilimera-modern-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--ilimera-modern-shadow);
}

html[data-ilimera-route="legal"] #root main h1 {
  padding-bottom: 22px;
  border-bottom: 1px solid var(--ilimera-modern-border);
  font-size: clamp(34px, 5vw, 50px);
}

html[data-ilimera-route="legal"] #root main h2 {
  margin-top: 36px;
  color: #1c6846;
}

html[data-ilimera-route="legal"] #root main li::marker {
  color: var(--ilimera-modern-green);
}

@media (max-width: 767px) {
  html[data-ilimera-route="about"] #root main > div > section:first-child,
  html[data-ilimera-route="products"] #root main > div > section:first-child,
  html[data-ilimera-route="activities"] #root main > div > section:first-child,
  html[data-ilimera-route="contact"] #root main > div > section:first-child {
    min-height: 320px;
    padding-block: 62px;
  }

  html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main [data-slot="card"] {
    border-radius: 14px;
  }

  html[data-ilimera-route="product-detail"] #root main > div,
  html[data-ilimera-route="development-board-detail"] #root main > div,
  html[data-ilimera-route="mobile-app"] #root main > div,
  html[data-ilimera-route="development-boards"] #root main > div {
    padding-top: 36px;
    padding-bottom: 68px;
  }

  html[data-ilimera-route="contact"] #root main iframe {
    height: 330px !important;
  }

  html[data-ilimera-route="legal"] #root main > div {
    width: min(100% - 24px, 960px);
    margin-block: 28px 64px;
    padding: 24px 20px;
  }

  html:is(
    [data-ilimera-route="product-detail"],
    [data-ilimera-route="development-board-detail"],
    [data-ilimera-route="mobile-app"]
  ) #root main > div > section:first-of-type {
    width: min(100% - 24px, 1280px);
    padding: 24px 18px !important;
    border-radius: 20px;
  }

  html[data-ilimera-route="development-boards"] #root main > div > div > h1 {
    margin-bottom: 30px;
    font-size: clamp(34px, 10vw, 46px);
  }

  html[data-ilimera-route="development-boards"] #root main > div > div > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div {
    min-height: 0;
  }

  html[data-ilimera-route="development-boards"] #root main [data-slot="card"] > div > :first-child {
    height: min(72vw, 300px) !important;
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  html[data-ilimera-route="development-boards"] #root main > div > div > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main *,
  html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main *::before,
  html[data-ilimera-route]:not([data-ilimera-route="home"]) #root main *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}