/* Sterilet.eu — text logo, product cards, FAQ. Extends the Top Dentistry portal styles. */

.portal-nav-brand {
  align-items: flex-start;
  text-transform: none;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.05;
  max-width: 340px;
}

.portal-nav-brand-text,
.ftco-navbar-light.scrolled .portal-nav-brand-text {
  display: block;
}

.portal-brand-tld {
  font-weight: 700;
  color: #78d5ef;
}

.ftco-navbar-light.scrolled .portal-brand-tld {
  color: #2f89fc;
}

.portal-footer-wordmark span {
  color: #78d5ef;
}

.portal-nav-tagline {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(255, 255, 255, 0.82);
  white-space: normal;
}

.ftco-navbar-light.scrolled .portal-nav-tagline {
  color: #5a6a7a;
}

.portal-footer-wordmark {
  display: inline-block;
  margin-bottom: 0.85rem;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
}

.portal-footer-wordmark:hover {
  color: #fff;
}

.sterilet-hero {
  background-color: #143c6e;
  background-image: url("../images/hero.jpg");
  background-position: 72% center;
}

.sterilet-hero .overlay {
  background: linear-gradient(135deg, rgba(20, 60, 110, 0.82) 0%, rgba(44, 140, 160, 0.72) 100%);
}

@media (min-width: 992px) {
  .sterilet-hero {
    height: 640px;
    min-height: 640px;
    background-position: center 36%;
  }

  .sterilet-hero .container {
    padding-top: 96px;
    padding-bottom: 36px;
  }
}

@media (max-width: 991.98px) {
  .sterilet-hero {
    height: auto;
    min-height: 0;
    background-position: 78% center;
  }
}

#o-saite,
#produkciya,
#soputstvuyushchaya,
#pokupatelyam,
#stati,
#voprosy,
#kontakty,
#despre,
#produse,
#produse-conexe,
#cumparatori,
#articole,
#intrebari,
#contacte {
  scroll-margin-top: 96px;
}

.sterilet-product {
  display: flex;
  flex-direction: column;
  cursor: default;
}

.sterilet-product p {
  margin-bottom: 1.25rem;
}

.sterilet-product .btn {
  margin-top: auto;
  align-self: flex-start;
}

.sterilet-page-hero {
  position: relative;
  background: linear-gradient(135deg, #143c6e 0%, #1d6a86 100%);
  color: #fff;
}

.sterilet-page-hero .container {
  position: relative;
  z-index: 2;
  padding-top: 132px;
  padding-bottom: 46px;
}

.sterilet-page-hero .breadcrumbs {
  margin-bottom: 0.9rem;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
}

.sterilet-page-hero .breadcrumbs a {
  color: #fff;
}

.sterilet-page-hero h1 {
  max-width: 860px;
  margin: 0;
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
}

.sterilet-product-layout {
  padding: 64px 0 20px;
}

.sterilet-product-photo {
  margin: 0 0 1.5rem;
  padding: 18px;
  background: #fff;
  border: 1px solid #e8eef3;
  border-radius: 4px;
}

.sterilet-product-photo img,
.sterilet-product-photo .sterilet-photo-pending {
  display: block;
  width: 100%;
  height: auto;
}

.sterilet-product-photo .sterilet-photo-pending {
  aspect-ratio: 1 / 1;
  background: #f4f8fb;
}

.sterilet-product-copy .btn {
  margin-top: 0.35rem;
}

.sterilet-product-copy p {
  font-size: 16.5px;
  line-height: 1.8;
  color: #4a5a6a;
  margin-bottom: 1.25rem;
}

.sterilet-product-copy p:last-child {
  margin-bottom: 0;
}

.sterilet-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0 0 0.5rem;
}

.sterilet-facts div {
  padding: 16px 18px;
  background: #f5f8fb;
  border: 1px solid #e8eef3;
  border-radius: 4px;
}

.sterilet-facts dt {
  margin-bottom: 0.35rem;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a8a9a;
}

.sterilet-facts dd {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  color: #1a2b3c;
}

.sterilet-related-photo {
  display: block;
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  padding: 12px;
  background: #fff;
  border: 1px solid #e8eef3;
  border-radius: 4px;
}

.sterilet-related-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.sterilet-og-banner {
  margin: 3rem auto 0;
}

.sterilet-og-banner img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 4px;
}

.sterilet-product-banner {
  padding: 8px 0 28px;
}

.sterilet-product-banner img {
  display: block;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin: 0 auto;
  border-radius: 4px;
}

.sterilet-order {
  padding-top: 36px;
}

.sterilet-order .sterilet-note {
  margin-top: 1.5rem;
}

