@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
:root {
  --color-primary: #41C4C3;
  --bg-image: url("https://template-assets.tebex.io/images/page-bg.jpg");
}

body {
  font-family: Lato, sans-serif;
}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 400px;
  z-index: -1;
  background: var(--bg-image) center center/cover no-repeat;
  mask-image: linear-gradient(rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.25));
  pointer-events: none;
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
  border-radius: 2px;
}

.btn-primary:hover, .btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  box-shadow: 0 0 6px rgb(from var(--btn-color-bg-hover) r g b/0.6);
}

.quantity-field {
  border-radius: 5px;
}

.site-header-inner .info .image {
  border-radius: 5px;
}

.site-sale-banner {
  border-radius: 5px;
}

.site-home-categories .category {
  border-radius: 5px;
  padding: 20px var(--widget-padding);
  background: var(--color-brighter-bg);
  transition: color 0.15s ease-in-out;
}
.site-home-categories .category:hover {
  color: var(--color-primary);
}

.category-description {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-text {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
.store-text h1,
.store-text h2,
.store-text h3,
.store-text h4,
.store-text h5,
.store-text h6 {
  text-align: center;
}

.store-products-list .store-product,
.store-products-images .store-product {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-products-images .store-product {
  text-align: center;
}

.widget-title {
  text-align: center;
}

.widget .store-product {
  text-align: center;
}

.no-products {
  color: var(--color-text-secondary);
  background: var(--color-brighter-bg);
  border-radius: 5px;
}

.store-product-full {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-product .quantity-field {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
.store-product .quantity-field input[type=number] {
  border: none;
}

@media (width > 960px) {
  .navigation-horizontal > ul {
    border-radius: 5px;
  }
}
.navigation-horizontal .has-children > ul {
  border-radius: 5px;
}

.widget {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
@media (width <= 960px) {
  .widget.site-navigation {
    border-radius: 0;
    background: transparent;
  }
}

.widget-gift-card .gift-card-input {
  border-radius: 2px;
}

.widget-top-donator .avatar {
  border-radius: 50%;
}

.widget-community-goal .progress,
.widget-goal .progress {
  border-radius: 2px;
}
.widget-community-goal .progress-bar,
.widget-goal .progress-bar {
  border-radius: 2px;
}

.popup-content {
  border-radius: 5px;
}

.popup-close {
  border-radius: 0 5px 0 5px;
}

.basket-popup-content,
.basket-popup-content .popup-close {
  border-radius: 0;
}

.basket-items {
  padding: var(--widget-padding) calc(var(--content-padding) - var(--widget-padding));
}

.basket-item {
  border-radius: 5px;
}
.basket-item .quantity {
  border-radius: 2px;
}

.toast {
  border-radius: 6px;
}

.toast-close {
  border-radius: 2px;
}

.store-category-tiered {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-category-tiered-header h1,
.store-category-tiered-header h2,
.store-category-tiered-header h3,
.store-category-tiered-header h4,
.store-category-tiered-header h5,
.store-category-tiered-header h6 {
  text-align: center;
}

.store-product-tiered {
  border-radius: 5px;
  background: rgb(from var(--color-bg) r g b/0.5);
}

.media-slider .slider,
.media-slider .thumb {
  border-radius: 5px;
}
.media-slider .open-lightbox {
  border-radius: 2px;
}

.popup.popup-media-slider .thumb {
  border-radius: 5px;
}
.popup.popup-media-slider .popup-close {
  border-radius: 5px;
}

/* V12: Typography — Space Grotesk for headings */
.sec-title2, .cat-hdr-h1, .pkg-name, .sc2-name, .why-card-title,
.bento-title, .bento-big-title, .cta-title2, .pkg-title,
.hero2-h1, .stat-n2, .pc-bar-name, .footer-brand-logo {
  font-family: 'Space Grotesk', 'Barlow Condensed', sans-serif;
}

/* V11: Product card redesign — overlay gradient, integrated buy */
.pkg-card {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.04);
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.pkg-card:hover {
  border-color: rgba(232,130,12,0.25);
  box-shadow: 0 24px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(232,130,12,0.1);
}
.pkg-thumb {
  border-radius: 12px 12px 0 0;
}
.pkg-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(8,8,9,0.9) 0%, rgba(8,8,9,0.3) 40%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.script-card2 {
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.04);
}
.script-card2:hover {
  border-color: rgba(232,130,12,0.25);
  border-radius: 12px;
}

/* V18: Micro-interactions — ripple, scale bounce */
.btn-hero-primary, .btn-hero-ghost, .btn-prim, .btn-ghost,
.sc2-buy, .sc2-view, .pkg-btn-buy, .pkg-btn-view, .pkg-btn,
.pkg-btn-basket, .btn-add-basket, .nav-btn-basket, .nav-btn-support,
.pc-bar-btn, .pawn-sell-btn, .cta-discord, .mini-cart-checkout {
  position: relative;
  overflow: hidden;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn-hero-primary:active, .btn-prim:active, .sc2-buy:active,
.pkg-btn-buy:active, .pkg-btn-basket:active, .btn-add-basket:active,
.nav-btn-basket:active, .cta-discord:active, .mini-cart-checkout:active {
  transform: scale(0.96);
}
.btn-hero-ghost:active, .btn-ghost:active, .sc2-view:active,
.pkg-btn-view:active, .pkg-btn:active, .nav-btn-support:active {
  transform: scale(0.96);
}
/* Ripple effect via ::after */
.btn-hero-primary::after, .btn-prim::after, .sc2-buy::after,
.pkg-btn-buy::after, .pkg-btn-basket::after, .btn-add-basket::after,
.nav-btn-basket::after, .cta-discord::after, .mini-cart-checkout::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%), rgba(255,255,255,0.3) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s;
  pointer-events: none;
}
.btn-hero-primary:active::after, .btn-prim:active::after, .sc2-buy:active::after,
.pkg-btn-buy:active::after, .pkg-btn-basket:active::after, .btn-add-basket:active::after,
.nav-btn-basket:active::after, .cta-discord:active::after, .mini-cart-checkout:active::after {
  opacity: 1;
}

/* V20: Gradient separators */
.pls-footer-top, .why-section, .bento-section, .scripts-section2,
.pawn-preview-section, .fps-preview-section, .reviews-section,
.cta-section2, .stats-section {
  position: relative;
}
.why-section::before, .bento-section::before,
.cta-section2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232,130,12,0.4), transparent);
  z-index: 1;
}
.pls-footer {
  position: relative;
}
.pls-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232,130,12,0.3), transparent);
}

