﻿.anstar-core {
  --anstar-bg: #f4f8fb;
  --anstar-panel: #ffffff;
  --anstar-ink: #071827;
  --anstar-muted: #536579;
  --anstar-line: #d7e3ed;
  --anstar-blue: #0b6fae;
  --anstar-cyan: #18a7c9;
  --anstar-radius: 8px;
  color: var(--anstar-ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.anstar-core,
.anstar-core *,
.site-header .main-navigation a,
.main-navigation a,
.anstar-core-btn,
.anstar-core-btn *,
.anstar-core-translate *,
.anstar-core-search-label {
  font-style: normal !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.site-header,
.main-navigation {
  background: #fff !important;
}

.anstar-core-hide-page-title .entry-hero,
.anstar-core-hide-page-title .page-hero-section,
.anstar-core-hide-page-title .entry-header.page-title,
.anstar-core-hide-page-title .entry-header {
  display: none !important;
}

.gtranslate_wrapper,
.gt_switcher,
.anstar-peplyo-translate,
.goog-te-gadget,
.goog-te-combo,
.skiptranslate iframe,
body > .skiptranslate {
  display: none !important;
}

.site-header .main-navigation ul,
.main-navigation ul {
  align-items: center !important;
  gap: 14px !important;
}

.main-navigation a {
  color: #243445 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.anstar-core-logo {
  margin-right: auto !important;
}

.anstar-core-logo img {
  display: block !important;
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
  object-fit: contain !important;
}

.anstar-core-translate {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 10px !important;
  z-index: 9999 !important;
}

.anstar-core-translate-current,
.anstar-core-search-label {
  display: inline-flex !important;
  min-height: 36px !important;
  align-items: center !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #8b24c5 !important;
  padding: 0 4px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.anstar-core-search-label {
  color: #8b24c5 !important;
  font-size: 0 !important;
}

.anstar-core-search-label::before {
  content: "\1F50D";
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

.anstar-core-flag {
  display: inline-flex;
  width: 22px;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
}

.anstar-core-translate-menu {
  position: absolute !important;
  top: calc(100% + 9px) !important;
  left: 0 !important;
  display: none !important;
  width: 240px !important;
  padding: 0 0 8px !important;
  border-top: 2px solid #9c27d3 !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(33, 18, 48, .12) !important;
}

.anstar-core-translate:hover .anstar-core-translate-menu,
.anstar-core-translate:focus-within .anstar-core-translate-menu {
  display: grid !important;
}

.anstar-core-translate-menu a {
  display: flex !important;
  min-height: 21px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 10px !important;
  color: #9c27d3 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.anstar-core-translate-menu a:hover {
  background: #f6e8ff !important;
}

.anstar-core-hero,
.anstar-core-section,
.anstar-core-page-head {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}

.anstar-core-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: 44px;
  align-items: center;
  padding: 68px 0 54px;
}

.anstar-core-hero h1,
.anstar-core-page-head h1,
.anstar-core-section h2 {
  margin: 0;
  color: var(--anstar-ink);
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.08;
}

.anstar-core-hero h1 {
  font-size: clamp(42px, 6vw, 72px);
}

.anstar-core-page-head h1 {
  font-size: clamp(38px, 5vw, 60px);
}

.anstar-core-section h2 {
  font-size: clamp(30px, 4vw, 44px);
}

.anstar-core p,
.anstar-core li {
  color: var(--anstar-muted);
  font-size: 17px;
  line-height: 1.75;
}

.anstar-core-kicker {
  margin: 0 0 12px !important;
  color: var(--anstar-blue) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.anstar-core-hero figure,
.anstar-core-card,
.anstar-core-section,
.anstar-core-page-head {
  border: 1px solid var(--anstar-line);
  border-radius: var(--anstar-radius);
  background: var(--anstar-panel);
}

.anstar-core-hero figure {
  margin: 0;
  overflow: hidden;
}

.anstar-core-hero figure img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.anstar-core-actions,
.anstar-core .anstar-core-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.anstar-core-btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--anstar-blue);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--anstar-blue), var(--anstar-cyan));
  color: #fff !important;
  padding: 0 20px;
  font-weight: 800;
  text-decoration: none !important;
}

.anstar-core-btn--secondary {
  background: #fff;
  color: var(--anstar-blue) !important;
}

.anstar-core-page-head,
.anstar-core-section {
  margin-top: 42px;
  padding: clamp(28px, 4vw, 46px);
}

.anstar-core-grid,
.anstar-core-steps,
.anstar-core-media-grid {
  display: grid;
  gap: 20px;
}

.anstar-core-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 28px;
}

