/* FoxShop - Custom styles */

html { scroll-behavior: smooth; }

*:not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]) {
  font-family: 'Inter', system-ui, sans-serif !important;
}

body {
  background: #FAF8F4;
  color: #0A0A0A;
  -webkit-font-smoothing: antialiased;
  font-family: 'Inter', sans-serif;
}

/* FontAwesome font protection */
i.fa, i.fas, i.far, i.fab, i.fa-solid, i.fa-regular, i.fa-brands, [class*="fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}
i.fa-brands, i.fab, [class*="fa-brands"] {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}
i.fa-solid, i.fas, [class*="fa-solid"] {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}
i.fa-regular, i.far, [class*="fa-regular"] {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}

/* Logo PNG container - shfaq vetëm ikonën e foksit nga imazhi i gjerë */
.logo-icon-png {
  height: 40px;
  width: 40px;
  background: #000;
  border-radius: 10px;
  display: inline-block;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.logo-icon-png img {
  height: 40px;
  width: auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
}
.logo-icon-lg {
  height: 64px;
  width: 64px;
  border-radius: 14px;
}
.logo-icon-lg img { height: 64px; }
.logo-icon-xl {
  height: 120px;
  width: 120px;
  border-radius: 24px;
}
.logo-icon-xl img { height: 120px; }

/* Section number editorial */
.section-num {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #6B6B6B;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Product image background */
.product-img-bg {
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 106, 0, .15), transparent 50%),
    linear-gradient(135deg, #1a1a1a 0%, #2a1a0a 100%);
}

/* Grain overlay (texture) */
.grain-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .08;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.7'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* Dotted background */
.dotted-bg {
  background-image: radial-gradient(rgba(10, 10, 10, .08) 1px, transparent 1px);
  background-size: 14px 14px;
}

/* Product card hover */
.product-card:hover .product-img { transform: scale(1.03); }
.product-img { transition: transform .6s cubic-bezier(.2, .8, .2, 1); }

/* Button arrow animation */
.btn-arrow { transition: transform .2s; }
.group:hover .btn-arrow { transform: translateX(4px); }

/* Fade-in animation on scroll */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .8s ease, transform .8s ease;
}
.fade-in.in {
  opacity: 1;
  transform: none;
}

/* Hide scrollbar */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}