/* Mevcut SSL tasarımına eklenen marka, şifreleme ve OpenCart sayfaları. */
.ssl-catalog-page .ssln-hero {
  padding: 56px 0;
}
.ssl-catalog-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 64px;
  align-items: center;
}
.ssl-catalog-page .ssln-hero .ssln-h1,
.ssl-catalog-page .ssln-hero .ssln-hero__motto,
.ssl-catalog-page .ssln-hero .ssln-hero__lead,
.ssl-catalog-page .ssln-hero .ssln-feats,
.ssl-catalog-page .ssln-hero .ssln-hero__cta {
  max-width: 100%;
}
.ssl-catalog-page .ssln-hero__cta {
  margin-bottom: 0;
}
.ssl-catalog-page .ssln-hero__lead {
  margin-bottom: 24px;
}
.ssl-catalog-page .ssln-feats {
  display: grid;
  gap: 10px;
}
.ssl-catalog-visual {
  --catalog-accent: #2b7be4;
  position: relative;
  min-width: 0;
  padding: 36px 20px;
}
.ssl-catalog--sectigo .ssl-catalog-visual {
  --catalog-accent: #13a89e;
}
.ssl-catalog--geotrust .ssl-catalog-visual {
  --catalog-accent: #2387bf;
}
.ssl-catalog--thawte .ssl-catalog-visual {
  --catalog-accent: #d33b48;
}
.ssl-catalog--digicert .ssl-catalog-visual {
  --catalog-accent: #0083c4;
}
.ssl-catalog--store .ssl-catalog-visual {
  --catalog-accent: #1ca4d5;
}
.ssl-catalog-orbit {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid #dce8fa;
  background: radial-gradient(ellipse, #e4efff, #f7faff 68%);
  transform: rotate(-12deg);
}
.ssl-catalog-orbit::after {
  content: "";
  position: absolute;
  inset: 22px -12px;
  border: 1px dashed #cbdcf4;
  border-radius: 50%;
}
.ssl-catalog-cert {
  position: relative;
  z-index: 1;
  padding: 26px;
  border: 1px solid #dce6f2;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 65px -32px #234b8c60;
  transform: rotate(-3deg);
}
.ssl-catalog-cert-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 11px;
  color: #66758f;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.ssl-catalog-cert-top > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #16816e;
}
.ssl-catalog-cert-top svg {
  width: 15px;
  height: 15px;
}
.ssl-catalog-cert-mark {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.ssl-catalog-cert-mark img {
  width: 220px;
  max-width: 90%;
  height: auto;
  object-fit: contain;
}
.ssl-catalog-cert-rule {
  height: 3px;
  width: 50px;
  margin: 0 auto 18px;
  border-radius: 5px;
  background: var(--catalog-accent);
}
.ssl-catalog-cert p {
  text-align: center;
  color: #59677d;
  margin: 0 0 24px;
  font-size: 12px;
}
.ssl-catalog-bits {
  font-size: 82px;
  line-height: 1;
  color: var(--catalog-accent);
  letter-spacing: -0.05em;
}
.ssl-catalog-bits span {
  font-size: 15px;
  letter-spacing: 0.12em;
  margin-left: 8px;
}
.ssl-catalog-connection {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ssl-catalog-connection > span:not(.ssl-catalog-connection-line) {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  color: #687992;
  font-size: 10px;
}
.ssl-catalog-connection svg {
  width: 25px;
  height: 25px;
  color: var(--catalog-accent);
}
.ssl-catalog-connection-line {
  height: 1px;
  flex: 1;
  max-width: 40px;
  background: #cbdcf4;
}
.ssl-catalog-connection .ssl-catalog-connection-lock {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: #edf5ff;
  justify-content: center;
}
.ssl-catalog-visual-note {
  position: relative;
  z-index: 2;
  width: max-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 0 auto;
  padding: 12px 18px;
  font-size: 12px;
  font-weight: 600;
  color: #178371;
  background: #fff;
  border: 1px solid #dceee9;
  border-radius: 12px;
  box-shadow: 0 8px 20px -12px #21537b40;
}
.ssl-catalog-visual-note svg {
  width: 18px;
  height: 18px;
}
.ssl-catalog-store-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 20px;
  background: #eaf8fd;
}
.ssl-catalog-store-icon svg {
  width: 44px;
  height: 44px;
  color: var(--catalog-accent);
}
.ssl-catalog-store-name {
  font-size: 26px;
  color: #1798c8;
}
.ssl-catalog-page .buymessl {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.ssl-catalog-page .buymessl svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.ssl-catalog-page .ssln-svc__mark > img {
  max-width: 130px;
  width: 100%;
  height: auto;
}
.ssl-catalog-page .ssln-svc__mark > svg {
  width: 42px;
  height: 42px;
  color: var(--ssln-blue);
}
.ssl-catalog-service-bits {
  font-size: 32px;
  font-weight: 800;
  color: var(--ssln-blue);
}
.ssl-catalog-service-bits small {
  font-size: 12px;
  font-weight: 600;
}
.ssl-catalog-page .ssln-svc__n {
  display: block;
  margin-top: 14px;
  color: var(--ssln-ink);
  font-size: 14px;
  font-weight: 600;
}
.ssl-catalog-scroll-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid #f2dfb3;
  background: #fff9ed;
  border-radius: 8px;
  color: #80602f;
  font-size: 13px;
}
.ssl-catalog-scroll-note svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.ssl-catalog-page .ssl-old-price {
  color: #a24a52;
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 400;
}
.ssl-catalog-page .detailtable .ssl_product_price {
  display: block;
  font-weight: 700;
  color: var(--ssln-blue);
}
.ssl-catalog-page .detailtable[data-products="10"] table {
  width: 2100px;
}
.ssl-catalog-intro {
  max-width: 900px;
  margin: 0 auto 30px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--ssln-text);
}
.ssl-catalog-intro p {
  margin-bottom: 16px;
}
.ssl-catalog-page .sslfaq-sss {
  max-width: none;
}
.ssl-catalog-guide .sslfaq-a {
  font-size: 14px;
  line-height: 1.85;
}
.ssl-catalog-guide .sslfaq-a p {
  margin-bottom: 16px;
}
.ssl-catalog-guide .sslfaq-a p:last-child {
  margin-bottom: 0;
}
.ssl-catalog-guide .sslfaq-a ul,
.ssl-catalog-guide .sslfaq-a ol {
  margin: 16px 0;
  padding-left: 24px;
}
.ssl-catalog-guide .sslfaq-a ul {
  list-style: disc;
}
.ssl-catalog-guide .sslfaq-a ol {
  list-style: decimal;
}
.ssl-catalog-guide .sslfaq-a li {
  margin-bottom: 8px;
}
.ssl-catalog-guide .sslfaq-a a {
  color: var(--ssln-blue);
  text-decoration: underline;
  overflow-wrap: anywhere;
}
.ssl-catalog-page :is(#ssl_urunleri, #ssl_karsilastirma, #ssl_rehberi) {
  scroll-margin-top: 100px;
}
@media (max-width: 1100px) {
  .ssl-catalog-hero-grid {
    gap: 24px;
  }
  .ssl-catalog-visual {
    padding: 26px 10px;
  }
  .ssl-catalog-cert {
    padding: 22px;
  }
}
@media (max-width: 900px) {
  .ssl-catalog-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .ssl-catalog-visual {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
  }
}
@media (max-width: 680px) {
  .ssl-catalog-page .ssln-hero {
    padding: 32px 0;
  }
  .ssl-catalog-visual {
    max-width: 360px;
  }
  .ssl-catalog-cert {
    padding: 22px 18px;
  }
  .ssl-catalog-bits {
    font-size: 72px;
  }
  .ssl-catalog-cert-mark {
    min-height: 120px;
  }
  .ssl-catalog-scroll-note {
    font-size: 12px;
  }
  .ssl-catalog-page .ssln-buylist__scroll {
    outline-offset: 5px;
  }
}
.ssl-catalog-page .ssl-validation-notice {
  margin: 24px 0 0;
  padding: 16px 18px;
  border: 1px solid #d6e5f8;
  border-radius: 10px;
  background: #eef5ff;
  color: #425572;
  font-size: 13px;
  line-height: 1.7;
}
/* Karşılaştırma sütunları dar ekranda sıkışmaz; tablo kendi alanında kayar. */
.ssl-catalog-page .compareblock .detailtable table {
  max-width: none;
}