.anstar-core-card {
  overflow: hidden;
  padding: 18px;
  box-shadow: 0 18px 38px rgba(7, 24, 39, .06);
}

.anstar-core-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 6px;
  background: #edf3f7;
}

.anstar-core-card h3 {
  margin: 20px 0 8px;
  font-size: 22px;
  line-height: 1.2;
}

.anstar-core-band {
  background: #0b1f33;
}

.anstar-core-band h2,
.anstar-core-band h3,
.anstar-core-band p {
  color: #fff;
}

.anstar-core-steps {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 28px;
}

.anstar-core-steps article {
  border: 1px solid rgba(255,255,255,.18);
  border-radius: var(--anstar-radius);
  padding: 24px;
  background: rgba(255,255,255,.06);
}

.anstar-core-steps strong {
  color: #69d3ea;
  font-size: 13px;
  letter-spacing: .12em;
}

.anstar-core-two,
.anstar-core-about-preview,
.anstar-core-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: start;
}

.anstar-core-checklist {
  margin: 0;
  padding-left: 20px;
}

.anstar-core-media-grid {
  grid-template-columns: repeat(12, 1fr);
  margin-top: 28px;
}

.anstar-core-media-grid figure {
  grid-column: span 4;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--anstar-line);
  border-radius: var(--anstar-radius);
  background: #fff;
}

.anstar-core-media-grid figure:nth-child(1),
.anstar-core-media-grid figure:nth-child(2) {
  grid-column: span 6;
}

.anstar-core-media-grid img,
.anstar-core-preview-images img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.anstar-core-media-grid figcaption {
  padding: 12px 14px;
  color: var(--anstar-muted);
  font-size: 14px;
  font-weight: 700;
}

.anstar-core-preview-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.anstar-core-preview-images img {
  border-radius: var(--anstar-radius);
}

.anstar-core-form,
.anstar-core .fluentform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 18px;
}

.fluentform button img,
.ff-btn-submit img,
.anstar-core button img,
.site-footer button img,
.footer button img {
  display: none !important;
}

.fluentform button,
.ff-btn-submit,
.anstar-core-form button {
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* Fluent Forms 3 and 4 have an empty submit-label setting in WordPress. */
body form.fluent_form_3 .ff-btn-submit,
body form.fluent_form_4 .ff-btn-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 148px !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #2f6fb2 !important;
  color: #fff !important;
  font-size: 0 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
}

