/* Polishing Technology — tablet/mobile responsive (desktop locked at 1200px+) */

@media (min-width: 1200px) {
  #technology-abrasive-engineering .polishing-visual--responsive {
    display: none;
  }
}

@media (max-width: 1199px) {
  #technology-abrasive-engineering {
    overflow-x: clip;
  }

  #technology-abrasive-engineering .polishing-visual--desktop {
    display: none;
  }

  #technology-abrasive-engineering .technology-section {
    padding: clamp(56px, 8vw, 80px) 20px;
  }

  #technology-abrasive-engineering .technology-section__header {
    gap: 14px;
    margin-bottom: clamp(32px, 5vw, 48px);
  }

  #technology-abrasive-engineering .polishing-main .technology-section__header {
    margin-bottom: 0;
  }

  #technology-abrasive-engineering .technology-section__title,
  #technology-abrasive-engineering #polishing-main-product-title,
  #technology-abrasive-engineering #edge-polishing-title,
  #technology-abrasive-engineering #elastic-bond-title,
  #technology-abrasive-engineering #hebs-title,
  #technology-abrasive-engineering #model-performance-title,
  #technology-abrasive-engineering #quality-performance-title {
    font-size: clamp(28px, 4.8vw, 38px);
    line-height: 1.25;
  }

  #technology-abrasive-engineering .technology-section__subtitle {
    font-size: clamp(15px, 2.2vw, 17px);
    line-height: 1.65;
  }

  #technology-abrasive-engineering .technology-section__kicker {
    font-size: clamp(16px, 2.4vw, 20px);
  }

  #technology-abrasive-engineering .polishing-banner {
    margin-top: 0;
    padding: clamp(28px, 5vw, 36px) clamp(20px, 4vw, 32px);
  }

  #technology-abrasive-engineering .polishing-product-card__image {
    height: clamp(150px, 22vw, 180px);
  }

  #technology-abrasive-engineering .polishing-mobile-stack {
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 2.5vw, 20px);
  }

  #technology-abrasive-engineering .polishing-mobile-visual {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
  }

  #technology-abrasive-engineering .polishing-mobile-stack--performance,
  #technology-abrasive-engineering .polishing-mobile-stack--quality {
    gap: clamp(16px, 2.5vw, 24px);
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #technology-abrasive-engineering .polishing-mobile-stack--edge {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  #technology-abrasive-engineering .polishing-mobile-stack--edge .polishing-mobile-visual--full {
    grid-column: 1 / -1;
  }

  #technology-abrasive-engineering .polishing-mobile-stack--performance,
  #technology-abrasive-engineering .polishing-mobile-stack--quality {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
}

@media (max-width: 767px) {
  #technology-abrasive-engineering .technology-section {
    padding: clamp(48px, 12vw, 64px) 20px;
  }

  #technology-abrasive-engineering .polishing-mobile-visual {
    border-radius: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #technology-abrasive-engineering .polishing-mobile-stack .reveal-item {
    opacity: 1;
    transform: none;
    transition: none;
  }
}