/* ==========================================================================
   CATEGORY SECTION SCROLL REVEAL ANIMATIONS
   ========================================================================== */

/* 1. Header Wrapper Animation Base */
.category-section .section-title-wrapper {
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* 2. Category Cards Base (Initial 3D Hidden State) */
.category-card {
  opacity: 0;
  transform: translate3d(0, 50px, -40px) scale3d(0.9, 0.9, 1);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* 3. Bottom Navigation Controls Base */
.category-controls {
  opacity: 0;
  transform: translate3d(30px, 0, 0);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Section Title Revealed */
.category-section.cat-revealed .section-title-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Category Cards Revealed with Automatic Staggered Delays (Up to 8 cards) */
.category-section.cat-revealed .category-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.category-section.cat-revealed .category-card:nth-child(1) { transition-delay: 0.15s; }
.category-section.cat-revealed .category-card:nth-child(2) { transition-delay: 0.25s; }
.category-section.cat-revealed .category-card:nth-child(3) { transition-delay: 0.35s; }
.category-section.cat-revealed .category-card:nth-child(4) { transition-delay: 0.45s; }
.category-section.cat-revealed .category-card:nth-child(5) { transition-delay: 0.55s; }
.category-section.cat-revealed .category-card:nth-child(6) { transition-delay: 0.65s; }
.category-section.cat-revealed .category-card:nth-child(7) { transition-delay: 0.75s; }
.category-section.cat-revealed .category-card:nth-child(8) { transition-delay: 0.85s; }

/* Category Controls Revealed */
.category-section.cat-revealed .category-controls {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.6s;
}

/* Reset image zoom behavior after reveal animation completes */
.category-section.cat-revealed .category-card:hover .category-img-wrapper img {
  transform: scale(1.12);
}

/* Mobile Responsive Optimization */
@media screen and (max-width: 600px) {
  .category-card {
    transform: translate3d(0, 30px, 0); /* Simpler slide-up on mobile */
  }
}



/* ==========================================================================
   PRODUCTS SECTION SCROLL REVEAL ANIMATIONS (GPU-ACCELERATED)
   ========================================================================== */

/* Section Title Wrapper Base State */
.products-section .section-title-wrapper {
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Product Cards Initial Hidden State (Scale & Drop) */
.products-grid .product-card {
  opacity: 0;
  transform: translate3d(0, 45px, -30px) scale3d(0.92, 0.92, 1);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Title Revealed */
.products-section.prod-revealed .section-title-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Product Cards Revealed (Staggered up to 8 cards per section) */
.products-section.prod-revealed .product-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.products-section.prod-revealed .product-card:nth-child(1) { transition-delay: 0.10s; }
.products-section.prod-revealed .product-card:nth-child(2) { transition-delay: 0.18s; }
.products-section.prod-revealed .product-card:nth-child(3) { transition-delay: 0.26s; }
.products-section.prod-revealed .product-card:nth-child(4) { transition-delay: 0.34s; }
.products-section.prod-revealed .product-card:nth-child(5) { transition-delay: 0.42s; }
.products-section.prod-revealed .product-card:nth-child(6) { transition-delay: 0.50s; }
.products-section.prod-revealed .product-card:nth-child(7) { transition-delay: 0.58s; }
.products-section.prod-revealed .product-card:nth-child(8) { transition-delay: 0.66s; }

/* Mobile Optimization: Faster stagger for 2-column layout */
@media screen and (max-width: 1024px) {
  .products-grid .product-card {
    transform: translate3d(0, 30px, 0);
  }
}



/* ==========================================================================
   BRANDS SECTION SCROLL REVEAL ANIMATIONS
   ========================================================================== */

/* Title & Track Hidden Base */
.brands-section .section-title-wrapper {
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.brands-slider-container {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Brands Revealed States */
.brands-section.brands-revealed .section-title-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.brands-section.brands-revealed .brands-slider-container {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.2s;
}

/* Staggered scale effect for initial visible brand logos */
.brands-section .brand-card {
  opacity: 0;
  transform: scale3d(0.85, 0.85, 1);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease, box-shadow 0.3s ease;
  will-change: opacity, transform;
}

.brands-section.brands-revealed .brand-card {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.brands-section.brands-revealed .brand-card:nth-child(1) { transition-delay: 0.25s; }
.brands-section.brands-revealed .brand-card:nth-child(2) { transition-delay: 0.32s; }
.brands-section.brands-revealed .brand-card:nth-child(3) { transition-delay: 0.39s; }
.brands-section.brands-revealed .brand-card:nth-child(4) { transition-delay: 0.46s; }
.brands-section.brands-revealed .brand-card:nth-child(5) { transition-delay: 0.53s; }
.brands-section.brands-revealed .brand-card:nth-child(6) { transition-delay: 0.60s; }


/* ==========================================================================
   BLOG SECTION SCROLL REVEAL ANIMATIONS
   ========================================================================== */

/* Title Hidden Base */
.blog-section .section-title-wrapper {
  opacity: 0;
  transform: translate3d(0, -30px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Blog Cards Hidden Base (Drop + 3D Scale) */
.blog-grid .blog-card {
  opacity: 0;
  transform: translate3d(0, 50px, -30px) scale3d(0.92, 0.92, 1);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Date Badge Pop Effect */
.blog-card .blog-date-badge {
  transform: scale(0.6);
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Blog Revealed States */
.blog-section.blog-revealed .section-title-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.blog-section.blog-revealed .blog-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.blog-section.blog-revealed .blog-card:nth-child(1) { transition-delay: 0.15s; }
.blog-section.blog-revealed .blog-card:nth-child(2) { transition-delay: 0.30s; }
.blog-section.blog-revealed .blog-card:nth-child(3) { transition-delay: 0.45s; }

.blog-section.blog-revealed .blog-card .blog-date-badge {
  transform: scale(1);
}
.blog-section.blog-revealed .blog-card:nth-child(1) .blog-date-badge { transition-delay: 0.35s; }
.blog-section.blog-revealed .blog-card:nth-child(2) .blog-date-badge { transition-delay: 0.50s; }
.blog-section.blog-revealed .blog-card:nth-child(3) .blog-date-badge { transition-delay: 0.65s; }

/* Mobile Adjustments */
@media screen and (max-width: 600px) {
  .blog-grid .blog-card {
    transform: translate3d(0, 30px, 0);
  }
}




/* ==========================================================================
   BLOG SECTION - 3D CARD FLIP & STAGGER REVEAL (GPU ACCELERATED)
   ========================================================================== */

/* Enable true 3D space depth on parent grid */
.blog-grid {
  perspective: 1000px;
}

/* Header Title Base State */
.blog-section .section-title-wrapper {
  opacity: 0;
  transform: translate3d(0, -35px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Blog Cards Hidden Base (Tilted 3D back with downward offset) */
.blog-card {
  opacity: 0;
  transform-style: preserve-3d;
  transform: translate3d(0, 60px, -60px) rotateX(-15deg);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Date Badge Spring Initial State */
.blog-card .blog-date-badge {
  opacity: 0;
  transform: scale3d(0.4, 0.4, 1) rotate(-10deg);
  transition: opacity 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: opacity, transform;
}

/* Accent Line Initial State */
.blog-card .blog-divider {
  width: 0px !important;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Section Title Revealed */
.blog-section.blog-revealed .section-title-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Blog Cards Revealed with Staggered Delays */
.blog-section.blog-revealed .blog-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateX(0deg);
}

.blog-section.blog-revealed .blog-card:nth-child(1) { transition-delay: 0.15s; }
.blog-section.blog-revealed .blog-card:nth-child(2) { transition-delay: 0.30s; }
.blog-section.blog-revealed .blog-card:nth-child(3) { transition-delay: 0.45s; }

/* Date Badges Pop into View */
.blog-section.blog-revealed .blog-card .blog-date-badge {
  opacity: 1;
  transform: scale3d(1, 1, 1) rotate(0deg);
}

.blog-section.blog-revealed .blog-card:nth-child(1) .blog-date-badge { transition-delay: 0.35s; }
.blog-section.blog-revealed .blog-card:nth-child(2) .blog-date-badge { transition-delay: 0.50s; }
.blog-section.blog-revealed .blog-card:nth-child(3) .blog-date-badge { transition-delay: 0.65s; }

/* Accent Divider Reveals to Default Width */
.blog-section.blog-revealed .blog-card .blog-divider {
  width: 35px !important;
}

.blog-section.blog-revealed .blog-card:nth-child(1) .blog-divider { transition-delay: 0.40s; }
.blog-section.blog-revealed .blog-card:nth-child(2) .blog-divider { transition-delay: 0.55s; }
.blog-section.blog-revealed .blog-card:nth-child(3) .blog-divider { transition-delay: 0.70s; }

/* Re-enable Hover Interactions Seamlessly After Reveal */
.blog-section.blog-revealed .blog-card:hover .blog-divider {
  width: 55px !important;
}

/* Mobile responsive optimization */
@media screen and (max-width: 600px) {
  .blog-card {
    transform: translate3d(0, 40px, 0); /* Simplified slide up for swipe layout */
  }
}




/* ==========================================================================
   FEATURES BANNER - ELASTIC ICON POP & STAGGER REVEAL (GPU ACCELERATED)
   ========================================================================== */

/* Feature Card Base Hidden State */
.features-section .feature-card {
  opacity: 0;
  transform: translate3d(0, 40px, 0) scale3d(0.95, 0.95, 1);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.75s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease,
              box-shadow 0.3s ease;
  will-change: opacity, transform;
}

/* Icon Housing Initial Hidden State (Elastic Shrink) */
.features-section .feature-icon-wrapper {
  transform: scale(0.3) rotate(-15deg);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
              background-color 0.3s ease;
  will-change: transform;
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Feature Cards Revealed with Cascading Stagger Delays */
.features-section.feat-revealed .feature-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.features-section.feat-revealed .feature-card:nth-child(1) { transition-delay: 0.10s; }
.features-section.feat-revealed .feature-card:nth-child(2) { transition-delay: 0.22s; }
.features-section.feat-revealed .feature-card:nth-child(3) { transition-delay: 0.34s; }
.features-section.feat-revealed .feature-card:nth-child(4) { transition-delay: 0.46s; }

/* Icon Circle Bouncy Pop Reveal */
.features-section.feat-revealed .feature-icon-wrapper {
  transform: scale(1) rotate(0deg);
}

.features-section.feat-revealed .feature-card:nth-child(1) .feature-icon-wrapper { transition-delay: 0.25s; }
.features-section.feat-revealed .feature-card:nth-child(2) .feature-icon-wrapper { transition-delay: 0.37s; }
.features-section.feat-revealed .feature-card:nth-child(3) .feature-icon-wrapper { transition-delay: 0.49s; }
.features-section.feat-revealed .feature-card:nth-child(4) .feature-icon-wrapper { transition-delay: 0.61s; }

/* Preserve Mobile Hover Rules */
@media screen and (max-width: 600px) {
  .features-section .feature-card {
    transform: translate3d(0, 35px, 0);
  }
}




/* ==========================================================================
   ABOUT US SECTION - SPLIT SLIDE & STAGGER REVEAL (GPU ACCELERATED)
   ========================================================================== */

/* 1. Left Image Wrapper Base (Slide In from Left + Depth) */
.about-section .about-img-wrapper {
  opacity: 0;
  transform: translate3d(-50px, 0, 0) scale3d(0.95, 0.95, 1);
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* 2. Floating Experience Badge Base (Elastic Spring Shrink) */
.about-section .about-experience-badge {
  transform: scale(0.3) rotate(-10deg);
  opacity: 0;
  transition: transform 0.65s cubic-bezier(0.34, 1.56, 0.64, 1),
              opacity 0.65s ease;
  will-change: transform, opacity;
}

/* 3. Right Content Column Base Elements (Slide In from Right) */
.about-section .about-tagline,
.about-section .about-title,
.about-section .about-description,
.about-section .about-feature-item,
.about-section .about-btn {
  opacity: 0;
  transform: translate3d(40px, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Underline Width Reveal Base */
.about-section .about-underline {
  width: 0px !important;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Left Image Column Revealed */
.about-section.about-revealed .about-img-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

/* Floating Badge Bouncy Pop Reveal */
.about-section.about-revealed .about-experience-badge {
  opacity: 1;
  transform: scale(1) rotate(0deg);
  transition-delay: 0.35s;
}

/* Right Content Staggered Cascade */
.about-section.about-revealed .about-tagline {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.15s;
}

.about-section.about-revealed .about-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.25s;
}

.about-section.about-revealed .about-underline {
  width: 50px !important;
  transition-delay: 0.35s;
}

.about-section.about-revealed .about-description {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.42s;
}

/* Feature Checklist Items Stagger */
.about-section.about-revealed .about-feature-item:nth-child(1) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.52s;
}

.about-section.about-revealed .about-feature-item:nth-child(2) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.62s;
}

/* CTA Button Reveal */
.about-section.about-revealed .about-btn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.72s;
}

/* Mobile Responsive Optimization */
@media screen and (max-width: 1024px) {
  .about-section .about-img-wrapper,
  .about-section .about-tagline,
  .about-section .about-title,
  .about-section .about-description,
  .about-section .about-feature-item,
  .about-section .about-btn {
    transform: translate3d(0, 30px, 0); /* Vertical slide for stacked tablet/mobile */
  }
}



/* ==========================================================================
   CONTACT US SECTION - DUAL CONVERGENCE & STAGGER REVEAL (GPU ACCELERATED)
   ========================================================================== */

/* 1. Left Info Column Base Elements (Slide In from Left) */
.contact-section .contact-tagline,
.contact-section .contact-title,
.contact-section .contact-description,
.contact-section .contact-detail-item {
  opacity: 0;
  transform: translate3d(-40px, 0, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Underline Growth Initial State */
.contact-section .contact-underline {
  width: 0px !important;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Circular Icons Initial State (Elastic Scale Shrink) */
.contact-section .contact-icon {
  transform: scale(0.3) rotate(-15deg);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1),
              background-color 0.3s ease, color 0.3s ease;
  will-change: transform;
}

/* Social Media Link Chips Initial State */
.contact-section .social-link {
  opacity: 0;
  transform: translate3d(0, 20px, 0) scale(0.6);
  transition: opacity 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
              background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  will-change: opacity, transform;
}

/* 2. Right Form Column Base (Slide In from Right + Scale) */
.contact-section .contact-form-col {
  opacity: 0;
  transform: translate3d(50px, 0, 0) scale3d(0.96, 0.96, 1);
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Input Fields Cascading Fade Base */
.contact-section .form-title,
.contact-section .form-group,
.contact-section .contact-submit-btn {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Left Info Column Revealed */
.contact-section.contact-revealed .contact-tagline {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.10s;
}

.contact-section.contact-revealed .contact-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.20s;
}

.contact-section.contact-revealed .contact-underline {
  width: 50px !important;
  transition-delay: 0.30s;
}

.contact-section.contact-revealed .contact-description {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.38s;
}

/* Contact Details List Stagger */
.contact-section.contact-revealed .contact-detail-item:nth-child(1) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.45s;
}

.contact-section.contact-revealed .contact-detail-item:nth-child(2) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.53s;
}

.contact-section.contact-revealed .contact-detail-item:nth-child(3) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.61s;
}

.contact-section.contact-revealed .contact-detail-item:nth-child(4) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.69s;
}

/* Contact Icons Bouncy Pop */
.contact-section.contact-revealed .contact-icon {
  transform: scale(1) rotate(0deg);
}

.contact-section.contact-revealed .contact-detail-item:nth-child(1) .contact-icon { transition-delay: 0.52s; }
.contact-section.contact-revealed .contact-detail-item:nth-child(2) .contact-icon { transition-delay: 0.60s; }
.contact-section.contact-revealed .contact-detail-item:nth-child(3) .contact-icon { transition-delay: 0.68s; }
.contact-section.contact-revealed .contact-detail-item:nth-child(4) .contact-icon { transition-delay: 0.76s; }

/* Social Icons Pop-In */
.contact-section.contact-revealed .social-link {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.contact-section.contact-revealed .social-link:nth-child(1) { transition-delay: 0.75s; }
.contact-section.contact-revealed .social-link:nth-child(2) { transition-delay: 0.82s; }
.contact-section.contact-revealed .social-link:nth-child(3) { transition-delay: 0.89s; }
.contact-section.contact-revealed .social-link:nth-child(4) { transition-delay: 0.96s; }

/* Right Form Column Revealed */
.contact-section.contact-revealed .contact-form-col {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition-delay: 0.25s;
}

/* Form Input Stagger Sequence */
.contact-section.contact-revealed .form-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.35s;
}

.contact-section.contact-revealed .contact-form .form-group:nth-of-type(1) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.45s;
}

.contact-section.contact-revealed .form-row {
  opacity: 1;
}

.contact-section.contact-revealed .form-row .form-group:nth-child(1) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.53s;
}

.contact-section.contact-revealed .form-row .form-group:nth-child(2) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.61s;
}

.contact-section.contact-revealed .contact-form .form-group:nth-of-type(3) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.69s;
}

.contact-section.contact-revealed .contact-form .form-group:nth-of-type(4) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.77s;
}

.contact-section.contact-revealed .contact-submit-btn {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.85s;
}

/* Mobile Responsive Adjustments */
@media screen and (max-width: 1024px) {
  .contact-section .contact-tagline,
  .contact-section .contact-title,
  .contact-section .contact-description,
  .contact-section .contact-detail-item,
  .contact-section .contact-form-col {
    transform: translate3d(0, 30px, 0); /* Vertical slide for stacked layout */
  }
}



/* ==========================================================================
   CLIENT REVIEWS SECTION - 3D WAVE & STAGGER REVEAL (GPU ACCELERATED)
   ========================================================================== */

/* 1. Header Title Wrapper Base */
.reviews-section .section-title-wrapper {
  opacity: 0;
  transform: translate3d(0, -35px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* 2. Overall Rating Summary Bar Base (Scale Up + Fade) */
.reviews-section .reviews-summary-bar {
  opacity: 0;
  transform: translate3d(0, 30px, 0) scale3d(0.97, 0.97, 1);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* 3. Review Track Parent Spatial Depth */
.reviews-grid {
  perspective: 1000px;
}

/* Review Cards Initial State (Tilted back in 3D space with downward offset) */
.reviews-section .google-style-card {
  opacity: 0;
  transform-style: preserve-3d;
  transform: translate3d(0, 50px, -50px) rotateX(-12deg);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.3s ease, box-shadow 0.3s ease;
  will-change: opacity, transform;
}

/* User Avatar & Store Badge Elastic Initial State */
.reviews-section .author-avatar {
  transform: scale(0.3) rotate(-15deg);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}

.reviews-section .brand-badge-circle {
  transform: scale(0);
  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}

/* 4. Bottom Arrows Control Base */
.reviews-section .reviews-bottom-controls {
  opacity: 0;
  transform: translate3d(30px, 0, 0);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Section Title Revealed */
.reviews-section.rev-revealed .section-title-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Summary Bar Revealed */
.reviews-section.rev-revealed .reviews-summary-bar {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition-delay: 0.15s;
}

/* Review Cards Staggered Cascade (Up to 6 visible dynamic items) */
.reviews-section.rev-revealed .google-style-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateX(0deg);
}

.reviews-section.rev-revealed .google-style-card:nth-child(1) { transition-delay: 0.25s; }
.reviews-section.rev-revealed .google-style-card:nth-child(2) { transition-delay: 0.37s; }
.reviews-section.rev-revealed .google-style-card:nth-child(3) { transition-delay: 0.49s; }
.reviews-section.rev-revealed .google-style-card:nth-child(4) { transition-delay: 0.61s; }
.reviews-section.rev-revealed .google-style-card:nth-child(5) { transition-delay: 0.73s; }
.reviews-section.rev-revealed .google-style-card:nth-child(6) { transition-delay: 0.85s; }

/* User Avatars Elastic Pop Reveal */
.reviews-section.rev-revealed .author-avatar {
  transform: scale(1) rotate(0deg);
}

.reviews-section.rev-revealed .google-style-card:nth-child(1) .author-avatar { transition-delay: 0.35s; }
.reviews-section.rev-revealed .google-style-card:nth-child(2) .author-avatar { transition-delay: 0.47s; }
.reviews-section.rev-revealed .google-style-card:nth-child(3) .author-avatar { transition-delay: 0.59s; }
.reviews-section.rev-revealed .google-style-card:nth-child(4) .author-avatar { transition-delay: 0.71s; }

/* Store Verified Badges Elastic Pop Reveal */
.reviews-section.rev-revealed .brand-badge-circle {
  transform: scale(1);
}

.reviews-section.rev-revealed .google-style-card:nth-child(1) .brand-badge-circle { transition-delay: 0.48s; }
.reviews-section.rev-revealed .google-style-card:nth-child(2) .brand-badge-circle { transition-delay: 0.60s; }
.reviews-section.rev-revealed .google-style-card:nth-child(3) .brand-badge-circle { transition-delay: 0.72s; }
.reviews-section.rev-revealed .google-style-card:nth-child(4) .brand-badge-circle { transition-delay: 0.84s; }

/* Bottom Arrows Control Revealed */
.reviews-section.rev-revealed .reviews-bottom-controls {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.65s;
}

/* Mobile Responsive Adjustments */
@media screen and (max-width: 600px) {
  .reviews-section .google-style-card {
    transform: translate3d(0, 35px, 0); /* Simplified vertical slide for mobile swipe track */
  }
}



/* ==========================================================================
   SITE FOOTER - MULTI-PHASE STAGGER & POP REVEAL (GPU ACCELERATED)
   ========================================================================== */

/* 1. Newsletter Wrapper Base (3D Scale-In) */
.site-footer .footer-newsletter-wrapper {
  opacity: 0;
  transform: translate3d(0, 40px, -30px) scale3d(0.97, 0.97, 1);
  transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Newsletter Input Group Expansion Base */
.site-footer .newsletter-input-group {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* 2. Main Footer Grid Columns Base (Slide-Up Cascade) */
.site-footer .footer-col {
  opacity: 0;
  transform: translate3d(0, 45px, 0);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* Footer Title Underline Initial Growth */
.site-footer .footer-title-line {
  width: 0px !important;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Social Media Circles Initial State (Elastic Pop) */
.site-footer .footer-social-icon {
  opacity: 0;
  transform: scale(0.3) rotate(-15deg);
  transition: opacity 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),
              background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  will-change: opacity, transform;
}

/* 3. Payments Bar & Payment Badges Initial State */
.site-footer .footer-payments-bar {
  opacity: 0;
  transform: translate3d(0, 25px, 0);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.site-footer .payment-badge {
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
              transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: opacity, transform;
}

/* 4. Bottom Copyright Bar Base */
.site-footer .footer-bottom-bar {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* ================= REVEALED ACTIVE STATES ================= */

/* Newsletter Banner Revealed */
.site-footer.footer-revealed .footer-newsletter-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition-delay: 0.10s;
}

.site-footer.footer-revealed .newsletter-input-group {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.25s;
}

/* Main 4 Grid Columns Staggered Reveal */
.site-footer.footer-revealed .footer-col {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.site-footer.footer-revealed .footer-col:nth-child(1) { transition-delay: 0.22s; }
.site-footer.footer-revealed .footer-col:nth-child(2) { transition-delay: 0.34s; }
.site-footer.footer-revealed .footer-col:nth-child(3) { transition-delay: 0.46s; }
.site-footer.footer-revealed .footer-col:nth-child(4) { transition-delay: 0.58s; }

/* Column Title Underline Width Growth */
.site-footer.footer-revealed .footer-title-line {
  width: 35px !important;
}
.site-footer.footer-revealed .footer-col:nth-child(2) .footer-title-line { transition-delay: 0.44s; }
.site-footer.footer-revealed .footer-col:nth-child(3) .footer-title-line { transition-delay: 0.56s; }
.site-footer.footer-revealed .footer-col:nth-child(4) .footer-title-line { transition-delay: 0.68s; }

/* Social Icons Bouncy Pop */
.site-footer.footer-revealed .footer-social-icon {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.site-footer.footer-revealed .footer-social-icon:nth-child(1) { transition-delay: 0.40s; }
.site-footer.footer-revealed .footer-social-icon:nth-child(2) { transition-delay: 0.47s; }
.site-footer.footer-revealed .footer-social-icon:nth-child(3) { transition-delay: 0.54s; }
.site-footer.footer-revealed .footer-social-icon:nth-child(4) { transition-delay: 0.61s; }
.site-footer.footer-revealed .footer-social-icon:nth-child(5) { transition-delay: 0.68s; }

/* Payment Trust Bar Revealed */
.site-footer.footer-revealed .footer-payments-bar {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.65s;
}

.site-footer.footer-revealed .payment-badge {
  opacity: 1;
  transform: scale(1);
}

.site-footer.footer-revealed .payment-badge:nth-child(1) { transition-delay: 0.72s; }
.site-footer.footer-revealed .payment-badge:nth-child(2) { transition-delay: 0.78s; }
.site-footer.footer-revealed .payment-badge:nth-child(3) { transition-delay: 0.84s; }
.site-footer.footer-revealed .payment-badge:nth-child(4) { transition-delay: 0.90s; }
.site-footer.footer-revealed .payment-badge:nth-child(5) { transition-delay: 0.96s; }

/* Copyright & Developer Bar Revealed */
.site-footer.footer-revealed .footer-bottom-bar {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0.75s;
}

/* Mobile Responsive Adjustments */
@media screen and (max-width: 600px) {
  .site-footer .footer-col,
  .site-footer .footer-newsletter-wrapper {
    transform: translate3d(0, 25px, 0);
  }
}