body form.fluent_form_3 .ff-btn-submit::after,
body form.fluent_form_4 .ff-btn-submit::after {
  display: inline-block !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

body form.fluent_form_3 .ff-btn-submit::after {
  content: "Send RFQ" !important;
}

body form.fluent_form_4 .ff-btn-submit::after {
  content: "Submit Form" !important;
}

.anstar-core-form label,
.anstar-core .fluentform label {
  display: grid;
  gap: 7px;
  color: var(--anstar-ink);
  font-weight: 750;
}

.anstar-core-form input,
.anstar-core-form textarea,
.anstar-core .fluentform input,
.anstar-core .fluentform textarea,
.anstar-core .fluentform select {
  width: 100%;
  min-height: 46px;
  border: 1px solid #c9d8e3;
  border-radius: 6px;
  background: #fff;
  color: var(--anstar-ink);
  padding: 11px 12px;
}

.anstar-core-footer,
.site-footer,
.site-footer-wrap,
footer.site-footer {
  background: #eaf3fa !important;
  border-top: 1px solid #d7e3ed !important;
}

.anstar-core-footer {
  margin-top: 80px !important;
  color: #071827 !important;
}

.anstar-core-footer-inner {
  display: grid;
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 64px;
  padding: 46px 0 28px;
}

.anstar-core-footer h2 {
  margin: 0 0 20px;
  color: #071827;
  font-size: 22px;
  font-weight: 850;
}

.anstar-core-footer p {
  margin: 0 0 20px;
  color: #243445;
  font-size: 16px;
}

.anstar-core-footer nav {
  display: grid;
  gap: 12px;
}

.anstar-core-footer a,
.site-footer a {
  color: #0f5590 !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.anstar-core-footer a:hover {
  text-decoration: underline !important;
}

.anstar-core-footer-whatsapp {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 7px;
  background: #159f91;
  color: #fff !important;
  padding: 0 18px;
  font-weight: 850 !important;
}

.anstar-core-whatsapp-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.anstar-core-whatsapp-icon {
  flex: 0 0 auto;
}

.anstar-core-footer-form .fluentform,
.anstar-core-footer-form .anstar-core-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 0;
}

.site-footer .fluentform input,
.site-footer .fluentform textarea,
.site-footer .fluentform select,
.anstar-core-footer .anstar-core-form input,
.anstar-core-footer .anstar-core-form textarea {
  min-height: 44px !important;
  border: 1px solid #c9d8e3 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #071827 !important;
  padding: 10px 12px !important;
}

.site-footer .fluentform .ff-btn-submit,
.anstar-core-footer .anstar-core-form button {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #2f6fb2 !important;
  color: #fff !important;
  padding: 0 22px !important;
  font-weight: 800 !important;
}

.anstar-core-footer-bottom {
  grid-column: 1 / -1;
  margin-top: 28px;
  border-top: 1px solid #d1dfeb;
  padding-top: 22px;
  color: #557087;
  font-size: 14px;
}

.anstar-core-wide,
.anstar-core-form button,
.anstar-core .fluentform .ff-el-group {
  grid-column: 1 / -1;
}

.anstar-core-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.anstar-core-form-notice {
  grid-column: 1 / -1;
  margin: 0 0 16px;
  border-radius: 6px;
  padding: 12px 14px;
  font-weight: 700;
}

.anstar-core-form-notice--success {
  border: 1px solid #8bc9ac;
  background: #edf9f1;
  color: #17633b;
}

.anstar-core-form-notice--error {
  border: 1px solid #e9b0ad;
  background: #fff2f1;
  color: #8b2520;
}

.anstar-core-cta {
  text-align: center;
  background: #eaf5fa;
}

.anstar-core-faq-item {
  border-top: 1px solid var(--anstar-line);
  padding: 18px 0;
}

.anstar-core-faq-item summary {
  cursor: pointer;
  color: var(--anstar-ink);
  font-weight: 850;
}

@media (max-width: 980px) {
  .site-header .main-navigation ul,
  .main-navigation ul {
    gap: 8px !important;
  }
  .main-navigation a {
    font-size: 13px !important;
  }
  .anstar-core-logo img {
    width: 140px !important;
  }
  .anstar-core-hero,
  .anstar-core-product-grid,
  .anstar-core-steps,
  .anstar-core-two,
  .anstar-core-about-preview,
  .anstar-core-contact-grid {
    grid-template-columns: 1fr;
  }
  .anstar-core-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .anstar-core-footer-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media (max-width: 640px) {
  .anstar-core-hero,
  .anstar-core-section,
  .anstar-core-page-head {
    width: min(100% - 28px, 1160px);
  }
  .anstar-core-product-grid,
  .anstar-core-form,
  .anstar-core .fluentform,
  .anstar-core-preview-images {
    grid-template-columns: 1fr;
  }
  .anstar-core-media-grid {
    grid-template-columns: 1fr;
  }
  .anstar-core-media-grid figure:nth-child(n) {
    grid-column: auto;
  }
}
