/* Famous Kitchenware (NBIZ®) — Modern Geometric Design System
   Typography: Poppins (Headings) + Outfit (Body & UI)
   Theme: Bold, clean, ergonomic kitchen appliance brand aesthetic
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap');

:root {
  --brand-navy: #0B3B60;
  --brand-navy-dark: #062137;
  --brand-navy-light: #EBF3F9;
  --brand-blue: #005d9e;
  --canvas-bg: #F8FAFC;
  --surface-card: #FFFFFF;
  --surface-pedestal: #F1F5F9;
  --text-headline: #0F172A;
  --text-body: #334155;
  --text-muted: #64748B;
  --border-subtle: #E2E8F0;
  --whatsapp-green: #25D366;
  --whatsapp-hover: #20ba59;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Outfit', sans-serif;
  color: var(--text-body);
  background-color: var(--canvas-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

/* Headings font */
h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Poppins', sans-serif;
  letter-spacing: -0.015em;
  text-wrap: balance;
  overflow-wrap: break-word;
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--brand-navy);
}

/* Responsive Touch Scroller */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Product Card */
.pedestal-card {
  background-color: #FFFFFF;
  border: 1px solid var(--border-subtle);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.pedestal-card:hover {
  transform: translateY(-3px);
  border-color: #CBD5E1;
  box-shadow: 0 12px 24px -8px rgba(11, 59, 96, 0.12);
}

.pedestal-image-stage {
  background-color: var(--surface-pedestal);
  transition: background-color 0.25s ease;
}

.pedestal-card:hover .pedestal-image-stage {
  background-color: #E2E8F0;
}

.pedestal-card img {
  transition: transform 0.35s ease;
}

.pedestal-card:hover img {
  transform: scale(1.04);
}

/* Category Filter Tabs */
.category-tab {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  padding: 8px 16px;
  border-radius: 9999px;
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  transition: all 0.2s ease;
  white-space: nowrap;
  user-select: none;
}

.category-tab:hover {
  color: var(--brand-navy);
  border-color: var(--brand-navy);
  background-color: #F8FAFC;
}

.category-tab.active {
  color: #FFFFFF;
  background-color: var(--brand-navy);
  border-color: var(--brand-navy);
  box-shadow: 0 2px 8px rgba(11, 59, 96, 0.25);
}

/* Floating WhatsApp Pulse */
@keyframes softPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
  }
}

.whatsapp-float-btn {
  animation: softPulse 2.5s infinite;
}

/* Studio Video Frame */
.studio-video-frame {
  box-shadow: 0 16px 36px -10px rgba(11, 59, 96, 0.14);
}