@import url(https://images.hepsiburada.net/assets/gif/hepsiburada/web_fonts/fonts.css);

body {
  margin: 0;
  padding: 0;
}

.content-wrapper > .container {
  max-width: 100% !important;
  width: 100% !important;
}

section.static-page-main {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.static-page-main a:hover {
  text-decoration: none !important;
}

.cr_lp {
  --cr_bgcolor: #ffffff;
  --cr_textcolor: #222222;
  --cr_cta-bgcolor: #000000;
  --cr_cta-textcolor: #ffffff;
  --cr_accordion-bordercolor: #cacaca;
  --cr_accordion-buttoncolor: #f5f5f5;
  --cr_table-themecolor: #000000;
  --cr_table-headertextcolor: #ffffff;
  --cr_header-height: 400;

  width: 100%;
  background: var(--cr_bgcolor);
  font-family: "Gilroy Web", Arial, Helvetica, sans-serif;
  font-size: clamp(16px, 4cqw, 26px);
  line-height: 1.4;
  color: var(--cr_textcolor);
  background-size: cover;
  box-sizing: border-box;
}

.cr_lp *,
.cr_lp *:after,
.cr_lp *:before {
  box-sizing: border-box;

  overflow-wrap: break-word;
}

.cr_lp img {
  max-width: 100%;
}

.cr_lp a {
  font-weight: bold;
  text-decoration: underline;
  color: inherit;
}

.cr_container {
  width: 100%;
  max-width: 1200px;
  padding: 0 20px 20px 20px;
  margin-inline: auto;
  position: relative;
}

@media screen and (max-width: 480px) {
  .cr_container {
    padding: 0 10px 20px 10px;
  }
}

.cr_header {
  margin-bottom: 40px;
}

.cr_header img {
  width: 100%;
  display: block;
  height: calc(1px * var(--cr_header-height));
  -o-object-fit: none;
  object-fit: none;
}

@media screen and (max-width: 1200px) {
  .cr_header img {
    aspect-ratio: 1200 / var(--cr_header-height);
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.cr_container h2 {
  margin-top: 0;
  margin-bottom: 1em;
}

.cr_container p {
  margin: 0 0 1em 0;
}

.cr_container ul {
  margin: 20px 0 40px 1em;
  list-style: disc;
}

.cr_container ul li {
  margin-bottom: 0.6em;
  list-style: disc;
}

.cr_container ol {
  margin: 20px 0 40px 1em;
  list-style: decimal;
}

.cr_container ol li {
  margin-bottom: 0.6em;
  list-style: decimal;
}

.cr_vc {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.cr_cta {
  display: inline-block;
  background: var(--cr_cta-bgcolor);
  color: var(--cr_cta-textcolor) !important;
  font-weight: 600;
  text-decoration: none !important;
  padding: 0.6em 1em;
  border-radius: 100vw;
  margin-bottom: 30px;
}

.cr_cta:hover {
  color: var(--cr_cta-textcolor) !important;
}

.cr_table-wrapper {
  overflow-x: auto;
}

.cr_table {
  border-top: 1px solid var(--cr_table-themecolor);
  border-left: 1px solid var(--cr_table-themecolor);
  margin-bottom: 35px;
}

.cr_table tr td,
.cr_table tr th {
  border-bottom: 1px solid var(--cr_table-themecolor);
  border-right: 1px solid var(--cr_table-themecolor);
  padding: 0.5em 10px;
}

.cr_table tr th {
  background: var(--cr_table-themecolor);
  color: var(--cr_table-headertextcolor);
  text-align: left;
}

.cr_accordion {
  border: 1px solid var(--cr_accordion-bordercolor);
  border-radius: 0.5em;
  margin-bottom: 3.5cqw;

  details {
    border-top: 1px solid var(--cr_accordion-bordercolor);

    &[open] {
      border-bottom: none;
    }

    &:focus,
    &:focus-visible {
      outline: none;
    }

    &::details-content {
      display: block;
      margin-inline: 15px;
      block-size: 0;
      overflow: hidden;
      transition-property: block-size, content-visibility;
      transition-duration: 0.3s;
      transition-behavior: allow-discrete;
    }

    &[open]::details-content {
      block-size: auto;
      block-size: calc-size(auto, size);
    }

    &:first-child {
      border-top: none;
    }

    a {
      text-decoration: underline;
      color: inherit;
    }
  }

  summary {
    &:focus,
    &:focus-visible {
      outline: none;
    }

    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 600;

    &::marker {
      display: none;
      content: "";
    }

    &::before {
      display: block;
      content: "";
      width: 32px;
      height: 32px;
      flex-shrink: 0;
      border-radius: 50%;
      background: url(../images/accordion-toggle.png) no-repeat var(--cr_accordion-buttoncolor);
      background-position: center;
      background-size: 16px;
    }
  }
}

.cr_full-video {
  position: relative;
  aspect-ratio: 16/9;
  margin-bottom: 40px;
}

.cr_full-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.cr_tablet-show {
  display: none;
}

@media screen and (max-width: 1024px) {
  .cr_tablet-show {
    display: initial;
  }
}

@media screen and (max-width: 1024px) {
  .cr_tablet-hide {
    display: none;
  }
}