/* ============================================
   SafeBlock — Responsive Styles
   Mobile-first breakpoints
   ============================================ */

/* ============================================
   MAX-WIDTH: 1400px (Large desktops)
   ============================================ */
@media (max-width: 1400px) {
  .sb-hero-grid {
    gap: var(--sb-space-3xl);
  }

  .sb-products-grid {
    gap: var(--sb-space-lg);
  }

}

/* ============================================
   MAX-WIDTH: 1200px (Desktop)
   ============================================ */
@media (max-width: 1200px) {
  .sb-hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
    gap: var(--sb-space-3xl);
  }

  .sb-hero-left {
    max-width: 700px;
    margin: 0 auto;
  }

  .sb-hero-desc {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .sb-hero-actions {
    justify-content: center;
  }

  .sb-hero-trust {
    justify-content: center;
  }

  .sb-hero-right {
    display: none;
  }

  .sb-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sb-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sb-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sb-feature-split {
    grid-template-columns: 1fr;
    gap: var(--sb-space-3xl);
  }

  .sb-feature-split-reverse {
    direction: ltr;
  }

  .sb-feature-visual {
    order: -1;
  }

  .sb-dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sb-partners-grid {
    grid-template-columns: repeat(4, 1fr);
  }

}

/* ============================================
   MAX-WIDTH: 992px (Tablets)
   ============================================ */
@media (max-width: 992px) {
  /* Navbar: Show hamburger */
  .sb-hamburger {
    display: flex;
  }

  .sb-navbar-menu {
    display: none;
  }

  .sb-navbar-actions {
    display: none;
  }

  .sb-navbar-inner {
    padding: 0 var(--sb-space-lg);
  }

  /* Hero */
  .sb-hero-title {
    font-size: clamp(2rem, 5vw, 3.5rem);
  }

  .sb-hero-stats-inner {
    flex-wrap: wrap;
    gap: var(--sb-space-lg);
    justify-content: center;
  }

  .sb-hero-scroll-indicator {
    display: none;
  }

  /* Sections */
  .sb-section {
    padding: clamp(3rem, 6vw, 6rem) 0;
  }

  .sb-security-grid {
    grid-template-columns: 1fr;
  }

  .sb-blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sb-cases-grid {
    grid-template-columns: 1fr;
  }

  .sb-community-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sb-contact-grid {
    grid-template-columns: 1fr;
    gap: var(--sb-space-2xl);
  }

  .sb-download-grid {
    grid-template-columns: 1fr;
    gap: var(--sb-space-2xl);
    text-align: center;
  }

  .sb-download-badges {
    justify-content: center;
  }

  /* Roadmap */
  .sb-roadmap-timeline::before {
    left: 20px;
  }

  .sb-roadmap-item,
  .sb-roadmap-item:nth-child(even) {
    flex-direction: column;
    text-align: left;
    padding-left: 50px;
  }

  .sb-roadmap-dot {
    left: 20px;
  }

  /* Footer */
  .sb-footer-middle-inner {
    justify-content: center;
    text-align: center;
  }

  .sb-footer-bottom-inner {
    flex-direction: column;
    text-align: center;
  }

  /* Custom cursor hidden on touch */
  .sb-cursor-dot,
  .sb-cursor-ring {
    display: none;
  }
}

/* ============================================
   MAX-WIDTH: 768px (Small Tablets / Large Phones)
   ============================================ */
@media (max-width: 768px) {
  /* Typography scale down */
  .sb-section-title {
    font-size: var(--sb-fs-h3);
  }

  .sb-section-watermark {
    font-size: 11vw;
    transform: translate(-50%, -40%);
  }

  /* Hide floating nodes and connection lines on tablet */
  .sb-float-node { display: none; }
  .sb-connection-lines { display: none; }
  .sb-moving-light { width: 400px; height: 400px; }
  .sb-glow-blob-1 { width: 250px; height: 250px; }
  .sb-glow-blob-2 { width: 300px; height: 300px; }
  .sb-glow-blob-3 { display: none; }

  /* Scale down floating crypto icons */
  .sb-crypto-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 1.2rem !important;
  }

  .sb-section-header {
    margin-bottom: var(--sb-space-2xl);
  }

  /* Hero */
  .sb-hero {
    min-height: 90vh;
  }

  .sb-hero-badge {
    font-size: 0.625rem;
  }

  .sb-hero-actions {
    flex-direction: column;
    width: 100%;
  }

  .sb-btn-hero-primary,
  .sb-btn-hero-secondary {
    width: 100%;
    justify-content: center;
  }

  .sb-hero-trust {
    flex-direction: column;
    gap: var(--sb-space-md);
  }

  .sb-hero-stats-inner {
    flex-wrap: nowrap;
    gap: var(--sb-space-sm);
    padding: var(--sb-space-sm) var(--sb-space-md);
  }

  .sb-stat-item {
    min-width: 0;
    flex: 1;
  }

  .sb-stat-value {
    font-size: clamp(0.9rem, 3.5vw, 1.1rem);
  }

  .sb-stat-label {
    font-size: clamp(0.55rem, 2vw, 0.7rem);
  }

  /* Grids to single column */
  .sb-products-grid {
    grid-template-columns: 1fr;
  }

  .sb-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sb-space-md);
  }

  .sb-pricing-grid {
    grid-template-columns: 1fr;
  }

  .sb-blog-grid {
    grid-template-columns: 1fr;
  }

  .sb-partners-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .sb-community-grid {
    grid-template-columns: 1fr;
  }

  /* Dashboard */
  .sb-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .sb-dashboard-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sb-space-md);
  }

  /* Ticker */
  .sb-ticker-track {
    gap: var(--sb-space-2xl);
  }

  /* Footer */
  .sb-footer-top {
    padding: var(--sb-space-3xl) 0 var(--sb-space-2xl);
  }

  .sb-footer-bottom-links {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sb-space-md);
  }

  /* Trusted logos */
  .sb-trusted-logo-item {
    padding: 0 var(--sb-space-lg);
  }
  .sb-trusted-logo-item img {
    height: 32px;
  }

  /* Cards padding reduce */
  .sb-glass-card,
  .sb-glow-card {
    padding: var(--sb-space-xl);
  }

  .sb-product-card {
    padding: var(--sb-space-xl);
  }

  /* Certs */
  .sb-certs-row {
    gap: var(--sb-space-md);
  }

  .sb-cert-badge {
    min-width: 110px;
    padding: var(--sb-space-md);
  }
}