/* Yayındaki metinler, tablolar ve içerik bölümleri için katalog düzeni. */
.ssl-catalog-page .ssln-feat__ic img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.ssl-catalog-page .ssln-feat b {
  margin-right: 0.25em;
}
.ssl-catalog-page .ssl-catalog-brands {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding: 0;
  margin: 0 0 48px;
  list-style: none;
}
.ssl-catalog-brands li {
  min-width: 0;
}
.ssl-catalog-brands a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 24px 16px;
  border: 1px solid var(--ssln-line);
  border-radius: var(--ssln-r);
  background: #fff;
  color: var(--ssln-ink);
  font-size: 14px;
  font-weight: 600;
}
.ssl-catalog-brands .active a,
.ssl-catalog-brands a:hover {
  border-color: var(--ssln-blue);
}
.ssl-catalog-brands img {
  width: 150px;
  max-width: 100%;
  height: 40px;
  object-fit: contain;
}
.ssl-catalog-price-title > :is(span, h5) {
  display: inline-block;
  margin: 12px 0;
  font-size: 16px;
  font-weight: 400;
}
.ssl-catalog-price-title > small {
  display: block;
  color: var(--ssln-muted);
  margin-top: 8px;
  font-size: 12px;
}
.ssl-catalog-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px;
  border-bottom: 1px solid var(--ssln-line);
}
.ssl-catalog-filters button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid var(--ssln-line);
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--ssln-ink);
  cursor: pointer;
}
.ssl-catalog-filters button[aria-pressed="true"] {
  background: #eef5ff;
  border-color: var(--ssln-blue);
  color: var(--ssln-blue);
}
.ssl-catalog-page .ssl_product_price_old,
.ssl-catalog-page .detailtable del {
  color: #a24a52;
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 400;
}
.ssl-catalog-page .detailtable del {
  margin-right: 8px;
}
.ssl-catalog-page .ssl-catalog-article {
  max-width: 1000px;
  margin: 0 auto;
  color: var(--ssln-text);
  font-size: 15px;
  line-height: 1.9;
}
.ssl-catalog-article::after {
  content: "";
  display: block;
  clear: both;
}
.ssl-catalog-article p {
  margin: 0 0 22px;
}
.ssl-catalog-article h2 {
  clear: both;
  margin: 40px 0 20px;
  font-size: 28px;
  line-height: 1.35;
  color: var(--ssln-ink);
}
.ssl-catalog-article h3 {
  clear: both;
  margin: 32px 0 16px;
  font-size: 22px;
  line-height: 1.4;
  color: var(--ssln-ink);
}
.ssl-catalog-article :is(ul, ol) {
  padding-left: 24px;
  margin: 20px 0;
}
.ssl-catalog-article ul {
  list-style: disc;
}
.ssl-catalog-article ol {
  list-style: decimal;
}
.ssl-catalog-article a {
  color: var(--ssln-blue);
  text-decoration: underline;
  overflow-wrap: anywhere;
}
.ssl-catalog-article img {
  max-width: 100%;
  height: auto;
}
.ssl-catalog-article .ssl-catalog-article-image--left {
  float: left;
  margin: 6px 24px 16px 0;
}
.ssl-catalog-article .ssl-catalog-article-image--right {
  float: right;
  margin: 6px 0 16px 24px;
}
.ssl-catalog-video {
  background: #f7faff;
}
.ssl-catalog-video h2 {
  margin: 0 0 32px;
}
.ssl-catalog-video iframe {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  border: 0;
  border-radius: 16px;
  background: #11263d;
}
.ssl-catalog-google-rating {
  background: linear-gradient(to right, currentcolor 94%, #80868b 0%);
}
.ssl-catalog-service-rating {
  background: linear-gradient(to right, #10c5a8 84%, #80868b 0%);
}
.ssl-catalog-page .diger-urunlerimiz h2 {
  text-align: center;
}
@media (max-width: 680px) {
  .ssl-catalog-page .ssl-catalog-brands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 32px;
  }
  .ssl-catalog-brands a {
    padding: 18px 12px;
    font-size: 12px;
  }
  .ssl-catalog-filters {
    padding: 14px;
    gap: 8px;
  }
  .ssl-catalog-filters button {
    flex: 1 1 100%;
  }
  .ssl-catalog-page .ssln-page .ssl-catalog-prices tbody td.ssl-catalog-price-brand {
    grid-row: 1;
    grid-column: 1 / -1;
  }
  .ssl-catalog-page .ssln-page .ssl-catalog-prices--brand tbody td.ssl-catalog-price-brand {
    grid-column: 1;
  }
  .ssl-catalog-page .ssln-page .ssl-catalog-prices tbody td.ssl-catalog-price-amount {
    grid-row: 3;
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    text-align: left;
    color: var(--ssln-ink);
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 8px;
    background: transparent;
  }
  .ssl-catalog-page .ssln-page .ssl-catalog-prices tbody td.ssl-catalog-price-quantity {
    grid-row: 4;
    grid-column: 1;
    display: block;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
  }
  .ssl-catalog-page .ssln-page .ssl-catalog-prices tbody td.ssl-catalog-price-action {
    grid-row: 4;
    grid-column: 2;
  }
  .ssl-catalog-page .ssln-page .ssl-catalog-prices--brand tbody td.ssl-catalog-price-action {
    grid-column: 1 / -1;
  }
  .ssl-catalog-page .ssl-catalog-price-action form {
    display: block;
    width: 100%;
  }
  .ssl-catalog-article h2 {
    font-size: 24px;
  }
  .ssl-catalog-article h3 {
    font-size: 20px;
  }
  .ssl-catalog-article .ssl-catalog-article-image--left {
    margin-right: 16px;
  }
  .ssl-catalog-article .ssl-catalog-article-image--right {
    margin-left: 16px;
  }
}