@media (max-width: 991.98px) {
  .sterilet-page-hero .container {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .sterilet-page-hero h1 {
    font-size: 28px;
  }

  .sterilet-product-layout {
    padding-top: 40px;
  }
}

@media (max-width: 767.98px) {
  .sterilet-facts {
    grid-template-columns: 1fr;
  }
}

.sterilet-product:hover,
article.portal-section-card:hover {
  transform: none;
  border-color: #e8eef3;
  box-shadow: none;
}

.sterilet-photo {
  height: auto;
  aspect-ratio: 1 / 1;
  margin: -30px -28px 1.25rem;
  background:
    linear-gradient(180deg, rgba(47, 137, 252, 0.05), rgba(47, 137, 252, 0.02)),
    #f4f8fb;
  border-bottom: 1px solid #e8eef3;
  border-radius: 4px 4px 0 0;
}

.sterilet-product img {
  display: block;
  width: calc(100% + 56px);
  max-width: none;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: -30px -28px 1.25rem;
  object-fit: contain;
  background: #fff;
  border-bottom: 1px solid #e8eef3;
  border-radius: 4px 4px 0 0;
}

.sterilet-copy {
  max-width: 760px;
}

.sterilet-copy p,
.sterilet-feature p {
  font-size: 16.5px;
  line-height: 1.8;
  color: #5a6a7a;
}

.sterilet-buyers .portal-section-card p {
  margin-bottom: 0;
}

.sterilet-faq {
  max-width: 860px;
  margin: 0 auto;
}

.sterilet-faq-item {
  background: #fff;
  border: 1px solid #e8eef3;
  border-radius: 4px;
  margin-bottom: 12px;
}

.sterilet-faq-item h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.sterilet-faq-toggle {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border: 0;
  background: transparent;
  color: #1a2b3c;
  font: inherit;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}

.sterilet-faq-toggle:hover,
.sterilet-faq-toggle:focus {
  color: #2f89fc;
  outline: none;
}

.sterilet-faq-toggle::after {
  content: "+";
  flex: 0 0 auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #2f89fc;
}

.sterilet-faq-toggle[aria-expanded="true"]::after {
  content: "\2212";
}

.sterilet-faq-item p {
  margin: 0;
  padding: 0 22px 18px;
  font-size: 16px;
  line-height: 1.7;
  color: #5a6a7a;
}

.sterilet-note {
  max-width: 760px;
  margin: 1.75rem auto 0;
  font-size: 15px;
  line-height: 1.7;
  color: #6c757d;
}

#stati {
  border-top: 1px solid #e8eef3;
}

.sterilet-article-card {
  display: flex;
  flex-direction: column;
}

.sterilet-article-card img {
  display: block;
  width: calc(100% + 56px);
  max-width: none;
  height: auto;
  margin: -30px -28px 1.25rem;
  border-bottom: 1px solid #e8eef3;
  border-radius: 4px 4px 0 0;
}

.portal-article-body .portal-figure {
  margin-top: 0;
}

.portal-article-body .portal-figure img {
  border-color: #e8eef3;
}

.sterilet-article-card p {
  margin-bottom: 1.25rem;
}

.sterilet-article-card .btn {
  margin-top: auto;
  align-self: flex-start;
}

@media (max-width: 991.98px) {
  .ftco-navbar-light {
    background: #143c6e !important;
  }
}

.portal-footer.ftco-footer {
  background: linear-gradient(135deg, #143c6e 0%, #1d6a86 100%);
}

.portal-article-body a {
  color: #2f89fc;
  font-weight: 600;
}

.portal-article-body strong {
  color: #1a2b3c;
  font-weight: 600;
}

.sterilet-table-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 0 1.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.portal-article-body table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
}

.portal-article-body th,
.portal-article-body td {
  padding: 12px 14px;
  border: 1px solid #e8eef3;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #4a5a6a;
}

.portal-article-body thead th,
.portal-article-body tbody th {
  background: #f5f8fb;
  color: #1a2b3c;
  font-weight: 600;
}

.portal-article-body .sterilet-note {
  margin-left: 0;
  margin-right: 0;
}

.sterilet-article-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 2.25rem 0 0;
}

.sterilet-article-links a {
  font-weight: 600;
}

.sterilet-contacts {
  max-width: 760px;
  margin: 0 auto 0.5rem;
  background: #fff;
  border: 1px solid #e8eef3;
  border-radius: 4px;
}

.sterilet-contacts dl {
  margin: 0;
}

.sterilet-contacts dl > div {
  display: grid;
  grid-template-columns: 148px 1fr;
  gap: 8px 20px;
  align-items: baseline;
  padding: 18px 28px;
  border-bottom: 1px solid #e8eef3;
}

.sterilet-contacts dl > div:last-child {
  border-bottom: 0;
}

.sterilet-contacts dt {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #7a8a9a;
}

.sterilet-contacts dd {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  color: #1a2b3c;
}

.sterilet-contacts a {
  color: #1a2b3c;
  font-weight: 600;
}

.sterilet-contacts a:hover {
  color: #2f89fc;
}

.sterilet-contact-phones {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
}

@media (max-width: 991.98px) {
  #ftco-navbar > .container {
    flex-wrap: wrap;
    align-items: center;
  }

  #ftco-navbar .navbar-brand.portal-nav-brand {
    flex: 1 1 0;
    min-width: 0;
    max-width: calc(100% - 156px);
    margin-right: 8px;
    font-size: 18px;
    white-space: normal;
  }

  .portal-nav-tagline {
    max-width: none;
    overflow-wrap: break-word;
  }

  .portal-nav-tools {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    order: 1;
    margin-left: auto;
  }

  .portal-lang {
    margin-left: 0;
    margin-right: 2px;
    flex: 0 0 auto;
  }

  #ftco-navbar .navbar-toggler {
    margin-left: 0;
    padding: 4px 0 4px 6px;
    font-size: 14px;
    letter-spacing: 0.02em;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  #ftco-navbar .navbar-collapse {
    order: 2;
    flex-basis: 100%;
  }
}

@media (max-width: 767.98px) {
  .portal-hero h1 {
    font-size: 30px;
  }

  .sterilet-contacts dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 16px 18px;
  }

  .sterilet-related-photo {
    max-width: none;
    padding: 0;
  }

  .sterilet-photo,
  .sterilet-product img {
    height: auto;
  }
}