/** Shopify CDN: Minification failed

Line 1019:36 Unexpected "}"

**/
h2.banner__heading.inline-richtext.h1 {
      font-weight: 500;
    font-size: 51px;
  margin-bottom: 3rem;
}
.banner__heading.inline-richtext.h1 strong {
    background: linear-gradient(to right, #cd1bfb 0%, #00ffd8 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #cd1bfb;
    font-size: 23px;
    display: block;
    margin-bottom: 15px;
  font-weight:500;
}

.slideshow.banner .slider__slide:after {
  content: " ";
  display: inline-block;
  height: 19%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.button-grading {
      display: inline-block;
    padding: 12px 10px;
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    background: radial-gradient(circle at center, #3b1c72ba, #263f63ba, #0a0a0a5e);
    border: 1px solid #ffffff0a;
    border-radius: 12px;
    box-shadow: 0 0 10px #0009;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s;
    text-align: center;
    text-decoration: none;
    width: 140px;
    margin-left: 14px;
    font-weight: 500;
}

.slideshow__slide .banner__box>*+.banner__buttons {
    margin-top: 6rem;
}

.slideshow__slide .banner__buttons a {
display: inline-block;
    padding: 12px 36px;
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    background: radial-gradient(circle at center, #3b1c72ba, #263f63ba, #0a0a0a5e);
    border: 1px solid #ffffff0a !important;
    border-radius: 7px;
    box-shadow: 0 0 10px #0009;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    vertical-align: middle;
}

.slideshow__slide .banner__buttons .button:after {
  display: none;
}

.slideshow__slide .button-grading:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(0,0,0,0.8);
}

header .link {
  font-size: 1.3rem;
}

header .header__menu-item {
    padding: 1rem;
}

.banner__box>*+.banner__text {
    font-size: 14px !important;
    font-weight: 500;
    line-height: 19px;
    color: #ffffff5e;
    max-width: 400px;
}

/* Startseite - Animieter Kasten */

.grading-partner-wrapper {
  text-align: center;
}

.grading-partner {
  max-width: 1200px; /* Oder an den Theme-Container anpassen */
  margin: 0 auto;
  color: white;
  background:linear-gradient(to bottom, #292929, #000000);
  padding: 3% 5% 3% 5%;
  border-radius:20px;
  box-shadow: 0 13px 30px #000;
  margin-top: -200px;
  z-index: 9;
  position: relative;
}
  
  #particleCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.grading-partner img {
  max-width: 150px;
  height: auto;
}

.grading-partner h2 {
  font-size: 31px;
  margin: 20px 0;
  color:#fff;
  font-weight: normal;
}

.grading-partner-logos {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
  align-content: center;
  align-items: center;
}

.grading-partner-logos img {
    max-width: 100px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.grading-partner a.link-btn {
  display: inline-block;
  padding: 10px 20px;
  background-color:transparent;
  text-decoration: underline;
  color: #fff !important;
  border-radius: 5px;
  border:0;
  margin-top: 0;
}

    @media (max-width: 768px) {

      .grading-partner {
        margin-top: 0;
      }
      
      .grading-partner-wrapper {
          padding: 20px;
      }
      
    }


/* Graded Cards Section */

.graded-cards-section {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(to bottom, #000, #00212a);
    color: white;
}
.graded-cards-section .desc-wrapper {
      max-width: 770px;
    margin: 0 auto 40px auto;
}

.graded-cards-section p {
    color:#637e85;
}
.graded-cards-section h2 {
    color: #fff;
    font-size: 53px;
    font-weight: 500;
    margin-left: 15px;
}
  .number-title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    font-size: 42px;
    font-weight: bold;
  }


  .highlight-number {
    font-size: 60px;
    font-weight: bold;
    background: linear-gradient(90deg, #892CDC, #FF6363);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
.highlight-number#countup {
  min-width: 180px;
}
  .category-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
  }
  .category-button {
    padding: 10px 30px;
    border-radius: 5px;
    background: #ffffff0a;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    display: inline-block;
  }
  .category-button:hover {
    background: rgba(255, 255, 255, 0.3);
  }


/* Animierte Schrift Bereich */

.scrolling-section {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      background-color: #000;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .scrolling-section .text-container {
      position: relative;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
    }

    .scrolling-section .text-row {
      position: relative;
      width: 100%;
      font-weight: 500;
      line-height: 1.2;
      display: flex;
      align-items: center;
      height: auto;
    }


#textTop {
      transition: transform 0.3s ease;
      justify-content: flex-start;
      padding-right: 10%;
      font-size: 18rem;
      font-weight: bold;
      position: relative;
      display: inline-block;
      color: black;
      -webkit-text-stroke: 3px transparent;
      background: linear-gradient(to bottom, #e26d73, #893ea3);
      -webkit-background-clip: text;
      -webkit-text-fill-color: black;
}

    .text-middle {
      color: #e26d73;
      font-size: 18rem;
      font-weight: 500;
      justify-content: center;
      background:linear-gradient(to right, #9a39bb, rgb(249, 176, 94));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
       text-shadow: 0 0 250px #601515, 0 0 120px #000f6c;
    }

    .text-bottom {
      transition: transform 0.3s ease;
      justify-content: flex-end;
      font-size: 18rem;
    color: black;
    -webkit-text-stroke: 3px transparent;
    background: linear-gradient(to bottom, #e26d73, #893ea3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: black;
    }

    .scrolling-section .logo {
      position: absolute;
      top: 11%;
      right: 13%;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background: url('/cdn/shop/files/zertifizerter-partner.png?v=1743514193') no-repeat center center;
      background-size: 90%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 0 20px rgba(148, 87, 235, 0.0);
    }

    .scrolling-section .logo-inner {
      width: 190px;
      height: 190px;
      border-radius: 50%;
      background:transparent;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      font-size: 1.5rem;
    }

    .scrolling-section .arrow {
      position: absolute;
      bottom: 27%;
      left: 5%;
      font-size: 28rem;
      color: #fff;
      animation: bounce 2s infinite;
    }

    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-20px);
      }
      60% {
        transform: translateY(-10px);
      }
    }

    @media (max-width: 768px) {
      .text-row {
        font-size: 3rem;
      }
      .text-middle {
        font-size: 5rem;
      }
    }

/* big headlines section */

.custom-section-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-left:20px;
  padding-right:20px;
}

.custom-section-wrapper .custom-section {
  background-color: black;
  color: white;
  padding: 50px 0 0;
}

.custom-section-wrapper .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-section-wrapper .left {
  flex: 1;
}
.custom-section-wrapper .right {
  flex: 1;
  text-align: right;
}
.custom-section-wrapper .subheadline {
  text-transform: uppercase;
  font-weight: bold;
  background: linear-gradient(to right, #cd1bfb 0%, #00ffd8 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #cd1bfb;
}
.custom-section-wrapper .headline {
  font-size: 2em;
  font-weight: bold;
  color:#fff;
  padding-right: 30%;
}
.custom-section-wrapper .text {
  color: #637e85;
  padding-left:40%
}



/* Preis Tabelle */
  .price-table-section {
    text-align: center;
    padding: 40px;
    background: #000;
    color: #fff;
    max-width:1200px;
    margin: 0 auto 4%;
    position: relative;
    overflow: hidden;
  }
  .price-table-section .table-container {
    overflow: hidden;
    max-height: 500px;
    transition: max-height 0.7s ease-in-out;
    position: relative;
    border: 1px solid transparent;
    padding: 30px 50px;
    border-radius: 15px;
    background: linear-gradient(#000000, #000000) padding-box, linear-gradient(180deg, #38e4cc, #2e113f, #000) border-box;
  }
  .price-table-section .table-container:after {
    content: " ";
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    z-index:8;
  }




  .price-table-section .price-table {
    width: 100%;
    border-collapse: collapse;
  }
  .price-table-section .price-table th {
    padding: 10px 10px 20px 10px;
    border: 0px solid #fff;    
    font-size: 1.7rem;
  }
  
  .price-table-section .price-table td {
    padding: 15px;
    border: 0px solid #fff;
    position: relative;
  }

  .price-table-section .price-table td::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #ffffff1f;
  }
  
  .price-table-section .price-table tr td:nth-child(2),
  .price-table-section .price-table tr td:nth-child(4) {
    background:#0f0f0f;
  }

  .price-table-section .price-table tr td:first-child {
    text-align:left;
  }

  .price-table-section .price-table tr:nth-child(1) td:nth-child(2),
  .price-table-section .price-table tr:nth-child(1) td:nth-child(4) {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }

  .price-table-section .price-table tr:nth-child(1) th:first-child {
    text-align:left;
  }
  
  .price-table-section .more-button {
    background: #444;
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
  }
  .price-table-section .buttons {
    display: flex;
    justify-content: center;
    margin-top: 0px;
    border-radius:15px;
    cursor: pointer;
      overflow-x: scroll;
        scrollbar-width: thin; /* Für Firefox */
    scrollbar-color: #00ffd8 #000; /* Thumb, Track */
  }

/* Für WebKit-basierte Browser */
.price-table-section .buttons::-webkit-scrollbar {
    height: 8px; /* horizontale Scrollbar-Höhe */
}

.price-table-section .buttons::-webkit-scrollbar-track {
    background: #000; /* Hintergrundfarbe der Scrollbar */
}

.price-table-section .buttons::-webkit-scrollbar-thumb {
    background-color: #00ffd8; /* Farbe des Scroll-Griffs */
    border-radius: 10px;
    border: 2px solid #000; /* Optional: für besseren Kontrast */
}

  .price-table-section .button-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8%;
    width: 100%;
    max-width: 100%;
    padding: 6% 6% 6% 6%;
  }

  .price-table-section .toggleTable-btn,
  .price-table-section #toggleTable {
    position: absolute;
    background: transparent;
    text-decoration: underline;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: var(--font-heading-family);
    z-index:12;
    padding-bottom: 0%;
  }
  .price-table-section .cta-button {
    display: inline-block;
    color: #fff;
    padding: 22px 50px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    width: 100%;
    transition: 0.3s ease;
    background:linear-gradient(to right, #262626, #040404);
    font-size: 16px;
    font-weight: 500;
  }
  .price-table-section .cta-button.active {
    box-shadow: 0 0 10px #00aaff;
    box-shadow: 0 0 11px #0ff9,0 0 58px #0064ff99,0 0 40px #0096ffb3;
    font-weight: bold
  }

  .price-table-section h2 {
    font-size: 5rem;
    font-weight: 500;
    color: #fff;
    margin-top: 1%;
  }

  .price-table-section span.headline {
        font-weight: 500;
    background: linear-gradient(to right, #cd1bfb, #00ffd8 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #cd1bfb;
    font-size: 2rem;
  }







.package-banner-wrapper {
    width: 100%;
    max-width: 730px;
    padding: 2rem 1rem;
    display: flex;
    justify-content: center;
    margin: 3rem auto 7rem;
}

.package-banner {
    background-color: #111;
    border-radius: 2rem;
    padding: 2rem 3rem;
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.package-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}
.package-description strong {
  color:#fff;
}
.package-banner h2 {
  font-size: 1.5rem;
  color: #ccc;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.package-gradient-text {
    background: linear-gradient(90deg, #b625ff, #ff7e5f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
    margin-right: 3.5rem;
    font-size: 25px;
}

.package-description {
  color: #ccc;
  font-weight: normal;
  font-size: 1.9rem;
}

.package-button {
  background: linear-gradient(90deg, #2b0b3f, #1e6476);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.package-button:hover {
  opacity: 0.9;
  transform: scale(1.03);
}

/* Responsive */
@media (max-width: 768px) {
  .package-banner {
    padding: 1.5rem;
  }

  .package-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .package-button {
    margin-top: 1rem;
    width: 100%;
    text-align: center;
  }

  .package-banner h2 {
    font-size: 1.25rem;
  }
}

.custom-section-wrapper .subheadline,
.custom-section-wrapper .headline {
  font-weight: 500;
}
.custom-section-wrapper .text {
  color: #637e85;
    padding-left: 40%;
    font-size: 13px;
    text-align: left;
    margin-top: 7%;
}


.testimonial-tabs .tab-button {
    padding: 10px 30px;
    border-radius: 5px;
    background: #ffffff0a;
    color:#ffffff9c;
    border: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    display: inline-block;
      margin-bottom: 7px;
}

.testimonial-tabs .tab-button:hover,
.testimonial-tabs .tab-button.active {
   color:#fff;
  background: #ffffff30;
  box-shadow: 0 13px 30px #000;
}

.testimonial-tabs.bg-gradient-to-b {
    max-width: 1200px;
    margin: 5rem auto 10rem;
    color: #fff;
    background: linear-gradient(to bottom, #292929, #000);
    padding: 5% 5%;
    border-radius: 20px;
    z-index: 9;
    position: relative;
    text-align: center;
    display: flex;
    min-height: 400px;
    flex-direction: column;
    justify-content: space-between;
  box-shadow: 0 13px 30px #000;
}

.testimonial-tabs .tab-content p {
    font-size: 25px;
    line-height: 34px;
    max-width: 690px;
    margin: 2rem auto 4rem;
}

.testimonial-tabs .tab-content img.rounded-full {
  border-radius: 100%
}

.testimonial-tabs button:hover,
.testimonial-tabs button:focus {
  cursor: pointer
}
.field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill, .customer .field input:focus, .customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill,
.field:hover.field:after, .select:hover.select:after, .select__select:hover.select__select:after, .customer .field:hover.field:after, .customer select:hover.select:after, .localization-form__select:hover.localization-form__select:after,
.field:before, .select:before, .customer .field:before, .customer select:before, .localization-form__select:before,
.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
  border-radius: 10px;
}




footer.footer {
  position: relative;
  background: transparent;
  
}

footer .footer__content-bottom,
footer.footer .footer__content-bottom-wrapper {
    justify-content: center;
  z-index: 9;
    position: relative;
}

footer .bg_blur {
    position: absolute;
    width: 557px;
    height: 557px;
    max-width: 100%;
    max-height: 100%;
    filter: blur(351.45px);
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    border-radius: 100%;
    background: linear-gradient(100deg, rgb(0, 186, 212) 7.72%, rgb(33, 148, 255) 118.76%);
      display: block;
}

footer .svg_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.7;
    z-index: -1;
    max-width: 100%;
    pointer-events: none;
    bottom: 0px;
    overflow: hidden;
}

@media screen and (max-width: 1400px) {
  .testimonial-tabs.bg-gradient-to-b {
      margin: 5rem 3% 10rem;
  }
 .karten-grid {
      margin: 0 3%;
}

.grading-partner {
  margin:-90px 3% 0 3%
}
  
}


@media screen and (max-width: 1000px) {
  .price-table-section {
        padding: 8px;
  }


  .price-table-section .table-container {
        padding: 30px 1%;
  overflow-x: scroll;
        scrollbar-width: thin; /* Für Firefox */
    scrollbar-color: #00ffd8 #000; /* Thumb, Track */
  }

  /* Für WebKit-basierte Browser */
  .price-table-section .table-container::-webkit-scrollbar {
      height: 8px; /* horizontale Scrollbar-Höhe */
  }
  
  .price-table-section .table-container::-webkit-scrollbar-track {
      background: #000; /* Hintergrundfarbe der Scrollbar */
  }
  
  .price-table-section .table-container::-webkit-scrollbar-thumb {
      background-color: #00ffd8; /* Farbe des Scroll-Griffs */
      border-radius: 10px;
      border: 2px solid #000; /* Optional: für besseren Kontrast */
  }
  .grading-partner h2 {
      font-size: 17px;
  }

  .grading-partner-logos {
      flex-wrap: wrap;
  }

  .custom-section-wrapper .container {
    flex-direction: column
  }
  .custom-section-wrapper .text {
    padding-left:0;
    text-align: center;
  }
  .custom-section-wrapper .left {
    text-align: center;
  }
  
  .custom-section-wrapper .headline {
    margin-bottom: 0;
    padding:0;
  text-align: center;  
    }
  
  h2.banner__heading.inline-richtext.h1{
        font-size: 29px;
      margin-bottom: 0rem;
  }

  .banner__heading.inline-richtext.h1 strong {
        margin-bottom: 11px;
        font-size: 15px;
  }

    .slideshow__slide .banner__box>*+.banner__buttons {
      margin-top: 2rem;
  }

  .package-banner-wrapper {
        padding: 2rem 4%;
    text-align: center;
  }
  .package-banner {
    text-align: center;
  }
  .package-content {
      align-items: center;
  }
.custom-section-wrapper .text {
  padding-left:3%;
  padding-right:3%;
  margin-top:0;
}

.graded-cards-section h2 {
    font-size: 33px;
    margin: 0;
    line-height: 40px;
}

  
}


  .graded-wrap { padding:0 0 56px 0; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; }
  .graded-inner { max-width:1200px; margin:0 auto; }

  .headline { display:flex; flex-wrap:wrap; gap:.5rem; align-items:baseline; justify-content:center; margin:0 0 .5rem; text-align:center; }
  .headline-number {
    font-size: clamp(2.2rem, 6vw, 4rem);
    font-weight:800;
    background: linear-gradient(90deg, #7d2cff, #ff3d7f, #ffb562);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .headline-text { font-size: clamp(1.4rem, 3.6vw, 2.6rem); font-weight:700; }
  .category-menu { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:18px 0 34px; }
  .cat-btn { display:inline-block; padding:10px 16px; border-radius:999px; transform: translateY(0px); background:#0c1d25; color:#fff; border:1px solid #143340; text-decoration:none; font-weight:600;font-size:11px; transition: all 0.5s ease-in-out;}
  .cat-btn.active {background:#fff;color:#000}
  .cat-btn:hover { transform: translateY(-5px); background: #31596a; border-color: #548091; transition: all 0.5s ease-in-out;}

  .cards-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(1,minmax(0,1fr)); gap:16px; }
  @media (min-width:600px){ .cards-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (min-width:900px){ .cards-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (min-width:1200px){ .cards-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

  .card { background:#0b1a21; border:1px solid #143340; border-radius:18px; overflow:hidden; cursor:pointer; transition: all 0.5s ease-in-out}
  .card:hover {
    background: #31596a;
    border-color: #548091;
  }
  .img-wrap { aspect-ratio: 4/7; background:#0f2028; display:flex; align-items:center; justify-content:center; }
  .img-wrap img { width:100%; height:100%; object-fit:cover; }
  .card-meta { padding:12px 14px 16px; }
  .card-title { font-size:1rem; margin:0 0 8px; line-height:1.3; color:#fff; }
  .card-info { display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .pill { font-size:.8rem; padding:6px 10px; border-radius:999px; background:#132b35; border:1px solid #1f4d60; color:#cde7f3; white-space:nowrap; }
  .muted { opacity:.85; font-size:.9rem; color:#ddd; }

/* Lightbox global */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999}
.lightbox[hidden]{display:none}
.lightbox img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 0 20px rgba(0,0,0,.5)}
.lightbox .close{position:absolute;top:20px;right:30px;font-size:2rem;font-weight:700;color:#fff;cursor:pointer}


.main-page-title.page-title {
    font-size: clamp(1.4rem, 3.6vw, 2.6rem);
    font-weight: 700;
}

@media screen and (min-width: 750px) {
    footer.footer {
        padding-top: 146px;
        padding-bottom: 146px;
    }
}


@media screen and (min-width: 990px) {
    .header:not(.drawer-menu).page-width {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 778px) {
    .grading-partner {
        margin: 0px 3% 0;
    }
}


footer.footer {margin-top:35px;}

html body .collection-hero__description .cs-countdown{  color: var(--cs-color, #fff) !important;}


.cs-countdown{
  margin-top: .75rem;
  background: var(--cs-bg, rgba(0,0,0,.55));
  color: var(--cs-color, #fff) !important;
  border-radius: 12px;
  padding: .8rem 1rem;
  display: inline-block;
  backdrop-filter: blur(2px);
  max-width: 48rem;
}
.cs-countdown__inner{ display:flex; flex-direction:column; gap:.35rem; }
.cs-badge{ font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; opacity:.9; }
.cs-line{ display:flex; gap:.5rem; align-items:baseline; flex-wrap:wrap; }
.cs-prefix{ font-weight:500; opacity:.95; }
.cs-time{ font-variant-numeric: tabular-nums; font-weight:700; font-size:clamp(1rem, 2.6vw, 1.4rem); }
.cs-expired .cs-time{ opacity:.85; }}