/* NiteCraft storefront refresh. Upload this file as a Tebex Asset. */
:root {
  --logo_width: 340px;
  --main-color: #f7b347;
  --hover-buy: #d99127;
  --focus-text-color: #f7b347;
  --cold-color: #f7b347;
  --green-button: #b97928;
  --light-green: #d99127;
  --disable-button: #805c33;
  --background-color: #10151e;
  --second-background: #182232;
  --third-background: #1e2b3d;
  --fourth-background: #172131;
  --package-border: #34435a;
  --secondary-text-color: #bdc7d5;
  --border-radius: 12px;
  --header-img: none;
  --tebex-legal-footer-background-color: #10151e;
  --tebex-legal-footer-text-color: #bdc7d5;
  --tebex-legal-footer-border-color: #34435a;
  --tebex-legal-footer-logo-color: #f4f6fa;
}

html { scroll-behavior: smooth; }
body { background: var(--background-color); color: #f4f6fa; }
.header-splash { height: 540px; opacity: 1; filter: none; background: linear-gradient(180deg, color-mix(in srgb, var(--nitecraft-hero-tint, #6d4b17) 52%, transparent) 0%, color-mix(in srgb, var(--nitecraft-hero-tint, #6d4b17) 72%, #10151e) 70%, #10151e 100%), var(--nitecraft-hero-image, url('https://nitecraft.us/assets/img/portada.png')) center 44% / cover no-repeat !important; }
.header-splash .teata { background: transparent !important; backdrop-filter: blur(4px); }

.triplezone-header .top-bar { align-items: center; gap: 16px; }
.triplezone-header .top-bar .back-btn,
.triplezone-header .top-bar .profile-avatar { border-radius: 999px; }
.triplezone-header .triplezone-header-g {
  gap: clamp(18px, 3vw, 52px);
  margin-top: clamp(20px, 4vw, 52px);
  align-items: center;
}
.triplezone-header .header-logo { top: 0 !important; margin: 0 auto; flex: 0 1 auto; }
.triplezone-header .header-logo a { display: block; line-height: 0; }
.triplezone-header .header-logo .header-logo-image {
  display: block;
  width: clamp(190px, 25vw, var(--logo_width)) !important;
  max-width: 100% !important;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 20px 28px rgba(0,0,0,.32));
  animation: nitecraft-logo-breathe 6s ease-in-out infinite;
}
@keyframes nitecraft-logo-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.045); } }
@media (prefers-reduced-motion: reduce) { .triplezone-header .header-logo .header-logo-image { animation: none; } }
.triplezone-header .triplezone-header-g .widget {
  flex: 0 1 260px;
  min-width: 0;
  margin: 0 !important;
  padding: 14px 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(24,34,50,.78);
}
.triplezone-header .triplezone-header-g .widget .widget-icon span { display: none; }
.triplezone-header .triplezone-header-g .widget .description-widget { min-width: 0; }
.triplezone-header .triplezone-header-g .widget .widget-title { overflow-wrap: anywhere; }
.triplezone-header .triplezone-header-g .discord-widget { flex-basis: 286px; min-width: 286px; }
.triplezone-header .triplezone-header-g .discord-widget .widget-title { white-space: nowrap; overflow-wrap: normal; }

.body--with-sidebar { align-items: start; }
.triplezone-sidebar,
.triplezone-main-content,
.triplezone-body-description,
.title-category,
.description-category,
.category__list--item,
.featured__package,
.triplezone-module { border-radius: 12px !important; }
.triplezone-main-content { min-width: 0; }
.triplezone-body-description { padding: clamp(20px, 3vw, 38px) !important; line-height: 1.6; }
.triplezone-body-description p { max-width: 74ch; }
.home-splash { align-items: center; gap: 16px; }
.home-splash .splash__goal[hidden], .nitecraft-goal-source[hidden] { display: none !important; }
.home-splash .splash__goal { min-width: 0; }
.home-splash .splash__goal .goal__title { overflow-wrap: anywhere; }
.home-splash .splash__goal .splash__goal__footer--progress { transition: width .5s ease-out; }
.body--with-sidebar .triplezone-main-content .home-splash .welcome-s p.nitecraft-home-eyebrow { font-size: var(--tiny-font); color: var(--focus-text-color); -webkit-text-fill-color: currentColor; background: none; letter-spacing: normal; }
.body--with-sidebar .triplezone-main-content .home-splash .welcome-s p.nitecraft-home-title { color: var(--main-color); font-size: 22px; letter-spacing: 2px; background: -webkit-linear-gradient(var(--cold-color), var(--main-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nitecraft-home-sections { margin-top: 26px; }
.nitecraft-home-section + .nitecraft-home-section { margin-top: 30px; }
.nitecraft-home-section h2 { margin: 0 0 12px; color: #f4f6fa; font-size: 17px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.nitecraft-home-section p { max-width: 78ch; margin: 0; color: #bdc7d5; line-height: 1.65; }
.nitecraft-home-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.nitecraft-home-buttons a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 20px; padding: 10px 16px; border-radius: 8px; font-weight: 800; text-decoration: none; transition: filter .18s ease, transform .18s ease; }
.nitecraft-home-buttons a:hover { filter: brightness(1.12); transform: translateY(-1px); }
.nitecraft-home-sections + .triplezone-modules { margin-top: 32px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.14); }
.body--with-sidebar .triplezone-sidebar .sidebar-nav li a.nitecraft-category-link.has-category-image { display: flex; align-items: center; gap: 14px; min-height: 82px; padding: 14px 20px; }
.body--with-sidebar .triplezone-sidebar .sidebar-nav li a.nitecraft-category-link.has-category-image::before { display: none !important; }
.nitecraft-category-icon { display: block; width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; }
.nitecraft-category-name { min-width: 0; overflow-wrap: anywhere; }
.nitecraft-category-link .carret { margin-left: auto; }
.category__list--item { overflow: hidden; border: 1px solid var(--package-border); }
.category__list__item--title img { width: 100%; height: auto; max-height: 280px; object-fit: contain; }
.category__list__item--buttons { gap: 8px; }
.category__list__item--buttons a { border-radius: 8px !important; }

/* The legacy cart used absolute dimensions; constrain it on phones and desktops. */
.shopping-cart-overlay .shopping-cart,
#modal .shopping-cart {
  width: min(92vw, 620px) !important;
  max-width: 620px !important;
  max-height: min(80vh, 720px);
  overflow: auto;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 14px;
  box-shadow: 0 28px 90px rgba(0,0,0,.45);
}
.shopping-cart-overlay .shopping-cart .shopping-cart-header { min-height: 84px; padding: 16px 22px !important; gap: 14px; }
.shopping-cart-overlay .shopping-cart .cart-description { min-width: 0; margin-left: 0 !important; }
.shopping-cart-overlay .shopping-cart .title-cart { overflow-wrap: anywhere; }
.shopping-cart-overlay .shopping-cart .avatar-shoppingcart img { width: 56px; height: 56px; object-fit: contain; }
.shopping-cart-overlay .shopping-cart .shopping-cart-body { padding: 24px !important; }
.shopping-cart-overlay .shopping-cart .close-shoppingcart { flex: 0 0 auto; margin-left: auto; }
.modal-dialog { max-width: min(92vw, 760px); margin: 8vh auto; }
.modal-content { border-radius: 14px; overflow: hidden; }
.modal-dialog.nitecraft-product-dialog { width: min(94vw, 1120px); max-width: 1120px; margin: 24px auto; }
.nitecraft-product-modal {
  position: relative;
  height: min(720px, calc(100vh - 48px));
  height: min(720px, calc(100dvh - 48px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: #131b28;
  box-shadow: 0 36px 110px rgba(0,0,0,.62);
}
.nitecraft-product-close {
  position: absolute;
  z-index: 5;
  top: 16px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 10px;
  background: rgba(11,16,24,.88) !important;
  color: #fff !important;
  font-size: 28px;
  line-height: 1;
  opacity: 1 !important;
  text-shadow: none !important;
  transition: border-color .18s ease, color .18s ease, transform .18s ease;
}
.nitecraft-product-close:hover { border-color: var(--main-color) !important; color: var(--main-color) !important; transform: rotate(4deg); }
.nitecraft-product-layout { display: grid; grid-template-columns: minmax(290px, 36%) minmax(0, 64%); height: 100%; min-height: 0; }
.nitecraft-product-summary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  padding: clamp(20px, 2.6vw, 36px);
  border-right: 1px solid rgba(255,255,255,.1);
  background: radial-gradient(circle at 50% 22%, rgba(247,179,71,.11), transparent 38%), #101722;
  text-align: center;
}
.nitecraft-product-eyebrow { color: var(--main-color); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.nitecraft-product-art { display: grid; place-items: center; min-height: 0; flex: 1 1 auto; margin: 10px 0 6px; overflow: hidden; }
.nitecraft-product-art img { display: block; width: min(100%, 220px); max-height: min(35vh, 220px); object-fit: contain; filter: drop-shadow(0 20px 25px rgba(0,0,0,.38)); }
.nitecraft-product-art > span { display: grid; place-items: center; width: 150px; aspect-ratio: 1; border: 1px solid var(--main-color); border-radius: 50%; color: var(--main-color); font-size: 44px; font-weight: 900; }
.nitecraft-product-summary h2 { margin: 10px 0 6px; color: #fff; font-size: clamp(23px, 2.2vw, 34px); line-height: 1.08; overflow-wrap: anywhere; }
.nitecraft-product-price { min-height: 36px; margin: 5px 0 12px; color: #fff; }
.nitecraft-product-price del { margin-right: 8px; color: #8793a6; font-size: 15px; }
.nitecraft-product-price strong { color: var(--main-color); font-size: 25px; }
.nitecraft-product-price small { font-size: 12px; letter-spacing: .1em; }
.nitecraft-product-actions { display: grid; gap: 10px; margin-top: auto; }
.nitecraft-product-actions .nitecraft-buy-button { display: flex; align-items: center; justify-content: center; min-height: 52px; border: 0; border-radius: 10px; background: var(--main-color); color: #10151e; font-weight: 900; text-transform: none; box-shadow: 0 14px 34px rgba(247,179,71,.16); }
.nitecraft-product-actions .nitecraft-buy-button:hover { background: #ffc361; color: #10151e; transform: translateY(-1px); }
.nitecraft-product-unavailable { margin: 0; padding: 13px; border: 1px solid rgba(255,95,103,.35); border-radius: 9px; color: #ff9a9f; }
.nitecraft-product-trust { display: grid; gap: 8px; margin-top: 18px; color: #8f9bae; font-size: 11px; text-align: left; }
.nitecraft-product-trust span { display: flex; align-items: center; gap: 8px; }
.nitecraft-product-trust i { color: var(--main-color); font-size: 17px; }
.nitecraft-product-details { min-width: 0; min-height: 0; height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: clamp(28px, 4vw, 52px); background: #1b2536; }
.nitecraft-product-details-head { margin: 0 54px 28px 0; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.11); }
.nitecraft-product-details-head span { color: var(--main-color); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.nitecraft-product-details-head h3 { margin: 7px 0 0; color: #fff; font-size: clamp(25px, 3vw, 40px); line-height: 1.08; }
.nitecraft-product-description { color: #c6ceda; font-size: 15px; line-height: 1.72; }
.nitecraft-product-description h1,
.nitecraft-product-description h2,
.nitecraft-product-description h3,
.nitecraft-product-description h4 { color: #fff; }
.nitecraft-product-description img { max-width: 100% !important; height: auto !important; border-radius: 10px; }
.nitecraft-product-description a { color: var(--main-color); }
.nitecraft-package-media { display: block; width: 100%; max-height: 420px; object-fit: contain; margin: 0; border-radius: 10px; background: rgba(0,0,0,.14); }
.nitecraft-package-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 14px; margin-top: 28px; }
.nitecraft-package-video { aspect-ratio: 16 / 9; max-height: none; border: 0; }
.nitecraft-checkout { max-width: 800px; margin: 30px auto; padding: clamp(20px,4vw,40px); border: 1px solid var(--package-border); border-radius: 12px; background: var(--second-background); text-align: center; }
.nitecraft-checkout h1 { color: #fff; margin-top: 0; }
.nitecraft-checkout button { border: 0; border-radius: 8px; background: #d89535; color: #10151e; font-weight: 800; padding: 14px 22px; cursor: pointer; }
.nitecraft-checkout button:disabled { opacity: .55; cursor: not-allowed; }
.nitecraft-checkout-error { color: #ffb7b7; min-height: 1.4em; }
.nitecraft-checkout-items { list-style: none; margin: 26px 0 18px; padding: 0; text-align: left; }
.nitecraft-checkout-items li { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--package-border); }
.nitecraft-checkout-items li span { flex: 1 1 180px; }
.nitecraft-checkout-items li a { margin-left: auto; color: #ffb7b7; }
.nitecraft-checkout-total { font-size: 20px; margin: 20px 0; }
.nitecraft-module-body { display: grid; gap: 8px; padding: 18px; color: #bdc7d5; }
.nitecraft-status { color: #ff9a9f; }
.nitecraft-status.is-online { color: #72d69a; }
.nitecraft-featured-showcase[hidden] { display: none !important; }
.nitecraft-featured-showcase { margin-bottom: 20px; padding: clamp(18px, 2vw, 24px); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: var(--second-background); }
.nitecraft-featured-showcase h2 { margin: 0 0 16px; color: var(--main-color); font-size: 19px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.nitecraft-featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.nitecraft-featured-showcase .nitecraft-featured-module { --feature-accent: #d89535; min-width: 0; margin: 0 !important; overflow: hidden; border: 1px solid var(--feature-accent); border-radius: 10px !important; background: color-mix(in srgb, var(--feature-accent) 13%, #1e2b3d); box-shadow: none; }
.nitecraft-featured-showcase .nitecraft-featured-module:nth-child(2) { --feature-accent: #63d7cd; }
.nitecraft-featured-showcase .nitecraft-featured-module:nth-child(3) { --feature-accent: #d9698b; }
.nitecraft-featured-showcase .nitecraft-featured-module .triplezone-module__header { display: none; }
.nitecraft-featured-package { position: relative; display: flex; align-items: center; gap: 12px; min-height: 106px; padding: 14px; color: #fff; text-align: left; text-decoration: none; transition: background .18s ease, transform .18s ease; }
.nitecraft-featured-package:hover { background: rgba(255,255,255,.06); color: #fff; text-decoration: none; transform: translateY(-2px); }
.nitecraft-featured-package img { display: block; width: 72px; height: 72px; flex: 0 0 72px; object-fit: contain; }
.nitecraft-featured-copy { display: grid; gap: 5px; min-width: 0; }
.nitecraft-featured-copy strong { color: var(--feature-accent, var(--main-color)); font-size: 15px; line-height: 1.25; overflow-wrap: anywhere; }
.nitecraft-featured-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; color: #fff; font-size: 13px; font-weight: 800; }
.nitecraft-featured-price del { color: #aeb8c6; font-size: 11px; }
.nitecraft-featured-discount { position: absolute; top: 7px; right: 7px; padding: 4px 7px; border-radius: 5px; background: var(--feature-accent, var(--main-color)); color: #10151e; font-size: 10px; font-weight: 900; }
.nitecraft-featured-package:has(.nitecraft-featured-discount) .nitecraft-featured-copy { padding-top: 18px; }
.footer-triplezone .designed-by { color: #f4f6fa !important; font-weight: 700; text-decoration: none; }
.footer-triplezone .designed-by:hover { color: var(--main-color) !important; }
.triplezone-main-content .triplezone-body-description > .triplezone-modules { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; width: 100%; margin: 32px 0 0 !important; }
.triplezone-main-content .triplezone-body-description > .triplezone-modules > .triplezone-module { width: 100%; min-width: 0; margin: 0 !important; flex: none !important; align-self: start; }
.triplezone-main-content .triplezone-body-description > .triplezone-modules > .triplezone-module:nth-child(n) { margin-top: 0 !important; }
.triplezone-main-content .triplezone-body-description > .triplezone-modules .giftcard__module { min-height: 0; }
.giftcard-result[hidden] { display: none !important; }
.giftcard-result { margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(216,149,53,.35); border-radius: 6px; background: rgba(216,149,53,.08); color: var(--secondary-text-color); }
.giftcard-result p, .triplezone-modules .giftcard__module .giftcard-result p { margin: 0; text-align: left; }
.giftcard-result--error, .giftcard-result:has(.giftcard-result__error) { border-color: rgba(224,90,90,.42); background: rgba(224,90,90,.09); }
.triplezone-modules .giftcard__module button:disabled { cursor: wait; opacity: .65; }
.footer-triplezone { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start !important; text-align: left !important; }
.footer-block { min-width: 0; }
.footer-block--center { text-align: center; }
.footer-block--right { text-align: right; }
.footer-block__title { display: inline-block; margin: 0; color: #f4f6fa !important; font-weight: 700; line-height: 1.4; text-decoration: none; }
a.footer-block__title:hover { color: var(--main-color) !important; text-decoration: none; }
.footer-block__description { margin: 2px 0 0; color: var(--secondary-text-color); font-size: var(--tiny-font); line-height: 1.45; opacity: .65; }

@media (max-width: 967px) {
  .nitecraft-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .triplezone-header .triplezone-header-g { flex-direction: column !important; gap: 14px; }
  .triplezone-header .header-logo { order: -1; }
  .triplezone-header .header-logo .header-logo-image { width: clamp(180px, 54vw, 270px) !important; }
  .triplezone-header .triplezone-header-g .widget { flex: none; width: min(100%, 360px); min-width: 0; justify-content: center; }
  .triplezone-header .triplezone-header-g .widget .description-widget { margin-left: 12px; }
  .triplezone-header .triplezone-header-g .discord-widget .description-widget { margin-right: 12px; }
  .body--with-sidebar { display: block !important; }
  .triplezone-main-content { width: 100%; }
  .shopping-cart-overlay .shopping-cart .shopping-cart-header { flex-wrap: wrap; }
}
@media (max-width: 760px), (min-width: 968px) and (max-width: 1060px) {
  .triplezone-main-content .triplezone-body-description > .triplezone-modules { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .modal-dialog.nitecraft-product-dialog { width: min(96vw, 620px); margin: 2vh auto; }
  .nitecraft-product-modal { height: auto; max-height: 96vh; max-height: 96dvh; overflow-y: auto; }
  .nitecraft-product-layout { display: block; height: auto; min-height: 0; }
  .nitecraft-product-summary { padding: 30px 22px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .nitecraft-product-art { min-height: 190px; margin-top: 12px; }
  .nitecraft-product-art img { max-height: 210px; }
  .nitecraft-product-actions { margin-top: 8px; }
  .nitecraft-product-details { height: auto; overflow: visible; padding: 30px 22px; }
  .nitecraft-product-details-head { margin-right: 44px; }
}
@media (max-width: 560px) {
  .footer-triplezone { grid-template-columns: 1fr; gap: 14px; text-align: center !important; }
  .footer-block--center, .footer-block--right { text-align: center; }
  .nitecraft-featured-grid { grid-template-columns: 1fr; }
  .triplezone-header .top-bar { gap: 8px; }
  .triplezone-header .top-bar .profile-avatar .profile-description { max-width: 145px; }
  .triplezone-header .top-bar .profile-avatar .profile-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .triplezone-header .header-logo .header-logo-image { width: min(72vw, 230px) !important; }
  .triplezone-body-description { padding: 18px !important; }
  .home-splash { display: block !important; }
  .shopping-cart-overlay .shopping-cart .shopping-cart-body { padding: 18px !important; }
  .nitecraft-product-close { top: 10px; right: 10px; width: 40px; height: 40px; }
}