/* ============================================
   MAX-WIDTH: 576px (Mobile Phones)
   ============================================ */
@media (max-width: 576px) {
  /* Global */
  .sb-section {
    padding: clamp(2.5rem, 5vw, 4rem) 0;
  }

  .sb-section-watermark {
    font-size: 13vw;
    letter-spacing: 0.08em;
    transform: translate(-50%, -35%);
  }

  /* Hero */
  .sb-hero {
    min-height: 80vh;
  }

  .sb-hero-content {
    padding: var(--sb-space-2xl) 0;
  }

  /* Hero Stats */
  .sb-hero-stats-inner {
    gap: 2px;
    padding: 6px 8px;
  }

  .sb-stat-value {
    font-size: 0.8rem;
  }

  .sb-stat-label {
    font-size: 0.5rem;
  }

  /* Stats */
  .sb-stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sb-stats-card {
    padding: var(--sb-space-lg);
  }

  .sb-stats-number {
    font-size: var(--sb-fs-h3);
  }

  /* Pricing */
  .sb-pricing-amount {
    font-size: var(--sb-fs-h2);
  }

  /* Partners */
  .sb-partners-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sb-space-sm);
  }

  /* Case studies stats */
  .sb-case-stats {
    flex-wrap: wrap;
    gap: var(--sb-space-lg);
  }

  /* Careers */
  .sb-career-card {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sb-space-sm);
  }

  .sb-career-details {
    flex-wrap: wrap;
    gap: var(--sb-space-sm);
  }

  /* Download badges */
  .sb-download-badges {
    flex-direction: column;
  }

  .sb-download-badge {
    width: 100%;
    justify-content: center;
  }

  /* Trusted */
  .sb-trusted-logo-item {
    padding: 0 var(--sb-space-md);
  }
  .sb-trusted-logo-item img {
    height: 26px;
  }

  /* Back to top / support button */
  .sb-back-top {
    bottom: 1.5rem;
    right: 1.5rem;
    width: 42px;
    height: 42px;
  }

  /* Particle section mobile fix */
  .sb-particle-section {
    padding: 40px 0;
  }

  .sb-particle-canvas-wrap {
    height: 240px !important;
    border-radius: 12px;
  }

  .sb-particle-section .sb-section-subtitle {
    font-size: 0.85rem;
  }

  /* Hide floating crypto icons on small phones */
  .sb-case-floating-crypto {
    display: none !important;
  }

  /* FAQ */
  .sb-faq-question {
    padding: var(--sb-space-md) var(--sb-space-lg);
    font-size: var(--sb-fs-body-sm);
  }

  .sb-faq-answer-inner {
    padding: 0 var(--sb-space-lg) var(--sb-space-md);
  }

  /* Feature list */
  .sb-feature-visual-card {
    padding: var(--sb-space-xl);
  }

  /* Mobile menu */
  .sb-mobile-nav-link {
    font-size: 1.1rem;
    padding: 14px 20px;
  }

  .sb-mobile-menu {
    padding: 90px var(--sb-space-lg) var(--sb-space-2xl);
  }



  /* Testimonials */
  .sb-testimonial-card {
    padding: var(--sb-space-xl);
  }

  .sb-testimonial-quote {
    font-size: var(--sb-fs-body);
  }
}

/* ============================================
   MIN-WIDTH: 1920px (Ultra-wide)
   ============================================ */
@media (min-width: 1920px) {
  .sb-navbar-inner {
    max-width: 1600px;
  }

  .sb-hero-stats-inner {
    max-width: 1600px;
  }

  .sb-products-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .sb-stats-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .sb-community-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .sb-partners-grid {
    grid-template-columns: repeat(8, 1fr);
  }
}

@media (max-width: 991.98px) {
  #pricing .col-12,
  #caseStudies .col-12 {
    perspective: none;
  }
  .sb-pricing-card:hover,
  .sb-case-card:hover {
    transform: translateY(-6px) scale(1.01);
  }
  .sb-case-card-inner {
    padding: 24px 20px;
  }
  .sb-case-title {
    font-size: 1.18rem;
  }
  .sb-case-stats {
    padding: 12px 8px;
    gap: 6px;
  }
  .sb-case-stat-val {
    font-size: 1.2rem;
  }
}