/* V22: Orange glow hover on cards */
.pkg-card:hover, .script-card2:hover {
  box-shadow: 0 24px 48px rgba(0,0,0,0.5), 0 0 30px rgba(232,130,12,0.08), 0 0 0 1px rgba(232,130,12,0.15);
}
.why-card:hover, .bento-cell:hover, .trust-block:hover,
.review-card:hover, .mini-review:hover {
  box-shadow: 0 12px 32px rgba(0,0,0,0.3), 0 0 20px rgba(232,130,12,0.06);
}

/* V24: Premium pricing display */
.pkg-price, .sc2-price, .pc-bar-price, .pkg-cta-price {
  font-family: 'Space Grotesk', 'Barlow Condensed', sans-serif;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.pkg-price {
  font-size: 26px;
  background: linear-gradient(135deg, #e8820c, #f5b342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.sc2-price {
  background: linear-gradient(135deg, #e8820c, #f5b342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.pkg-cta-price {
  background: linear-gradient(135deg, #e8820c, #f5b342);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* V25: Subtle background pattern (dot grid) */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}

/* V29: Improved toasts — icons, progress bar, slide-in */
.toast {
  border-radius: 12px;
  padding: 0 16px 0 20px;
  gap: 10px;
  border-left: 4px solid transparent;
  backdrop-filter: blur(12px);
  animation: toastSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes toastSlideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
.toast::before {
  content: '';
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.toast.toast-success {
  background: rgba(76,175,80,0.15);
  border-left-color: #4caf50;
  color: #4caf50;
  backdrop-filter: blur(12px);
}
.toast.toast-success::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M22 11.08V12a10 10 0 11-5.93-9.14'/%3E%3Cpath d='M22 4L12 14.01l-3-3'/%3E%3C/svg%3E");
}
.toast.toast-error {
  background: rgba(193,46,46,0.15);
  border-left-color: #C12E2E;
  color: #ef4444;
  backdrop-filter: blur(12px);
}
.toast.toast-error::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E");
}
.toast.toast-warning {
  background: rgba(202,182,0,0.15);
  border-left-color: #cab600;
  color: #eab308;
  backdrop-filter: blur(12px);
}
.toast.toast-warning::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
/* Auto-dismiss progress bar */
.toast::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: currentColor;
  opacity: 0.3;
  border-radius: 0 0 12px 12px;
  animation: toastProgress 5s linear forwards;
}
@keyframes toastProgress {
  from { width: 100%; }
  to { width: 0%; }
}

/* Pill-style navbar */
.nav-pill {
  display: flex;
  align-items: center;
  gap: 2px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 999px;
  padding: 4px 6px;
  position: static;
  transform: none;
  margin: 0 auto;
}
.nav-pill a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.35);
  transition: all 0.2s;
  white-space: nowrap;
  position: relative;
}
.nav-pill a:hover {
  color: rgba(255,255,255,0.7);
  background: rgba(255,255,255,0.04);
}
.nav-pill a.active {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
.nav-pill a.active::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 2px;
  background: #e8820c;
  border-radius: 1px;
}
.nav-pill a svg {
  opacity: 0.6;
  flex-shrink: 0;
}
.nav-pill a:hover svg, .nav-pill a.active svg {
  opacity: 1;
}
.nav-pill .pill-badge {
  display: inline-flex;
  align-items: center;
  background: rgba(232,130,12,0.15);
  color: #e8820c;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 2px 7px;
  border-radius: 999px;
  margin-left: 2px;
}

/* F8: Mini-cart dropdown */
.basket-wrapper {
  position: relative;
}
.mini-cart {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 320px;
  background: rgba(14,14,18,0.97);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.03);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1001;
  overflow: hidden;
  color: #fff;
}
.basket-wrapper:hover .mini-cart,
.mini-cart:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.mini-cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  font-family: 'Space Grotesk', 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mini-cart-count {
  font-size: 11px;
  color: #e8820c;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.mini-cart-items {
  max-height: 240px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(232,130,12,0.3) transparent;
}
.mini-cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: background 0.15s;
}
.mini-cart-item:hover {
  background: rgba(255,255,255,0.03);
}
.mini-cart-item:last-child {
  border-bottom: none;
}
.mini-cart-item-name {
  font-size: 13px;
  font-weight: 600;
  color: #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.mini-cart-item-qty {
  font-size: 11px;
  color: #555;
  margin-top: 2px;
}
.mini-cart-item-price {
  font-family: 'Space Grotesk', 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #e8820c;
  flex-shrink: 0;
}
.mini-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 18px;
  font-size: 13px;
  color: #444;
}
.mini-cart-footer {
  padding: 14px 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.2);
}
.mini-cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
}
.mini-cart-total-price {
  font-family: 'Space Grotesk', 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #e8820c;
}
.mini-cart-checkout {
  width: 100%;
  padding: 12px;
  background: linear-gradient(135deg, #e8820c, #f59e0b);
  color: #000;
  font-family: 'Space Grotesk', 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.mini-cart-checkout:hover {
  box-shadow: 0 8px 24px rgba(232,130,12,0.3);
  transform: translateY(-1px);
}

/* F21: Language toggle */
.lang-toggle {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 999px;
  padding: 2px;
  cursor: pointer;
  gap: 1px;
}
.lang-opt {
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #444;
  border-radius: 999px;
  transition: all 0.2s;
}
.lang-opt.active {
  background: rgba(232,130,12,0.15);
  color: #e8820c;
}

@media(max-width:768px) {
  .nav-pill { display: none; }
  .lang-toggle { display: none; }
  .mini-cart { display: none; }
}
@media(max-width:1200px) {
  .nav-pill a { padding: 7px 10px; font-size: 10px; letter-spacing: 1px; }
  .nav-pill a span.nav-text { display: none; }
}