{"id":819,"date":"2026-02-04T02:56:57","date_gmt":"2026-02-04T02:56:57","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=819"},"modified":"2026-02-07T02:40:23","modified_gmt":"2026-02-07T02:40:23","slug":"ag-glass","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/pt\/products\/ag-glass\/","title":{"rendered":"Vidro AG"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-709e933\" data-block-id=\"709e933\"><style>.stk-709e933 {margin-bottom:15px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-709e933-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-134d4e1\" data-v=\"4\" data-block-id=\"134d4e1\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-134d4e1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-134d4e1-inner-blocks\">\n<!-- AG Glass Hero Module V3 - Saiwei Glass -->\n<!-- WordPress Gutenberg Custom HTML Block - SEO Optimized -->\n<!-- Design Style: Clean Minimalist B2B - Stats with Gradient Bar -->\n\n<style>\n\/* ========================================\n   AG Glass Hero Module V3 - Scoped Styles\n   Unique ID: #saiwei-ag-hero-v3\n   ======================================== *\/\n\n\/* CSS Variables *\/\n#saiwei-ag-hero-v3 {\n  --ag3-primary: #304890;\n  --ag3-primary-dark: #1860A8;\n  --ag3-primary-light: #1878C0;\n  --ag3-accent: #3048A8;\n  --ag3-text-dark: #1f2937;\n  --ag3-text-medium: #4b5563;\n  --ag3-text-light: #6b7280;\n  --ag3-white: #ffffff;\n  --ag3-bg-light: #F5F7FA;\n  --ag3-border: #e5e7eb;\n  --ag3-radius: 8px;\n  --ag3-radius-lg: 12px;\n  --ag3-transition: all 0.3s ease;\n}\n\n\/* Module Container Reset *\/\n#saiwei-ag-hero-v3 {\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box !important;\n  font-family: inherit !important;\n  line-height: 1.6 !important;\n  color: var(--ag3-text-dark) !important;\n  background: var(--ag3-white) !important;\n  overflow: hidden !important;\n}\n\n#saiwei-ag-hero-v3 *,\n#saiwei-ag-hero-v3 *::before,\n#saiwei-ag-hero-v3 *::after {\n  box-sizing: border-box !important;\n}\n\n\/* ========== HERO SECTION ========== *\/\n#saiwei-ag-hero-v3 .ag3-hero-section {\n  width: 100% !important;\n  background: var(--ag3-white) !important;\n  position: relative !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-hero-inner {\n  max-width: 1400px !important;\n  margin: 0 auto !important;\n  padding: 40px 40px 40px !important;\n  display: grid !important;\n  grid-template-columns: 1.15fr 0.85fr !important;\n  gap: 40px !important;\n  align-items: center !important;\n}\n\n\/* ========== CONTENT SIDE ========== *\/\n#saiwei-ag-hero-v3 .ag3-content {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 18px !important;\n}\n\n\/* Label - AG GLASS *\/\n#saiwei-ag-hero-v3 .ag3-label {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  color: var(--ag3-primary) !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1.5px !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-label::before {\n  content: '' !important;\n  width: 36px !important;\n  height: 3px !important;\n  background: linear-gradient(90deg, var(--ag3-primary), var(--ag3-primary-light)) !important;\n  border-radius: 3px !important;\n}\n\n\/* H2 Main Title - SEO *\/\n#saiwei-ag-hero-v3 .ag3-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  line-height: 1.25 !important;\n  color: var(--ag3-text-dark) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.01em !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-title-highlight {\n  color: var(--ag3-primary) !important;\n}\n\n\/* H3 Subtitle - SEO *\/\n#saiwei-ag-hero-v3 .ag3-subtitle {\n  font-size: 17px !important;\n  font-weight: 500 !important;\n  color: var(--ag3-text-medium) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.5 !important;\n}\n\n\/* Description Paragraph *\/\n#saiwei-ag-hero-v3 .ag3-description {\n  font-size: 15px !important;\n  line-height: 1.75 !important;\n  color: var(--ag3-text-light) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Feature Badges *\/\n#saiwei-ag-hero-v3 .ag3-badges {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 10px !important;\n  margin-top: 6px !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-badge {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  padding: 8px 10px !important;\n  background: var(--ag3-white) !important;\n  border: 1.5px solid var(--ag3-border) !important;\n  border-radius: var(--ag3-radius) !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  color: var(--ag3-text-dark) !important;\n  transition: var(--ag3-transition) !important;\n  cursor: default !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-badge:hover {\n  border-color: var(--ag3-primary) !important;\n  background: var(--ag3-bg-light) !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 4px 8px rgba(48, 72, 144, 0.15) !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-badge-icon {\n  width: 16px !important;\n  height: 16px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-badge-icon svg {\n  width: 16px !important;\n  height: 16px !important;\n  stroke: var(--ag3-primary) !important;\n  stroke-width: 2 !important;\n  fill: none !important;\n}\n\n\/* CTA Button *\/\n#saiwei-ag-hero-v3 .ag3-cta-wrapper {\n  margin-top: 8px !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-cta-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  padding: 16px 32px !important;\n  background: var(--ag3-primary) !important;\n  color: var(--ag3-white) !important;\n  font-size: 15px !important;\n  font-weight: 600 !important;\n  text-decoration: none !important;\n  border: none !important;\n  border-radius: var(--ag3-radius) !important;\n  cursor: pointer !important;\n  transition: var(--ag3-transition) !important;\n  box-shadow: 0 4px 14px rgba(48, 72, 144, 0.4) !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-cta-btn:hover {\n  background: var(--ag3-primary-dark) !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 6px 20px rgba(48, 72, 144, 0.5) !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-cta-btn svg {\n  width: 18px !important;\n  height: 18px !important;\n  stroke: currentColor !important;\n  stroke-width: 2.5 !important;\n  fill: none !important;\n  transition: transform 0.3s ease !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-cta-btn:hover svg {\n  transform: translateX(4px) !important;\n}\n\n\/* ========== IMAGE SIDE ========== *\/\n#saiwei-ag-hero-v3 .ag3-visual {\n  position: relative !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-image-wrapper {\n  position: relative !important;\n  width: 100% !important;\n  max-width: 480px !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-hero-image {\n  width: 100% !important;\n  height: auto !important;\n  display: block !important;\n  object-fit: contain !important;\n  filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.12)) !important;\n}\n\n\/* ========== STATS SECTION - Gradient Bar Style ========== *\/\n#saiwei-ag-hero-v3 .ag3-stats-section {\n  width: 100% !important;\n  background: linear-gradient(135deg, var(--ag3-primary) 0%, var(--ag3-primary-dark) 50%, var(--ag3-accent) 100%) !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n\/* Subtle pattern overlay *\/\n#saiwei-ag-hero-v3 .ag3-stats-section::before {\n  content: '' !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  background: \n    radial-gradient(ellipse at 0% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),\n    radial-gradient(ellipse at 100% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 50%) !important;\n  pointer-events: none !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-stats-inner {\n  max-width: 1380px !important;\n  margin: 0 auto !important;\n  padding: 24px 40px !important;\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 40px !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-stat-item {\n  text-align: center !important;\n  position: relative !important;\n}\n\n\/* Vertical divider between items *\/\n#saiwei-ag-hero-v3 .ag3-stat-item:not(:last-child)::after {\n  content: '' !important;\n  position: absolute !important;\n  right: -20px !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 50px !important;\n  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%) !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-stat-value {\n  font-size: 44px !important;\n  font-weight: 700 !important;\n  color: var(--ag3-white) !important;\n  line-height: 1 !important;\n  margin: 0 0 10px 0 !important;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;\n  letter-spacing: -0.02em !important;\n}\n\n#saiwei-ag-hero-v3 .ag3-stat-label {\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  margin: 0 !important;\n  line-height: 1.4 !important;\n}\n\n\/* ========== RESPONSIVE DESIGN ========== *\/\n@media screen and (max-width: 1200px) {\n  #saiwei-ag-hero-v3 .ag3-hero-inner {\n    gap: 40px !important;\n    padding: 50px 30px 40px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stats-inner {\n    padding: 40px 30px !important;\n    gap: 30px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-value {\n    font-size: 38px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-item:not(:last-child)::after {\n    right: -15px !important;\n  }\n}\n\n@media screen and (max-width: 992px) {\n  #saiwei-ag-hero-v3 .ag3-hero-inner {\n    grid-template-columns: 1fr !important;\n    gap: 40px !important;\n    text-align: center !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-content {\n    align-items: center !important;\n    order: 1 !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-visual {\n    order: 2 !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-label {\n    justify-content: center !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-badges {\n    justify-content: center !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-trusted {\n    flex-direction: column !important;\n    gap: 12px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-trusted-items {\n    justify-content: center !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stats-inner {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 35px 50px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-item:not(:last-child)::after {\n    display: none !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-item:nth-child(1)::after,\n  #saiwei-ag-hero-v3 .ag3-stat-item:nth-child(3)::after {\n    display: block !important;\n    right: -25px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-image-wrapper {\n    max-width: 420px !important;\n  }\n}\n\n@media screen and (max-width:690px) {\n  #saiwei-ag-hero-v3 .ag3-hero-inner {\n    padding: 40px 20px 30px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-title {\n    font-size: 26px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-subtitle {\n    font-size: 15px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-description {\n    font-size: 14px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-badge {\n    padding: 8px 12px !important;\n    font-size: 12px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-cta-btn {\n    width: 100% !important;\n    justify-content: center !important;\n    padding: 14px 28px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stats-inner {\n    padding: 35px 20px !important;\n    gap: 30px 40px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-value {\n    font-size: 34px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-label {\n    font-size: 12px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-item:nth-child(1)::after,\n  #saiwei-ag-hero-v3 .ag3-stat-item:nth-child(3)::after {\n    display: none !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-image-wrapper {\n    max-width: 360px !important;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  #saiwei-ag-hero-v3 .ag3-stats-inner {\n    grid-template-columns: 1fr 1fr !important;\n    gap: 25px 30px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-badges {\n    flex-direction: column !important;\n    align-items: stretch !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-badge {\n    justify-content: center !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-trusted-items {\n    gap: 16px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-trusted-item {\n    font-size: 12px !important;\n  }\n  \n  #saiwei-ag-hero-v3 .ag3-stat-value {\n    font-size: 30px !important;\n  }\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n  #saiwei-ag-hero-v3 .ag3-cta-btn,\n  #saiwei-ag-hero-v3 .ag3-badge,\n  #saiwei-ag-hero-v3 .ag3-trusted-item {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<section id=\"saiwei-ag-hero-v3\" aria-label=\"AG Glass - Anti-Glare Glass Solutions by Saiwei Glass\">\n  \n  <!-- Hero Section -->\n  <div class=\"ag3-hero-section\">\n    <div class=\"ag3-hero-inner\">\n      \n      <!-- Content Side -->\n      <div class=\"ag3-content\">\n        \n        <!-- Label -->\n        <h1 class=\"ag3-label\" aria-hidden=\"true\">AG Glass<\/h1>\n        \n        <!-- H2 Main Title - SEO -->\n        <h2 class=\"ag3-title\">\n          <span class=\"ag3-title-highlight\">AG Glass<\/span> Manufacturer &amp; Supplier in China | Custom Anti-Glare Glass Factory\n        <\/h2>\n       \n        \n        <!-- Description -->\n        <p class=\"ag3-description\">\n          Saiwei Glass is one of the top manufacturers of AG glass in China. It manufactures only chemically etched anti-reflective glass, primarily for industrial displays, automotive HMI systems, and medical applications. The etching process can control gloss from 30 to 110, reducing glare while maintaining optimal visibility and legibility. Our antireflective glass is designed to your specifications and offers low MOQs, quick sampling, and direct factory pricing.\n        <\/p>\n        \n        <!-- Feature Badges -->\n        <div class=\"ag3-badges\" role=\"list\" aria-label=\"Key Features\">\n          \n          <div class=\"ag3-badge\" role=\"listitem\">\n            <span class=\"ag3-badge-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n            <\/span>\n            <span>ISO 9001 Certified<\/span>\n          <\/div>\n          \n          <div class=\"ag3-badge\" role=\"listitem\">\n            <span class=\"ag3-badge-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            <\/span>\n            <span>Fast 7-Day Sampling<\/span>\n          <\/div>\n          \n          <div class=\"ag3-badge\" role=\"listitem\">\n            <span class=\"ag3-badge-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n            <\/span>\n            <span>1M+ Annual Capacity<\/span>\n          <\/div>\n          \n          <div class=\"ag3-badge\" role=\"listitem\">\n            <span class=\"ag3-badge-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n            <\/span>\n            <span>Low MOQ Available<\/span>\n          <\/div>\n          \n        <\/div>\n        \n        <!-- CTA Button -->\n        <div class=\"ag3-cta-wrapper\">\n          <a href=\"#ct-popup-787\" class=\"ag3-cta-btn\" role=\"button\" aria-label=\"Request a quote for AG Glass products\">\n            <span>Request Quote<\/span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n        \n      <\/div>\n      \n      <!-- Visual Side -->\n      <div class=\"ag3-visual\">\n        <div class=\"ag3-image-wrapper\">\n          <img \n            class=\"ag3-hero-image\" \n            src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/AG-Glass-Hero.png\" \n            alt=\"AG Glass - Anti-Glare Glass manufactured by Saiwei Glass featuring chemically etched surface for optimal visibility in industrial displays\" \n            width=\"480\" \n            height=\"380\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n  \n  <!-- Stats Section - Gradient Bar Style -->\n  <div class=\"ag3-stats-section\" aria-label=\"Company Statistics\">\n    <div class=\"ag3-stats-inner\">\n      \n      <div class=\"ag3-stat-item\">\n        <h4 class=\"ag3-stat-value\">10+<\/h4>\n        <p class=\"ag3-stat-label\">Years Experience<\/p>\n      <\/div>\n      \n      <div class=\"ag3-stat-item\">\n        <h4 class=\"ag3-stat-value\">1M+<\/h4>\n        <p class=\"ag3-stat-label\">Annual Production Capacity<\/p>\n      <\/div>\n      \n      <div class=\"ag3-stat-item\">\n        <h4 class=\"ag3-stat-value\">50+<\/h4>\n        <p class=\"ag3-stat-label\">Countries Exported<\/p>\n      <\/div>\n      \n      <div class=\"ag3-stat-item\">\n        <h4 class=\"ag3-stat-value\">98%<\/h4>\n        <p class=\"ag3-stat-label\">Customer Satisfaction Rate<\/p>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n  \n<\/section>\n\n<!-- Schema.org Structured Data for SEO -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Organization\",\n  \"name\": \"Saiwei Glass\",\n  \"description\": \"Top manufacturer of AG glass in China specializing in chemically etched anti-reflective glass for industrial displays, automotive HMI systems, and medical applications.\",\n  \"url\": \"https:\/\/saiweiglass.com\",\n  \"foundingDate\": \"2014\",\n  \"areaServed\": \"Worldwide\",\n  \"numberOfEmployees\": {\n    \"@type\": \"QuantitativeValue\",\n    \"minValue\": 50\n  },\n  \"hasCredential\": {\n    \"@type\": \"EducationalOccupationalCredential\",\n    \"credentialCategory\": \"certification\",\n    \"name\": \"ISO 9001\"\n  },\n  \"makesOffer\": {\n    \"@type\": \"Offer\",\n    \"itemOffered\": {\n      \"@type\": \"Product\",\n      \"name\": \"AG Glass (Anti-Glare Glass)\",\n      \"description\": \"Chemically etched anti-reflective glass with gloss control from 30 to 110, designed for industrial displays, automotive HMI systems, and medical applications.\",\n      \"category\": \"Glass Manufacturing\"\n    }\n  },\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n    \"ratingValue\": \"4.9\",\n    \"ratingCount\": \"500\",\n    \"bestRating\": \"5\"\n  }\n}\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-908ed43\" data-block-id=\"908ed43\"><style>.stk-908ed43 {margin-bottom:15px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-908ed43-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-09e7ed9\" data-v=\"4\" data-block-id=\"09e7ed9\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-09e7ed9-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-09e7ed9-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a954b10\" data-block-id=\"a954b10\"><style>.stk-a954b10 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a954b10-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e1517a4\" data-v=\"4\" data-block-id=\"e1517a4\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e1517a4-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e1517a4-inner-blocks\">\n<!-- AG Glass Introduction Module - Start -->\n<section id=\"ag-glass-intro-module\">\n  <style>\n    \/* Base Styles - Scoped to Module *\/\n    #ag-glass-intro-module {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin: 0 auto !important;\n      padding: 30px 0 !important;\n      background: linear-gradient(180deg, #ffffff 0%, #f4f7fc 100%) !important;\n      font-family: inherit !important;\n      box-sizing: border-box !important;\n    }\n    \n    #ag-glass-intro-module *,\n    #ag-glass-intro-module *::before,\n    #ag-glass-intro-module *::after {\n      box-sizing: border-box !important;\n    }\n    \n    #ag-glass-intro-module .ag-container {\n      width: 100% !important;\n      max-width: 1280px !important;\n      margin: 0 auto !important;\n      padding: 0 24px !important;\n    }\n    \n    \/* Header Section *\/\n    #ag-glass-intro-module .ag-header {\n      text-align: center !important;\n      margin-bottom: 50px !important;\n    }\n    \n    #ag-glass-intro-module .ag-accent-bar {\n      width: 50px !important;\n      height: 4px !important;\n      background: linear-gradient(90deg, #304890 0%, #1878C0 100%) !important;\n      border-radius: 2px !important;\n      margin: 0 auto 18px auto !important;\n    }\n    \n    #ag-glass-intro-module .ag-module-title {\n      font-family: inherit !important;\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #304890 !important;\n      text-align: center !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      line-height: 1.3 !important;\n    }\n    \n    \/* Hero Section - Featured Image + Content *\/\n    #ag-glass-intro-module .ag-hero {\n      display: grid !important;\n      grid-template-columns: 1fr 1fr !important;\n      gap: 50px !important;\n      align-items: center !important;\n      margin-bottom: 50px !important;\n    }\n    \n    #ag-glass-intro-module .ag-hero-image {\n      border-radius: 16px !important;\n      overflow: hidden !important;\n      box-shadow: 0 20px 60px rgba(48, 72, 144, 0.15) !important;\n    }\n    \n    #ag-glass-intro-module .ag-hero-image img {\n      width: 100% !important;\n      height: auto !important;\n      display: block !important;\n    }\n    \n    #ag-glass-intro-module .ag-hero-content {\n      padding: 10px 0 !important;\n    }\n    \n    #ag-glass-intro-module .ag-content-label {\n      display: inline-block !important;\n      font-family: inherit !important;\n      font-size: 13px !important;\n      font-weight: 600 !important;\n      color: #1878C0 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.1em !important;\n      margin-bottom: 20px !important;\n      padding: 6px 14px !important;\n      background: rgba(24, 120, 192, 0.1) !important;\n      border-radius: 6px !important;\n    }\n    \n    #ag-glass-intro-module .ag-text-block {\n      font-family: inherit !important;\n      font-size: 16px !important;\n      line-height: 1.8 !important;\n      color: #4b5563 !important;\n      margin: 0 0 20px 0 !important;\n      padding: 0 !important;\n    }\n    \n    #ag-glass-intro-module .ag-text-block:last-of-type {\n      margin-bottom: 0 !important;\n    }\n    \n    #ag-glass-intro-module .ag-highlight {\n      color: #1860A8 !important;\n      font-weight: 600 !important;\n    }\n    \n    #ag-glass-intro-module .ag-brand {\n      color: #304890 !important;\n      font-weight: 700 !important;\n    }\n    \n    \/* Feature Tags *\/\n    #ag-glass-intro-module .ag-features {\n      display: flex !important;\n      flex-wrap: wrap !important;\n      gap: 10px !important;\n      margin-top: 28px !important;\n    }\n    \n    #ag-glass-intro-module .ag-feature-tag {\n      font-family: inherit !important;\n      font-size: 14px !important;\n      font-weight: 500 !important;\n      color: #ffffff !important;\n      padding: 10px 20px !important;\n      background: linear-gradient(135deg, #304890 0%, #1860A8 100%) !important;\n      border-radius: 8px !important;\n      transition: all 0.3s ease !important;\n      box-shadow: 0 4px 15px rgba(48, 72, 144, 0.25) !important;\n    }\n    \n    #ag-glass-intro-module .ag-feature-tag:hover {\n      transform: translateY(-2px) !important;\n      box-shadow: 0 6px 20px rgba(48, 72, 144, 0.35) !important;\n    }\n    \n    \/* Gallery Grid - 5 Images *\/\n    #ag-glass-intro-module .ag-gallery {\n      display: grid !important;\n      grid-template-columns: repeat(5, 1fr) !important;\n      gap: 20px !important;\n    }\n    \n    #ag-glass-intro-module .ag-gallery-item {\n      position: relative !important;\n      border-radius: 12px !important;\n      overflow: hidden !important;\n      background: #ffffff !important;\n      box-shadow: 0 4px 20px rgba(48, 72, 144, 0.1) !important;\n      transition: all 0.4s ease !important;\n    }\n    \n    #ag-glass-intro-module .ag-gallery-item::after {\n      content: '' !important;\n      position: absolute !important;\n      inset: 0 !important;\n      background: linear-gradient(180deg, transparent 60%, rgba(48, 72, 144, 0.6) 100%) !important;\n      opacity: 0 !important;\n      transition: opacity 0.3s ease !important;\n    }\n    \n    #ag-glass-intro-module .ag-gallery-item:hover {\n      transform: translateY(-8px) !important;\n      box-shadow: 0 16px 40px rgba(48, 72, 144, 0.2) !important;\n    }\n    \n    #ag-glass-intro-module .ag-gallery-item:hover::after {\n      opacity: 1 !important;\n    }\n    \n    #ag-glass-intro-module .ag-gallery-item img {\n      width: 100% !important;\n      height: auto !important;\n      display: block !important;\n      transition: transform 0.4s ease !important;\n    }\n    \n    #ag-glass-intro-module .ag-gallery-item:hover img {\n      transform: scale(1.05) !important;\n    }\n    \n    \/* Tablet Responsive *\/\n    @media screen and (max-width:1000px) {\n      #ag-glass-intro-module {\n        padding: 50px 0 !important;\n      }\n      \n      #ag-glass-intro-module .ag-hero {\n        gap: 35px !important;\n        margin-bottom: 40px !important;\n      }\n      \n      #ag-glass-intro-module .ag-module-title {\n        font-size: 28px !important;\n      }\n      \n      #ag-glass-intro-module .ag-text-block {\n        font-size: 15px !important;\n      }\n      \n      #ag-glass-intro-module .ag-gallery {\n        grid-template-columns: repeat(5, 1fr) !important;\n        gap: 12px !important;\n      }\n    }\n    \n    \/* Mobile Landscape *\/\n    @media screen and (max-width: 850px) {\n      #ag-glass-intro-module .ag-hero {\n        grid-template-columns: 1fr !important;\n        gap: 30px !important;\n      }\n      \n      #ag-glass-intro-module .ag-hero-image {\n        max-width: 500px !important;\n        margin: 0 auto !important;\n      }\n      \n      #ag-glass-intro-module .ag-hero-content {\n        text-align: center !important;\n      }\n      \n      #ag-glass-intro-module .ag-features {\n        justify-content: center !important;\n      }\n      \n      #ag-glass-intro-module .ag-gallery {\n        grid-template-columns: repeat(3, 1fr) !important;\n        gap: 12px !important;\n      }\n    }\n    \n    \/* Mobile Portrait *\/\n    @media screen and (max-width: 600px) {\n      #ag-glass-intro-module {\n        padding: 40px 0 !important;\n      }\n      \n      #ag-glass-intro-module .ag-container {\n        padding: 0 16px !important;\n      }\n      \n      #ag-glass-intro-module .ag-header {\n        margin-bottom: 30px !important;\n      }\n      \n      #ag-glass-intro-module .ag-module-title {\n        font-size: 24px !important;\n      }\n      \n      #ag-glass-intro-module .ag-hero {\n        margin-bottom: 30px !important;\n      }\n      \n      #ag-glass-intro-module .ag-hero-image {\n        border-radius: 12px !important;\n      }\n      \n      #ag-glass-intro-module .ag-text-block {\n        font-size: 15px !important;\n        line-height: 1.75 !important;\n        margin-bottom: 16px !important;\n      }\n      \n      #ag-glass-intro-module .ag-features {\n        gap: 8px !important;\n        margin-top: 24px !important;\n      }\n      \n      #ag-glass-intro-module .ag-feature-tag {\n        font-size: 13px !important;\n        padding: 8px 16px !important;\n      }\n      \n      #ag-glass-intro-module .ag-gallery {\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 10px !important;\n      }\n      \n      #ag-glass-intro-module .ag-gallery-item:last-child {\n        grid-column: span 2 !important;\n      }\n      \n      #ag-glass-intro-module .ag-gallery-item {\n        border-radius: 10px !important;\n      }\n    }\n  <\/style>\n  \n  <div class=\"ag-container\">\n    <!-- Header -->\n    <div class=\"ag-header\">\n      <div class=\"ag-accent-bar\" role=\"presentation\"><\/div>\n      <h2 class=\"ag-module-title\" role=\"heading\" aria-level=\"2\">What Is AG Glass? Understanding Anti-Glare Glass Technology<\/h2>\n    <\/div>\n    \n    <!-- Hero Section -->\n    <div class=\"ag-hero\">\n      <div class=\"ag-hero-image\">\n        <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/What-Is-AG-Glass-1.png\" \n             alt=\"AG Glass vs ordinary glass comparison showing anti-glare effect\" \n             loading=\"lazy\" \n             decoding=\"async\"\n             width=\"600\" \n             height=\"450\">\n      <\/div>\n      \n      <div class=\"ag-hero-content\">\n        <div class=\"ag-content-label\">About AG Glass<\/div>\n        \n        <div class=\"ag-text-block\">\n          <span class=\"ag-highlight\">AG glass<\/span>, more popularly known as anti-reflection or non-reflection glass, is a specific type of glass subjected to chemical etching or surface treatment in an effort to lessen reflection and glare. The process imparts a controlled micro-texture to the glass surface, producing a matte, diffuse, reflective finish that reduces reflections without compromising visibility or clarity.\n        <\/div>\n        \n        <div class=\"ag-text-block\">\n          <span class=\"ag-brand\">Saiwei Glass<\/span> is an AG glass manufacturer leading the way in China. The factory there uses advanced AG-etching technology to make anti-glare glass with controlled roughness, transmittance, and reflectivity. With the benefit of long-term durability, the chemical etching method delivers significantly better anti-glare transmission than simple AG-coating methods, which confine the anti-glare effect to the glass surface.\n        <\/div>\n        \n        <div class=\"ag-text-block\">\n          Irrespective of course, you need AG glass for touch panel applications, LCD Display Panels, automotive displays, or industrial control equipment, our custom glass solutions promise optimal visibility under various light sources while maintaining wholly transparent and open functionality.\n        <\/div>\n        \n        <div class=\"ag-features\" role=\"list\" aria-label=\"AG Glass Applications\">\n          <span class=\"ag-feature-tag\" role=\"listitem\">Touch Panel<\/span>\n          <span class=\"ag-feature-tag\" role=\"listitem\">LCD Display<\/span>\n          <span class=\"ag-feature-tag\" role=\"listitem\">Automotive<\/span>\n          <span class=\"ag-feature-tag\" role=\"listitem\">Industrial<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Gallery Grid -->\n    <div class=\"ag-gallery\" role=\"group\" aria-label=\"AG Glass Product Gallery\">\n      <div class=\"ag-gallery-item\">\n        <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/What-Is-AG-Glass-3.png\" \n             alt=\"AG Glass surface micro-texture detail\" \n             loading=\"lazy\" \n             decoding=\"async\"\n             width=\"280\" \n             height=\"280\">\n      <\/div>\n      <div class=\"ag-gallery-item\">\n        <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/What-Is-AG-Glass-6.png\" \n             alt=\"AG Glass for LCD display panels\" \n             loading=\"lazy\" \n             decoding=\"async\"\n             width=\"280\" \n             height=\"280\">\n      <\/div>\n      <div class=\"ag-gallery-item\">\n        <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/What-Is-AG-Glass-5.png\" \n             alt=\"AG Glass touch panel application\" \n             loading=\"lazy\" \n             decoding=\"async\"\n             width=\"280\" \n             height=\"280\">\n      <\/div>\n      <div class=\"ag-gallery-item\">\n        <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/What-Is-AG-Glass-4.png\" \n             alt=\"AG Glass frame component\" \n             loading=\"lazy\" \n             decoding=\"async\"\n             width=\"280\" \n             height=\"280\">\n      <\/div>\n      <div class=\"ag-gallery-item\">\n        <img src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/What-Is-AG-Glass-2.png\" \n             alt=\"AG Glass industrial equipment screen\" \n             loading=\"lazy\" \n             decoding=\"async\"\n             width=\"280\" \n             height=\"280\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- AG Glass Introduction Module - End -->\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-fa35889\" data-block-id=\"fa35889\"><style>.stk-fa35889 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fa35889-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6ad734d\" data-v=\"4\" data-block-id=\"6ad734d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6ad734d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6ad734d-inner-blocks\">\n<!-- AG Glass - Why Choose Saiwei Module -->\n<style>\n#ag-why-saiwei {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #ffffff !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n}\n\n#ag-why-saiwei *,\n#ag-why-saiwei *::before,\n#ag-why-saiwei *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-why-saiwei .wcs-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-why-saiwei .wcs-header {\n  text-align: center !important;\n  margin-bottom: 36px !important;\n  position: relative !important;\n}\n\n#ag-why-saiwei .wcs-label {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.08) !important;\n  padding: 6px 18px !important;\n  border-radius: 20px !important;\n  margin-bottom: 20px !important;\n}\n\n#ag-why-saiwei .wcs-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.02em !important;\n}\n\n#ag-why-saiwei .wcs-title-accent {\n  color: #1860A8 !important;\n}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n#ag-why-saiwei .wcs-grid {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 24px !important;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n#ag-why-saiwei .wcs-card {\n  position: relative !important;\n  background: #f8fafc !important;\n  border-radius: 16px !important;\n  padding: 36px 28px 32px !important;\n  border: 1px solid #e8ecf4 !important;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\n}\n\n#ag-why-saiwei .wcs-card:hover {\n  transform: translateY(-4px) !important;\n  box-shadow: 0 12px 32px rgba(48,72,144,0.1) !important;\n  border-color: #1878C0 !important;\n}\n\n#ag-why-saiwei .wcs-card-stripe {\n  position: absolute !important;\n  top: 0 !important;\n  left: 28px !important;\n  right: 28px !important;\n  height: 3px !important;\n  border-radius: 0 0 3px 3px !important;\n  background: linear-gradient(90deg, #304890, #1878C0) !important;\n  opacity: 0 !important;\n  transition: opacity 0.3s ease !important;\n}\n\n#ag-why-saiwei .wcs-card:hover .wcs-card-stripe {\n  opacity: 1 !important;\n}\n\n\/* Icon *\/\n#ag-why-saiwei .wcs-icon-wrap {\n  width: 52px !important;\n  height: 52px !important;\n  border-radius: 14px !important;\n  background: linear-gradient(135deg, #304890 0%, #1878C0 100%) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 22px !important;\n  flex-shrink: 0 !important;\n}\n\n#ag-why-saiwei .wcs-icon-wrap svg {\n  width: 26px !important;\n  height: 26px !important;\n  stroke: #ffffff !important;\n  fill: none !important;\n  stroke-width: 1.8 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n}\n\n\/* Card Text *\/\n#ag-why-saiwei .wcs-card-title {\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  margin: 0 0 12px 0 !important;\n  padding: 0 !important;\n  line-height: 1.35 !important;\n}\n\n#ag-why-saiwei .wcs-card-desc {\n  font-size: 14.5px !important;\n  font-weight: 400 !important;\n  color: #5a6a82 !important;\n  line-height: 1.72 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* \u2500\u2500 Number Badge \u2500\u2500 *\/\n#ag-why-saiwei .wcs-num {\n  position: absolute !important;\n  top: 20px !important;\n  right: 20px !important;\n  font-size: 44px !important;\n  font-weight: 800 !important;\n  color: #304890 !important;\n  opacity: 0.06 !important;\n  line-height: 1 !important;\n  pointer-events: none !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media screen and (max-width: 960px) {\n  #ag-why-saiwei .wcs-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media screen and (max-width: 640px) {\n  #ag-why-saiwei {\n    padding: 32px 0 !important;\n  }\n\n  #ag-why-saiwei .wcs-inner {\n    padding: 0 16px !important;\n  }\n\n  #ag-why-saiwei .wcs-title {\n    font-size: 24px !important;\n  }\n\n  #ag-why-saiwei .wcs-header {\n    margin-bottom: 36px !important;\n  }\n\n  #ag-why-saiwei .wcs-grid {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n\n  #ag-why-saiwei .wcs-card {\n    padding: 28px 22px 24px !important;\n  }\n\n  #ag-why-saiwei .wcs-card-title {\n    font-size: 17px !important;\n  }\n\n  #ag-why-saiwei .wcs-card-desc {\n    font-size: 14px !important;\n  }\n}\n<\/style>\n\n<section id=\"ag-why-saiwei\" aria-labelledby=\"wcs-main-title\">\n  <div class=\"wcs-inner\">\n\n    <!-- Section Header -->\n    <header class=\"wcs-header\">\n      <div class=\"wcs-label\">Why Saiwei<\/div>\n      <h2 class=\"wcs-title\" id=\"wcs-main-title\" role=\"heading\" aria-level=\"2\">\n        Why Choose Saiwei as Your <span class=\"wcs-title-accent\">AG Glass Supplier in China?<\/span>\n      <\/h2>\n    <\/header>\n\n    <!-- Cards Grid -->\n    <div class=\"wcs-grid\">\n\n      <!-- Card 1 -->\n      <article class=\"wcs-card\">\n        <span class=\"wcs-card-stripe\" aria-hidden=\"true\"><\/span>\n        <span class=\"wcs-num\" aria-hidden=\"true\">01<\/span>\n        <div class=\"wcs-icon-wrap\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 1v4m0 14v4M4.22 4.22l2.83 2.83m9.9 9.9l2.83 2.83M1 12h4m14 0h4M4.22 19.78l2.83-2.83m9.9-9.9l2.83-2.83\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><\/svg>\n        <\/div>\n        <div class=\"wcs-card-title\" role=\"heading\" aria-level=\"3\">Direct Factory Pricing<\/div>\n        <div class=\"wcs-card-desc\">We eliminate intermediaries as an AG glass factory in China, offering competitive wholesale prices. Enjoy affordable anti-glare glass solutions directly from the manufacturer.<\/div>\n      <\/article>\n\n      <!-- Card 2 -->\n      <article class=\"wcs-card\">\n        <span class=\"wcs-card-stripe\" aria-hidden=\"true\"><\/span>\n        <span class=\"wcs-num\" aria-hidden=\"true\">02<\/span>\n        <div class=\"wcs-icon-wrap\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n        <\/div>\n        <div class=\"wcs-card-title\" role=\"heading\" aria-level=\"3\">Advanced Etching Technology<\/div>\n        <div class=\"wcs-card-desc\">Our proprietary chemical etching technology creates consistent micro-textures on glass surfaces. With gloss levels ranging from 30-110, we can achieve precise gloss control and consistent transmittance and reflectivity.<\/div>\n      <\/article>\n\n      <!-- Card 3 -->\n      <article class=\"wcs-card\">\n        <span class=\"wcs-card-stripe\" aria-hidden=\"true\"><\/span>\n        <span class=\"wcs-num\" aria-hidden=\"true\">03<\/span>\n        <div class=\"wcs-icon-wrap\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.7-3.7a1 1 0 000-1.4l-1.6-1.6a1 1 0 00-1.4 0L14.7 6.3z\"\/><path d=\"M4 21v-4l9.3-9.3 4 4L8 21H4z\"\/><\/svg>\n        <\/div>\n        <div class=\"wcs-card-title\" role=\"heading\" aria-level=\"3\">Custom OEM Solutions<\/div>\n        <div class=\"wcs-card-desc\">We are dedicated to providing fully customized AG glass solutions tailored to your design requirements for shape, size, and thickness, ranging from 0.7 mm to 3.9 mm, as well as other optical specifications. Full OEM engineering support is available.<\/div>\n      <\/article>\n\n      <!-- Card 4 -->\n      <article class=\"wcs-card\">\n        <span class=\"wcs-card-stripe\" aria-hidden=\"true\"><\/span>\n        <span class=\"wcs-num\" aria-hidden=\"true\">04<\/span>\n        <div class=\"wcs-icon-wrap\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        <\/div>\n        <div class=\"wcs-card-title\" role=\"heading\" aria-level=\"3\">Low MOQ &amp; Fast Sampling<\/div>\n        <div class=\"wcs-card-desc\">We provide fewer minimum order quantities than other AG glass suppliers to help mitigate your risk. To validate our performance at no cost to you, we provide samples up to a week before production begins.<\/div>\n      <\/article>\n\n      <!-- Card 5 -->\n      <article class=\"wcs-card\">\n        <span class=\"wcs-card-stripe\" aria-hidden=\"true\"><\/span>\n        <span class=\"wcs-num\" aria-hidden=\"true\">05<\/span>\n        <div class=\"wcs-icon-wrap\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\n        <\/div>\n        <div class=\"wcs-card-title\" role=\"heading\" aria-level=\"3\">Quality Certifications<\/div>\n        <div class=\"wcs-card-desc\">With the majority of our equipment dedicated to advanced testing, we hold an ISO 9001:2015 certification, including gloss meters, ball-drop testers, and haze meters, to ensure consistent quality for your anti-glare glass.<\/div>\n      <\/article>\n\n      <!-- Card 6 -->\n      <article class=\"wcs-card\">\n        <span class=\"wcs-card-stripe\" aria-hidden=\"true\"><\/span>\n        <span class=\"wcs-num\" aria-hidden=\"true\">06<\/span>\n        <div class=\"wcs-icon-wrap\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><path d=\"M7 8h2m2 0h2m2 0h2\"\/><path d=\"M7 12h10\"\/><\/svg>\n        <\/div>\n        <div class=\"wcs-card-title\" role=\"heading\" aria-level=\"3\">One-Stop Processing<\/div>\n        <div class=\"wcs-card-desc\">We provide the full range of our capabilities in-house, including cutting, CNC processing, chemical strengthening, AG etching, AR coating, AF coating, screen printing, and tempered glass processing.<\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-d33eb94\" data-block-id=\"d33eb94\"><style>.stk-d33eb94 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d33eb94-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f40062a\" data-v=\"4\" data-block-id=\"f40062a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f40062a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f40062a-inner-blocks\">\n<style>\n\/* =========================================\n   \u539f\u6709\u7684\u6837\u5f0f\u4fdd\u6301\u4e0d\u53d8\n   ========================================= *\/\n#ag-qa-gallery {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #f8fafc !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n}\n\n#ag-qa-gallery *,\n#ag-qa-gallery *::before,\n#ag-qa-gallery *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-qa-gallery .qag-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-qa-gallery .qag-header {\n  text-align: center !important;\n  margin-bottom: 38px !important;\n}\n\n#ag-qa-gallery .qag-label {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.08) !important;\n  padding: 6px 18px !important;\n  border-radius: 20px !important;\n  margin-bottom: 20px !important;\n}\n\n#ag-qa-gallery .qag-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.02em !important;\n}\n\n#ag-qa-gallery .qag-title-accent {\n  color: #1860A8 !important;\n}\n\n\/* \u2500\u2500 Bento Grid \u2500\u2500 *\/\n#ag-qa-gallery .qag-grid {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  grid-template-rows: 240px 240px 280px !important;\n  gap: 12px !important;\n}\n\n#ag-qa-gallery .qag-cell {\n  position: relative !important;\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  cursor: pointer !important; \/* \u4fdd\u6301\u624b\u578b\u6307\u9488\uff0c\u6697\u793a\u53ef\u70b9\u51fb *\/\n}\n\n\/* Tall item spanning 2 rows *\/\n#ag-qa-gallery .qag-cell--tall {\n  grid-row: span 2 !important;\n}\n\n\/* Image *\/\n#ag-qa-gallery .qag-cell img {\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  transition: transform 0.5s ease !important;\n}\n\n#ag-qa-gallery .qag-cell:hover img {\n  transform: scale(1.05) !important;\n}\n\n\/* Gradient Overlay *\/\n#ag-qa-gallery .qag-overlay {\n  position: absolute !important;\n  inset: 0 !important;\n  background: linear-gradient(0deg, rgba(10,20,50,0.72) 0%, rgba(10,20,50,0.15) 50%, rgba(10,20,50,0.02) 100%) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: flex-end !important;\n  padding: 24px !important;\n  transition: background 0.3s ease !important;\n  pointer-events: none !important; \/* \u8ba9\u70b9\u51fb\u7a7f\u900f\u906e\u7f69\u5c42\u76f4\u63a5\u4f5c\u7528\u4e8e\u56fe\u7247\u7236\u7ea7 *\/\n}\n\n#ag-qa-gallery .qag-cell:hover .qag-overlay {\n  background: linear-gradient(0deg, rgba(24,96,168,0.8) 0%, rgba(48,72,144,0.25) 50%, rgba(10,20,50,0.05) 100%) !important;\n}\n\n\/* Text on Overlay *\/\n#ag-qa-gallery .qag-cat {\n  font-size: 10.5px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.14em !important;\n  text-transform: uppercase !important;\n  color: rgba(255,255,255,0.7) !important;\n  margin: 0 0 6px 0 !important;\n  padding: 0 !important;\n  line-height: 1 !important;\n}\n\n#ag-qa-gallery .qag-name {\n  font-size: 17px !important;\n  font-weight: 700 !important;\n  color: #ffffff !important;\n  line-height: 1.35 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  text-shadow: 0 1px 4px rgba(0,0,0,0.25) !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media screen and (max-width: 960px) {\n  #ag-qa-gallery .qag-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    grid-template-rows: 220px 220px 220px 260px !important;\n  }\n  #ag-qa-gallery .qag-cell--tall {\n    grid-row: span 2 !important;\n  }\n}\n\n@media screen and (max-width: 640px) {\n  #ag-qa-gallery {\n    padding: 32px 0 !important;\n  }\n  #ag-qa-gallery .qag-inner {\n    padding: 0 12px !important;\n  }\n  #ag-qa-gallery .qag-title {\n    font-size: 24px !important;\n  }\n  #ag-qa-gallery .qag-header {\n    margin-bottom: 32px !important;\n  }\n  #ag-qa-gallery .qag-grid {\n    grid-template-columns: 1fr 1fr !important;\n    grid-template-rows: repeat(4, 200px) !important;\n    gap: 8px !important;\n  }\n  #ag-qa-gallery .qag-cell--tall {\n    grid-row: span 2 !important;\n  }\n  #ag-qa-gallery .qag-overlay {\n    padding: 16px !important;\n  }\n  #ag-qa-gallery .qag-cat {\n    font-size: 9px !important;\n  }\n  #ag-qa-gallery .qag-name {\n    font-size: 14px !important;\n  }\n  #ag-qa-gallery .qag-cell {\n    border-radius: 8px !important;\n  }\n}\n\n@media screen and (max-width: 420px) {\n  #ag-qa-gallery .qag-grid {\n    grid-template-columns: 1fr !important;\n    grid-template-rows: repeat(8, 200px) !important;\n  }\n  #ag-qa-gallery .qag-cell--tall {\n    grid-row: span 1 !important;\n  }\n}\n\n\/* =========================================\n   [NEW] \u67e5\u770b\u5927\u56fe Lightbox \u6837\u5f0f\n   ========================================= *\/\n.ag-lightbox-modal {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    background-color: rgba(0, 0, 0, 0.9) !important;\n    z-index: 999999 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    opacity: 0 !important;\n    visibility: hidden !important;\n    transition: opacity 0.3s ease, visibility 0.3s ease !important;\n    padding: 20px !important;\n    box-sizing: border-box !important;\n}\n\n.ag-lightbox-modal.active {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n.ag-lightbox-image {\n    max-width: 90% !important;\n    max-height: 90vh !important;\n    object-fit: contain !important;\n    border-radius: 4px !important;\n    box-shadow: 0 0 20px rgba(0,0,0,0.5) !important;\n    transform: scale(0.95) !important;\n    transition: transform 0.3s ease !important;\n}\n\n.ag-lightbox-modal.active .ag-lightbox-image {\n    transform: scale(1) !important;\n}\n\n.ag-lightbox-close {\n    position: absolute !important;\n    top: 20px !important;\n    right: 30px !important;\n    color: #fff !important;\n    font-size: 40px !important;\n    font-weight: bold !important;\n    cursor: pointer !important;\n    line-height: 1 !important;\n    z-index: 1000000 !important;\n    transition: color 0.2s !important;\n    font-family: Arial, sans-serif !important;\n}\n\n.ag-lightbox-close:hover {\n    color: #ddd !important;\n}\n<\/style>\n\n<section id=\"ag-qa-gallery\" aria-labelledby=\"qag-main-title\">\n  <div class=\"qag-inner\">\n\n    <header class=\"qag-header\">\n      <div class=\"qag-label\">Our Capabilities<\/div>\n      <h2 class=\"qag-title\" id=\"qag-main-title\" role=\"heading\" aria-level=\"2\">\n        Quality Assurance | <span class=\"qag-title-accent\">Trusted AG Glass Manufacturer in China<\/span>\n      <\/h2>\n    <\/header>\n\n    <div class=\"qag-grid\">\n\n      <div class=\"qag-cell\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/High-Temperature-Screen-Printing.png\"\n             alt=\"High temperature screen printing process for AG glass surface decoration\"\n             width=\"400\" height=\"280\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">Surface Decoration<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">High Temp Screen Printing<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qag-cell\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Glass-CNC-Drilling.png\"\n             alt=\"Precision CNC drilling on glass panels for AG glass manufacturing\"\n             width=\"400\" height=\"280\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">CNC Machining<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">Precision CNC Drilling<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qag-cell qag-cell--tall\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/custom-glass-drilling-service.png\"\n             alt=\"Custom glass drilling service for specialized AG glass applications\"\n             width=\"400\" height=\"560\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">Custom Processing<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">Custom Glass Drilling Service<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qag-cell\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Glass_ultrasonic_cleaning.png\"\n             alt=\"Ultrasonic pure water cleaning for quality control in AG glass production\"\n             width=\"400\" height=\"280\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">Quality Control<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">Ultrasonic Pure Water Cleaning<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qag-cell\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Glass_dust_free_workshop-silk-screen-printing.png\"\n             alt=\"Dust-free production workshop for AG glass silk-screen printing\"\n             width=\"400\" height=\"280\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">Clean Environment<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">Dust-Free Production Workshop<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qag-cell\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Glass-Edging.png\"\n             alt=\"Precision glass edging and finishing for anti-glare glass products\"\n             width=\"400\" height=\"320\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">Precision Finishing<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">Glass Edge Processing<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qag-cell\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Quality-inspection-of-Shenxun-glass.png\"\n             alt=\"Quality inspection of AG glass ensuring consistent anti-glare performance\"\n             width=\"400\" height=\"320\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">Quality Assurance<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">Quality Inspection<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"qag-cell\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Screen-Printing.png\"\n             alt=\"Screen printing process for AG glass surface treatment and coating\"\n             width=\"400\" height=\"320\" loading=\"lazy\">\n        <div class=\"qag-overlay\">\n          <div class=\"qag-cat\">Surface Treatment<\/div>\n          <div class=\"qag-name\" role=\"heading\" aria-level=\"3\">Screen Printing Process<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ 1. \u521b\u5efa Lightbox \u7684 DOM \u7ed3\u6784\n    const lightboxMarkup = `\n        <div id=\"ag-lightbox\" class=\"ag-lightbox-modal\">\n            <span class=\"ag-lightbox-close\">&times;<\/span>\n            <img decoding=\"async\" class=\"ag-lightbox-image\" src=\"\" alt=\"Full view\">\n        <\/div>\n    `;\n    \n    \/\/ \u5c06 Lightbox \u6dfb\u52a0\u5230 body \u672b\u5c3e\uff0c\u786e\u4fdd\u4e0d\u53d7\u7236\u7ea7 overflow:hidden \u9650\u5236\n    document.body.insertAdjacentHTML('beforeend', lightboxMarkup);\n    \n    const lightbox = document.getElementById('ag-lightbox');\n    const lightboxImg = lightbox.querySelector('img');\n    const closeBtn = lightbox.querySelector('.ag-lightbox-close');\n    const galleryCells = document.querySelectorAll('#ag-qa-gallery .qag-cell');\n\n    \/\/ 2. \u4e3a\u6bcf\u4e2a Gallery Cell \u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\n    galleryCells.forEach(cell => {\n        cell.addEventListener('click', function() {\n            const img = this.querySelector('img');\n            if (img) {\n                lightboxImg.src = img.src; \/\/ \u83b7\u53d6\u5f53\u524d\u56fe\u7247\u7684 src\n                lightboxImg.alt = img.alt; \/\/ \u83b7\u53d6 alt \u6587\u672c\n                lightbox.classList.add('active'); \/\/ \u663e\u793a\u5f39\u7a97\n            }\n        });\n    });\n\n    \/\/ 3. \u5173\u95ed\u529f\u80fd\n    const closeLightbox = () => {\n        lightbox.classList.remove('active');\n        setTimeout(() => {\n             lightboxImg.src = ''; \/\/ \u52a8\u753b\u7ed3\u675f\u540e\u6e05\u7a7a src\uff0c\u907f\u514d\u4e0b\u6b21\u6253\u5f00\u95ea\u70c1\n        }, 300);\n    };\n\n    \/\/ \u70b9\u51fb\u5173\u95ed\u6309\u94ae\u5173\u95ed\n    closeBtn.addEventListener('click', closeLightbox);\n\n    \/\/ \u70b9\u51fb\u80cc\u666f\u533a\u57df\u5173\u95ed\n    lightbox.addEventListener('click', function(e) {\n        if (e.target === lightbox) {\n            closeLightbox();\n        }\n    });\n    \n    \/\/ \u6309 ESC \u952e\u5173\u95ed\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n            closeLightbox();\n        }\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3db0f89\" data-block-id=\"3db0f89\"><style>.stk-3db0f89 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3db0f89-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f831ef0\" data-v=\"4\" data-block-id=\"f831ef0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f831ef0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f831ef0-inner-blocks\">\n<!-- AG Glass Technical Specifications Module -->\n<style>\n#ag-tech-specs {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #ffffff !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n}\n\n#ag-tech-specs *,\n#ag-tech-specs *::before,\n#ag-tech-specs *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-tech-specs .ats-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-tech-specs .ats-header {\n  text-align: center !important;\n  margin-bottom: 16px !important;\n}\n\n#ag-tech-specs .ats-label {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.08) !important;\n  padding: 6px 18px !important;\n  border-radius: 20px !important;\n  margin-bottom: 20px !important;\n}\n\n#ag-tech-specs .ats-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.02em !important;\n}\n\n#ag-tech-specs .ats-title-accent {\n  color: #1860A8 !important;\n}\n\n#ag-tech-specs .ats-desc {\n  font-size: 15.5px !important;\n  color: #5a6a82 !important;\n  line-height: 1.7 !important;\n  max-width: 780px !important;\n  margin: 16px auto 0 !important;\n  padding: 0 !important;\n  text-align: center !important;\n}\n\n\/* \u2500\u2500 Tabs \u2500\u2500 *\/\n#ag-tech-specs .ats-tabs {\n  display: flex !important;\n  justify-content: center !important;\n  gap: 6px !important;\n  margin: 40px 0 32px !important;\n  flex-wrap: wrap !important;\n}\n\n#ag-tech-specs .ats-tab {\n  padding: 10px 22px !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: #5a6a82 !important;\n  background: #ffffff !important;\n  border: 1.5px solid #dde3ed !important;\n  border-radius: 8px !important;\n  cursor: pointer !important;\n  transition: all 0.25s ease !important;\n  white-space: nowrap !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  outline: none !important;\n  font-family: inherit !important;\n  line-height: 1.4 !important;\n}\n\n#ag-tech-specs .ats-tab:hover {\n  color: #1860A8 !important;\n  border-color: #1860A8 !important;\n  background: rgba(24,96,168,0.04) !important;\n}\n\n#ag-tech-specs .ats-tab.active {\n  color: #ffffff !important;\n  background: linear-gradient(135deg, #304890 0%, #1878C0 100%) !important;\n  border-color: #304890 !important;\n  box-shadow: 0 4px 12px rgba(48,72,144,0.25) !important;\n}\n\n\/* \u2500\u2500 Panel \u2500\u2500 *\/\n#ag-tech-specs .ats-panel {\n  display: none !important;\n}\n\n#ag-tech-specs .ats-panel.active {\n  display: block !important;\n}\n\n\/* \u2500\u2500 Table Card \u2500\u2500 *\/\n#ag-tech-specs .ats-table-card {\n  background: #ffffff !important;\n  border-radius: 16px !important;\n  border: 1px solid #e2e8f0 !important;\n  overflow: hidden !important;\n  box-shadow: 0 2px 12px rgba(48,72,144,0.06) !important;\n}\n\n#ag-tech-specs .ats-table-head {\n  padding: 24px 28px 8px !important;\n  border-bottom: 1px solid #edf0f7 !important;\n  background: #fafbfe !important;\n}\n\n#ag-tech-specs .ats-table-title {\n  font-size: 20px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  margin: 0 0 4px 0 !important;\n  padding: 0 !important;\n  line-height: 1.35 !important;\n}\n\n#ag-tech-specs .ats-table-sub {\n  font-size: 13.5px !important;\n  color: #7c8ba5 !important;\n  margin: 0 0 16px 0 !important;\n  padding: 0 !important;\n  line-height: 1.5 !important;\n}\n\n\/* \u2500\u2500 Scrollable Table Wrapper \u2500\u2500 *\/\n#ag-tech-specs .ats-table-wrap {\n  width: 100% !important;\n  overflow-x: auto !important;\n  -webkit-overflow-scrolling: touch !important;\n}\n\n\/* \u2500\u2500 Table \u2500\u2500 *\/\n#ag-tech-specs .ats-table {\n  width: 100% !important;\n  border-collapse: collapse !important;\n  border-spacing: 0 !important;\n  min-width: 600px !important;\n  table-layout: auto !important;\n}\n\n#ag-tech-specs .ats-table thead {\n  background: transparent !important;\n}\n\n#ag-tech-specs .ats-table thead .ats-th {\n  font-size: 11.5px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.08em !important;\n  color: #304890 !important;\n  padding: 14px 20px !important;\n  text-align: left !important;\n  border-bottom: 2px solid #304890 !important;\n  white-space: nowrap !important;\n  background: transparent !important;\n}\n\n#ag-tech-specs .ats-table tbody .ats-tr {\n  transition: background 0.15s ease !important;\n}\n\n#ag-tech-specs .ats-table tbody .ats-tr:hover {\n  background: rgba(48,72,144,0.03) !important;\n}\n\n#ag-tech-specs .ats-table tbody .ats-td {\n  font-size: 14px !important;\n  color: #374151 !important;\n  padding: 14px 20px !important;\n  text-align: left !important;\n  border-bottom: 1px solid #f0f2f7 !important;\n  line-height: 1.55 !important;\n  vertical-align: top !important;\n}\n\n#ag-tech-specs .ats-table tbody .ats-tr:last-child .ats-td {\n  border-bottom: none !important;\n}\n\n\/* First col emphasis *\/\n#ag-tech-specs .ats-table tbody .ats-td:first-child {\n  font-weight: 600 !important;\n  color: #1e293b !important;\n  white-space: nowrap !important;\n}\n\n\/* \u2500\u2500 Gloss Badge \u2500\u2500 *\/\n#ag-tech-specs .ats-badge {\n  display: inline-block !important;\n  font-size: 11.5px !important;\n  font-weight: 600 !important;\n  padding: 3px 10px !important;\n  border-radius: 6px !important;\n  letter-spacing: 0.02em !important;\n  white-space: nowrap !important;\n}\n\n#ag-tech-specs .ats-badge--low {\n  background: rgba(48,72,168,0.1) !important;\n  color: #304890 !important;\n}\n\n#ag-tech-specs .ats-badge--mid {\n  background: rgba(24,120,192,0.1) !important;\n  color: #1878C0 !important;\n}\n\n#ag-tech-specs .ats-badge--high {\n  background: rgba(24,96,168,0.1) !important;\n  color: #1860A8 !important;\n}\n\n\/* \u2500\u2500 Environment Tag \u2500\u2500 *\/\n#ag-tech-specs .ats-env {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 5px !important;\n  font-size: 12.5px !important;\n  font-weight: 500 !important;\n  color: #5a6a82 !important;\n}\n\n#ag-tech-specs .ats-env-dot {\n  width: 7px !important;\n  height: 7px !important;\n  border-radius: 50% !important;\n  flex-shrink: 0 !important;\n}\n\n#ag-tech-specs .ats-env-dot--outdoor {\n  background: #f59e0b !important;\n}\n\n#ag-tech-specs .ats-env-dot--indoor {\n  background: #10b981 !important;\n}\n\n#ag-tech-specs .ats-env-dot--controlled {\n  background: #6366f1 !important;\n}\n\n\/* \u2500\u2500 Optical Highlight \u2500\u2500 *\/\n#ag-tech-specs .ats-val {\n  font-weight: 600 !important;\n  color: #1860A8 !important;\n  font-variant-numeric: tabular-nums !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media screen and (max-width:690px) {\n  #ag-tech-specs {\n    padding: 32px 0 !important;\n  }\n\n  #ag-tech-specs .ats-inner {\n    padding: 0 12px !important;\n  }\n\n  #ag-tech-specs .ats-title {\n    font-size: 24px !important;\n  }\n\n  #ag-tech-specs .ats-desc {\n    font-size: 14px !important;\n  }\n\n  #ag-tech-specs .ats-tabs {\n    gap: 6px !important;\n    margin: 28px 0 24px !important;\n  }\n\n  #ag-tech-specs .ats-tab {\n    padding: 8px 16px !important;\n    font-size: 13px !important;\n  }\n\n  #ag-tech-specs .ats-table-head {\n    padding: 18px 16px 6px !important;\n  }\n\n  #ag-tech-specs .ats-table-title {\n    font-size: 17px !important;\n  }\n\n  #ag-tech-specs .ats-table thead .ats-th {\n    padding: 10px 14px !important;\n    font-size: 10.5px !important;\n  }\n\n  #ag-tech-specs .ats-table tbody .ats-td {\n    padding: 10px 14px !important;\n    font-size: 13px !important;\n  }\n\n  #ag-tech-specs .ats-table {\n    min-width: 520px !important;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  #ag-tech-specs .ats-title {\n    font-size: 21px !important;\n  }\n\n  #ag-tech-specs .ats-tab {\n    padding: 7px 12px !important;\n    font-size: 12px !important;\n  }\n}\n<\/style>\n\n<section id=\"ag-tech-specs\" aria-labelledby=\"ats-main-title\">\n  <div class=\"ats-inner\">\n\n    <!-- Header -->\n    <header class=\"ats-header\">\n      <div class=\"ats-label\">Technical Data<\/div>\n      <h2 class=\"ats-title\" id=\"ats-main-title\" role=\"heading\" aria-level=\"2\">\n        AG Glass Technical Specifications | <span class=\"ats-title-accent\">China Factory Standards<\/span>\n      <\/h2>\n      <div class=\"ats-desc\">As a professional anti-glare glass manufacturer, we maintain strict quality control over all technical parameters. Below are our standard AG glass specifications and capabilities.<\/div>\n    <\/header>\n\n    <!-- Tabs -->\n    <div class=\"ats-tabs\" role=\"tablist\" aria-label=\"Specification categories\">\n      <button class=\"ats-tab active\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ats-panel-gloss\" id=\"ats-tab-gloss\" type=\"button\">Gloss Level Guide<\/button>\n      <button class=\"ats-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ats-panel-thickness\" id=\"ats-tab-thickness\" type=\"button\">Thickness &amp; Tolerance<\/button>\n      <button class=\"ats-tab\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ats-panel-optical\" id=\"ats-tab-optical\" type=\"button\">Optical Parameters<\/button>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- Panel 1: Gloss Level Guide              -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"ats-panel active\" id=\"ats-panel-gloss\" role=\"tabpanel\" aria-labelledby=\"ats-tab-gloss\">\n      <div class=\"ats-table-card\">\n        <div class=\"ats-table-head\">\n          <div class=\"ats-table-title\" role=\"heading\" aria-level=\"3\">Gloss Level Guide for AG Glass Selection<\/div>\n          <div class=\"ats-table-sub\">Choose the right gloss range based on your display environment and application needs<\/div>\n        <\/div>\n        <div class=\"ats-table-wrap\">\n          <table class=\"ats-table\">\n            <thead>\n              <tr>\n                <td class=\"ats-th\" role=\"columnheader\">Gloss Range<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Characteristics<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Typical Applications<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Environment<\/td>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-badge ats-badge--low\">30\u201350 Gloss<\/span><\/td>\n                <td class=\"ats-td\">Strong anti-glare; maximum diffusion; blurs reflections effectively<\/td>\n                <td class=\"ats-td\">Outdoor displays, bright dashboards, direct sunlight exposure<\/td>\n                <td class=\"ats-td\"><span class=\"ats-env\"><span class=\"ats-env-dot ats-env-dot--outdoor\" aria-hidden=\"true\"><\/span>Outdoor \/ High Brightness<\/span><\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-badge ats-badge--mid\">60\u201380 Gloss<\/span><\/td>\n                <td class=\"ats-td\">Balanced readability; good contrast; transparent appearance<\/td>\n                <td class=\"ats-td\">Industrial HMI, ATM, POS systems, medical monitors<\/td>\n                <td class=\"ats-td\"><span class=\"ats-env\"><span class=\"ats-env-dot ats-env-dot--indoor\" aria-hidden=\"true\"><\/span>Indoor \/ Mixed Lighting<\/span><\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-badge ats-badge--high\">90\u2013110 Gloss<\/span><\/td>\n                <td class=\"ats-td\">High clarity; excellent color fidelity; minimal diffusion<\/td>\n                <td class=\"ats-td\">Automotive infotainment, premium consumer electronics<\/td>\n                <td class=\"ats-td\"><span class=\"ats-env\"><span class=\"ats-env-dot ats-env-dot--controlled\" aria-hidden=\"true\"><\/span>Controlled Lighting<\/span><\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- Panel 2: Thickness & Tolerance          -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"ats-panel\" id=\"ats-panel-thickness\" role=\"tabpanel\" aria-labelledby=\"ats-tab-thickness\">\n      <div class=\"ats-table-card\">\n        <div class=\"ats-table-head\">\n          <div class=\"ats-table-title\" role=\"heading\" aria-level=\"3\">Thickness &amp; Tolerance Capabilities<\/div>\n          <div class=\"ats-table-sub\">All values in millimeters (mm) \u2014 Min\/Max ranges after etching process<\/div>\n        <\/div>\n        <div class=\"ats-table-wrap\">\n          <table class=\"ats-table\">\n            <thead>\n              <tr>\n                <td class=\"ats-th\" role=\"columnheader\">Thickness (mm)<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Raw Material Tolerance<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Single Side Etching (Min\/Max)<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Double Side Etching (Min\/Max)<\/td>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-val\">0.7<\/span><\/td>\n                <td class=\"ats-td\">0.75 \/ 0.65<\/td>\n                <td class=\"ats-td\">0.75 \/ 0.59<\/td>\n                <td class=\"ats-td\">0.67 \/ 0.53<\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-val\">1.1<\/span><\/td>\n                <td class=\"ats-td\">1.15 \/ 1.05<\/td>\n                <td class=\"ats-td\">1.11 \/ 0.99<\/td>\n                <td class=\"ats-td\">1.07 \/ 0.93<\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-val\">1.6<\/span><\/td>\n                <td class=\"ats-td\">1.68 \/ 1.52<\/td>\n                <td class=\"ats-td\">1.64 \/ 1.46<\/td>\n                <td class=\"ats-td\">1.60 \/ 1.40<\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-val\">1.9<\/span><\/td>\n                <td class=\"ats-td\">2.08 \/ 1.91<\/td>\n                <td class=\"ats-td\">2.04 \/ 1.85<\/td>\n                <td class=\"ats-td\">2.00 \/ 1.79<\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-val\">2.2<\/span><\/td>\n                <td class=\"ats-td\">2.26 \/ 2.16<\/td>\n                <td class=\"ats-td\">2.22 \/ 2.10<\/td>\n                <td class=\"ats-td\">2.18 \/ 2.04<\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-val\">3.1<\/span><\/td>\n                <td class=\"ats-td\">3.15 \/ 3.05<\/td>\n                <td class=\"ats-td\">3.11 \/ 2.99<\/td>\n                <td class=\"ats-td\">3.07 \/ 2.93<\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\"><span class=\"ats-val\">3.9<\/span><\/td>\n                <td class=\"ats-td\">3.94 \/ 3.78<\/td>\n                <td class=\"ats-td\">3.90 \/ 3.72<\/td>\n                <td class=\"ats-td\">3.86 \/ 3.66<\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- Panel 3: Optical Parameters             -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"ats-panel\" id=\"ats-panel-optical\" role=\"tabpanel\" aria-labelledby=\"ats-tab-optical\">\n      <div class=\"ats-table-card\">\n        <div class=\"ats-table-head\">\n          <div class=\"ats-table-title\" role=\"heading\" aria-level=\"3\">Optical Parameters by Application<\/div>\n          <div class=\"ats-table-sub\">Grade-specific optical performance for Medical, Marine, and Automotive AG glass<\/div>\n        <\/div>\n        <div class=\"ats-table-wrap\">\n          <table class=\"ats-table\">\n            <thead>\n              <tr>\n                <td class=\"ats-th\" role=\"columnheader\">Parameter<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Medical Grade AG<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Marine Grade AG<\/td>\n                <td class=\"ats-th\" role=\"columnheader\">Automotive Grade AG<\/td>\n              <\/tr>\n            <\/thead>\n            <tbody>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\">Gloss<\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">70\u201380<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">50\u201360<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">100\u2013110<\/span><\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\">Haze<\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">4.7%<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">11%<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">2\u20133%<\/span><\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\">Roughness (Ra)<\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">0.12 \u03bcm<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">0.15 \u03bcm<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">0.08 \u03bcm<\/span><\/td>\n              <\/tr>\n              <tr class=\"ats-tr\">\n                <td class=\"ats-td\">Transmittance<\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">&gt;89%<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">&gt;89%<\/span><\/td>\n                <td class=\"ats-td\"><span class=\"ats-val\">&gt;92%<\/span><\/td>\n              <\/tr>\n            <\/tbody>\n          <\/table>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n\n  function initATSTabs() {\n    var module = document.getElementById('ag-tech-specs');\n    if (!module) return;\n\n    var tabs = module.querySelectorAll('.ats-tab');\n    var panels = module.querySelectorAll('.ats-panel');\n\n    tabs.forEach(function(tab) {\n      tab.addEventListener('click', function(e) {\n        e.preventDefault();\n        var targetId = tab.getAttribute('aria-controls');\n\n        \/\/ Deactivate all\n        tabs.forEach(function(t) {\n          t.classList.remove('active');\n          t.setAttribute('aria-selected', 'false');\n        });\n        panels.forEach(function(p) {\n          p.classList.remove('active');\n        });\n\n        \/\/ Activate clicked\n        tab.classList.add('active');\n        tab.setAttribute('aria-selected', 'true');\n        var target = module.querySelector('#' + targetId);\n        if (target) target.classList.add('active');\n      });\n\n      \/\/ Keyboard nav\n      tab.addEventListener('keydown', function(e) {\n        var idx = Array.prototype.indexOf.call(tabs, tab);\n        var next;\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n          e.preventDefault();\n          next = tabs[(idx + 1) % tabs.length];\n          next.focus();\n          next.click();\n        } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n          e.preventDefault();\n          next = tabs[(idx - 1 + tabs.length) % tabs.length];\n          next.focus();\n          next.click();\n        }\n      });\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initATSTabs);\n  } else {\n    initATSTabs();\n  }\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5ff3e9d\" data-block-id=\"5ff3e9d\"><style>.stk-5ff3e9d {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5ff3e9d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-314b0de\" data-v=\"4\" data-block-id=\"314b0de\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-314b0de-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-314b0de-inner-blocks\">\n<!-- AG Glass Products Module - Improved v2 -->\n<style>\n#ag-products-showcase {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #f9fafc !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n}\n\n#ag-products-showcase *,\n#ag-products-showcase *::before,\n#ag-products-showcase *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-products-showcase .aps-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-products-showcase .aps-header {\n  text-align: center !important;\n  margin-bottom: 42px !important;\n}\n\n#ag-products-showcase .aps-label {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.08) !important;\n  padding: 6px 18px !important;\n  border-radius: 20px !important;\n  margin-bottom: 20px !important;\n}\n\n#ag-products-showcase .aps-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.02em !important;\n}\n\n#ag-products-showcase .aps-title-accent {\n  color: #1860A8 !important;\n}\n\n#ag-products-showcase .aps-desc {\n  font-size: 15.5px !important;\n  color: #5a6a82 !important;\n  line-height: 1.7 !important;\n  max-width: 900px !important;\n  margin: 16px auto 0 !important;\n  padding: 0 !important;\n  text-align: center !important;\n}\n\n\/* \u2500\u2500 Product Grid: 2-col \u2500\u2500 *\/\n#ag-products-showcase .aps-grid {\n  display: grid !important;\n  grid-template-columns: repeat(2, 1fr) !important;\n  gap: 28px !important;\n}\n\n\/* \u2500\u2500 Product Card \u2500\u2500 *\/\n#ag-products-showcase .aps-card {\n  background: #f8fafc !important;\n  border-radius: 16px !important;\n  border: 1px solid #e2e8f0 !important;\n  overflow: hidden !important;\n  display: flex !important;\n  flex-direction: column !important;\n  transition: box-shadow 0.35s ease, border-color 0.35s ease, transform 0.35s ease !important;\n}\n\n#ag-products-showcase .aps-card:hover {\n  box-shadow: 0 12px 40px rgba(48,72,144,0.12) !important;\n  border-color: #1878C0 !important;\n  transform: translateY(-3px) !important;\n}\n\n\/* \u2500\u2500 Image \u2500\u2500 *\/\n#ag-products-showcase .aps-img-wrap {\n  position: relative !important;\n  width: 100% !important;\n  aspect-ratio: 16 \/ 9 !important;\n  overflow: hidden !important;\n  background: linear-gradient(135deg, #e8ecf4 0%, #dde3ed 100%) !important;\n  flex-shrink: 0 !important;\n}\n\n#ag-products-showcase .aps-img-wrap img {\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center center !important;\n  transition: transform 0.6s ease !important;\n}\n\n#ag-products-showcase .aps-card:hover .aps-img-wrap img {\n  transform: scale(1.06) !important;\n}\n\n\/* Image overlay gradient - subtle bottom fade *\/\n#ag-products-showcase .aps-img-fade {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  height: 50% !important;\n  background: linear-gradient(0deg, rgba(10,20,50,0.15) 0%, transparent 100%) !important;\n  pointer-events: none !important;\n}\n\n\/* Badge *\/\n#ag-products-showcase .aps-badge {\n  position: absolute !important;\n  top: 16px !important;\n  left: 16px !important;\n  font-size: 10.5px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.08em !important;\n  text-transform: uppercase !important;\n  color: #ffffff !important;\n  background: linear-gradient(135deg, #304890, #1878C0) !important;\n  padding: 5px 14px !important;\n  border-radius: 6px !important;\n  line-height: 1.4 !important;\n  box-shadow: 0 2px 8px rgba(48,72,144,0.3) !important;\n}\n\n\/* \u2500\u2500 Card Body \u2500\u2500 *\/\n#ag-products-showcase .aps-body {\n  padding: 28px 28px 20px !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n\n#ag-products-showcase .aps-card-name {\n  font-size: 21px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  margin: 0 0 12px 0 !important;\n  padding: 0 !important;\n  line-height: 1.3 !important;\n}\n\n#ag-products-showcase .aps-card:hover .aps-card-name {\n  color: #304890 !important;\n}\n\n#ag-products-showcase .aps-card-text {\n  font-size: 14.5px !important;\n  color: #5a6a82 !important;\n  line-height: 1.75 !important;\n  margin: 0 0 24px 0 !important;\n  padding: 0 !important;\n}\n\n\/* \u2500\u2500 Spec Grid \u2500\u2500 *\/\n#ag-products-showcase .aps-specs {\n  display: grid !important;\n  grid-template-columns: repeat(2, 1fr) !important;\n  gap: 0 !important;\n  margin-top: auto !important;\n  background: #ffffff !important;\n  border-radius: 12px !important;\n  border: 1px solid #e8ecf4 !important;\n  overflow: hidden !important;\n}\n\n#ag-products-showcase .aps-spec {\n  padding: 16px 20px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 4px !important;\n  position: relative !important;\n}\n\n\/* Dividers using borders *\/\n#ag-products-showcase .aps-spec::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 16px !important;\n  right: 16px !important;\n  height: 1px !important;\n  background: #edf0f7 !important;\n}\n\n#ag-products-showcase .aps-spec:nth-last-child(-n+2)::after {\n  display: none !important;\n}\n\n#ag-products-showcase .aps-spec:nth-child(odd) {\n  border-right: 1px solid #edf0f7 !important;\n}\n\n#ag-products-showcase .aps-spec-icon {\n  width: 20px !important;\n  height: 20px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  border-radius: 5px !important;\n  background: rgba(24,120,192,0.08) !important;\n  flex-shrink: 0 !important;\n  margin-bottom: 2px !important;\n}\n\n#ag-products-showcase .aps-spec-icon svg {\n  width: 12px !important;\n  height: 12px !important;\n  stroke: #1878C0 !important;\n  fill: none !important;\n  stroke-width: 2 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n}\n\n#ag-products-showcase .aps-spec-label {\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.06em !important;\n  color: #8896ae !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.3 !important;\n}\n\n#ag-products-showcase .aps-spec-value {\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  color: #1860A8 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.35 !important;\n  font-variant-numeric: tabular-nums !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media screen and (max-width: 900px) {\n  #ag-products-showcase .aps-grid {\n    grid-template-columns: 1fr !important;\n    max-width: 620px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    gap: 24px !important;\n  }\n}\n\n@media screen and (max-width: 640px) {\n  #ag-products-showcase {\n    padding: 32px 0 !important;\n  }\n\n  #ag-products-showcase .aps-inner {\n    padding: 0 14px !important;\n  }\n\n  #ag-products-showcase .aps-title {\n    font-size: 24px !important;\n  }\n\n  #ag-products-showcase .aps-desc {\n    font-size: 14px !important;\n  }\n\n  #ag-products-showcase .aps-header {\n    margin-bottom: 36px !important;\n  }\n\n  #ag-products-showcase .aps-grid {\n    max-width: 100% !important;\n  }\n\n  #ag-products-showcase .aps-img-wrap {\n    aspect-ratio: 16 \/ 10 !important;\n  }\n\n  #ag-products-showcase .aps-body {\n    padding: 22px 20px 16px !important;\n  }\n\n  #ag-products-showcase .aps-card-name {\n    font-size: 19px !important;\n  }\n\n  #ag-products-showcase .aps-card-text {\n    font-size: 13.5px !important;\n    margin-bottom: 20px !important;\n  }\n\n  #ag-products-showcase .aps-spec {\n    padding: 14px 16px !important;\n  }\n\n  #ag-products-showcase .aps-spec-value {\n    font-size: 15px !important;\n  }\n\n  #ag-products-showcase .aps-badge {\n    top: 12px !important;\n    left: 12px !important;\n  }\n}\n\n@media screen and (max-width: 380px) {\n  #ag-products-showcase .aps-title {\n    font-size: 21px !important;\n  }\n\n  #ag-products-showcase .aps-specs {\n    grid-template-columns: 1fr !important;\n  }\n\n  #ag-products-showcase .aps-spec:nth-child(odd) {\n    border-right: none !important;\n  }\n\n  #ag-products-showcase .aps-spec::after {\n    display: block !important;\n  }\n\n  #ag-products-showcase .aps-spec:last-child::after {\n    display: none !important;\n  }\n}\n<\/style>\n\n<section id=\"ag-products-showcase\" aria-labelledby=\"aps-main-title\">\n  <div class=\"aps-inner\">\n\n    <!-- Header -->\n    <header class=\"aps-header\">\n      <div class=\"aps-label\">Our Products<\/div>\n      <h2 class=\"aps-title\" id=\"aps-main-title\" role=\"heading\" aria-level=\"2\">\n        AG Glass Products from China Manufacturer | <span class=\"aps-title-accent\">Wholesale Anti-Glare Glass<\/span>\n      <\/h2>\n      <div class=\"aps-desc\">Saiwei Glass offers a comprehensive range of AG glass products, available with various processing methods and specifications. Our chemically etched AG glass delivers superior performance across a range of display applications.<\/div>\n    <\/header>\n\n    <!-- Product Grid -->\n    <div class=\"aps-grid\">\n\n      <!-- \u2550\u2550\u2550 Card 1: Chemically Etched AG Glass \u2550\u2550\u2550 -->\n      <article class=\"aps-card\">\n        <div class=\"aps-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Chemically-Etched-AG-Glass.png\"\n               alt=\"Chemically etched AG glass with embedded anti-glare micro-texture surface\"\n               width=\"580\" height=\"326\" loading=\"lazy\">\n          <div class=\"aps-img-fade\" aria-hidden=\"true\"><\/div>\n          <span class=\"aps-badge\" aria-hidden=\"true\">Core Product<\/span>\n        <\/div>\n        <div class=\"aps-body\">\n          <div class=\"aps-card-name\" role=\"heading\" aria-level=\"3\">Chemically Etched AG Glass<\/div>\n          <div class=\"aps-card-text\">Premium etched AG glass with embedded anti-glare effect. The chemical etching process creates a durable micro-texture that withstands temperature operations and handling.<\/div>\n          <div class=\"aps-specs\">\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 000 20 14.5 14.5 0 000-20\"\/><path d=\"M2 12h20\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Gloss Range<\/span>\n              <span class=\"aps-spec-value\">30-110<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3v18M3 12h18\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Transmittance<\/span>\n              <span class=\"aps-spec-value\">&gt;89%<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 3v18\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Thickness<\/span>\n              <span class=\"aps-spec-value\">0.7-3.9mm<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Processing<\/span>\n              <span class=\"aps-spec-value\">Single\/Double Side<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- \u2550\u2550\u2550 Card 2: Tempered AG Glass \u2550\u2550\u2550 -->\n      <article class=\"aps-card\">\n        <div class=\"aps-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Tempered-AG-Glass.png\"\n               alt=\"Tempered AG glass with chemical strengthening for enhanced impact resistance\"\n               width=\"580\" height=\"326\" loading=\"lazy\">\n          <div class=\"aps-img-fade\" aria-hidden=\"true\"><\/div>\n          <span class=\"aps-badge\" aria-hidden=\"true\">High Strength<\/span>\n        <\/div>\n        <div class=\"aps-body\">\n          <div class=\"aps-card-name\" role=\"heading\" aria-level=\"3\">Tempered AG Glass<\/div>\n          <div class=\"aps-card-text\">Strengthened AG glass with enhanced impact resistance. Chemical strengthening enables CS &gt; 450 MPa and DOL &gt; 8 \u03bcm in demanding environments.<\/div>\n          <div class=\"aps-specs\">\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Compressive Stress<\/span>\n              <span class=\"aps-spec-value\">&gt;450 MPa<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 00-1-1.7l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.7l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">DOL<\/span>\n              <span class=\"aps-spec-value\">&gt;8 \u03bcm<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Drop Ball Test<\/span>\n              <span class=\"aps-spec-value\">Pass<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Applications<\/span>\n              <span class=\"aps-spec-value\">Industrial\/Outdoor<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- \u2550\u2550\u2550 Card 3: AG+AR Combination Glass \u2550\u2550\u2550 -->\n      <article class=\"aps-card\">\n        <div class=\"aps-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/AGAR-Combination-Glass.png\"\n               alt=\"AG plus AR combination glass with anti-glare and anti-reflective coating\"\n               width=\"580\" height=\"326\" loading=\"lazy\">\n          <div class=\"aps-img-fade\" aria-hidden=\"true\"><\/div>\n          <span class=\"aps-badge\" aria-hidden=\"true\">Premium<\/span>\n        <\/div>\n        <div class=\"aps-body\">\n          <div class=\"aps-card-name\" role=\"heading\" aria-level=\"3\">AG+AR Combination Glass<\/div>\n          <div class=\"aps-card-text\">AG AR glass combines anti-glare and anti-reflective coating. Achieves both glare reduction and enhanced transmittance for premium displays.<\/div>\n          <div class=\"aps-specs\">\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Reflectivity<\/span>\n              <span class=\"aps-spec-value\">&lt;1%<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3v18M3 12h18\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Transmittance<\/span>\n              <span class=\"aps-spec-value\">&gt;95%<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Anti-Glare<\/span>\n              <span class=\"aps-spec-value\">Etched Surface<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Applications<\/span>\n              <span class=\"aps-spec-value\">High-End Displays<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- \u2550\u2550\u2550 Card 4: AG+AF Anti-Fingerprint Glass \u2550\u2550\u2550 -->\n      <article class=\"aps-card\">\n        <div class=\"aps-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/AGAF-Anti-Fingerprint-Glass.png\"\n               alt=\"AG plus AF anti-fingerprint glass with oleophobic coating for touch screens\"\n               width=\"580\" height=\"326\" loading=\"lazy\">\n          <div class=\"aps-img-fade\" aria-hidden=\"true\"><\/div>\n          <span class=\"aps-badge\" aria-hidden=\"true\">Touch Ready<\/span>\n        <\/div>\n        <div class=\"aps-body\">\n          <div class=\"aps-card-name\" role=\"heading\" aria-level=\"3\">AG+AF Anti-Fingerprint Glass<\/div>\n          <div class=\"aps-card-text\">AG AF glass with oleophobic AF coating for easy cleaning. Ideal for touch screen applications requiring both anti-glare and anti-fingerprint properties.<\/div>\n          <div class=\"aps-specs\">\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.69l5.66 5.66a8 8 0 11-11.31 0z\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Water Contact Angle<\/span>\n              <span class=\"aps-spec-value\">&gt;110\u00b0<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Anti-Fingerprint<\/span>\n              <span class=\"aps-spec-value\">Yes<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Easy Clean<\/span>\n              <span class=\"aps-spec-value\">Yes<\/span>\n            <\/div>\n            <div class=\"aps-spec\">\n              <span class=\"aps-spec-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg><\/span>\n              <span class=\"aps-spec-label\">Applications<\/span>\n              <span class=\"aps-spec-value\">Touch Screens<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c3d74be\" data-block-id=\"c3d74be\"><style>.stk-c3d74be {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c3d74be-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f2fae53\" data-v=\"4\" data-block-id=\"f2fae53\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f2fae53-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f2fae53-inner-blocks\">\n<!-- AG Glass Applications Module -->\n<style>\n#ag-applications {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #ffffff !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n}\n\n#ag-applications *,\n#ag-applications *::before,\n#ag-applications *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-applications .aga-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-applications .aga-header {\n  text-align: center !important;\n  margin-bottom: 42px !important;\n}\n\n#ag-applications .aga-label {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.08) !important;\n  padding: 6px 18px !important;\n  border-radius: 20px !important;\n  margin-bottom: 20px !important;\n}\n\n#ag-applications .aga-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.02em !important;\n}\n\n#ag-applications .aga-title-accent {\n  color: #1860A8 !important;\n}\n\n#ag-applications .aga-desc {\n  font-size: 15px !important;\n  color: #5a6a82 !important;\n  line-height: 1.7 !important;\n  max-width: 900px !important;\n  margin: 16px auto 0 !important;\n  padding: 0 !important;\n  text-align: center !important;\n}\n\n\/* \u2500\u2500 Grid: 4 cols \u2500\u2500 *\/\n#ag-applications .aga-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 20px !important;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n#ag-applications .aga-card {\n  position: relative !important;\n  background: #ffffff !important;\n  border-radius: 14px !important;\n  border: 1px solid #e8ecf4 !important;\n  padding: 32px 24px 28px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\n  overflow: hidden !important;\n}\n\n#ag-applications .aga-card::before {\n  content: '' !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  height: 3px !important;\n  background: linear-gradient(90deg, #304890, #1878C0) !important;\n  opacity: 0 !important;\n  transition: opacity 0.3s ease !important;\n}\n\n#ag-applications .aga-card:hover {\n  transform: translateY(-4px) !important;\n  box-shadow: 0 12px 36px rgba(48,72,144,0.12) !important;\n  border-color: #1878C0 !important;\n}\n\n#ag-applications .aga-card:hover::before {\n  opacity: 1 !important;\n}\n\n\/* \u2500\u2500 Icon \u2500\u2500 *\/\n#ag-applications .aga-icon {\n  width: 52px !important;\n  height: 52px !important;\n  border-radius: 14px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 20px !important;\n  flex-shrink: 0 !important;\n  background: linear-gradient(135deg, rgba(48,72,144,0.08) 0%, rgba(24,120,192,0.08) 100%) !important;\n  transition: background 0.3s ease !important;\n}\n\n#ag-applications .aga-card:hover .aga-icon {\n  background: linear-gradient(135deg, #304890 0%, #1878C0 100%) !important;\n}\n\n#ag-applications .aga-icon svg {\n  width: 26px !important;\n  height: 26px !important;\n  stroke: #304890 !important;\n  fill: none !important;\n  stroke-width: 1.7 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n  transition: stroke 0.3s ease !important;\n}\n\n#ag-applications .aga-card:hover .aga-icon svg {\n  stroke: #ffffff !important;\n}\n\n\/* \u2500\u2500 Text \u2500\u2500 *\/\n#ag-applications .aga-card-name {\n  font-size: 17px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  margin: 0 0 10px 0 !important;\n  padding: 0 !important;\n  line-height: 1.35 !important;\n}\n\n#ag-applications .aga-card:hover .aga-card-name {\n  color: #304890 !important;\n}\n\n#ag-applications .aga-card-text {\n  font-size: 13.5px !important;\n  color: #5a6a82 !important;\n  line-height: 1.72 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media screen and (max-width:1000px) {\n  #ag-applications .aga-grid {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n@media screen and (max-width:690px) {\n  #ag-applications {\n    padding: 32px 0 !important;\n  }\n\n  #ag-applications .aga-inner {\n    padding: 0 14px !important;\n  }\n\n  #ag-applications .aga-title {\n    font-size: 24px !important;\n  }\n\n  #ag-applications .aga-desc {\n    font-size: 14px !important;\n  }\n\n  #ag-applications .aga-header {\n    margin-bottom: 36px !important;\n  }\n\n  #ag-applications .aga-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 14px !important;\n  }\n\n  #ag-applications .aga-card {\n    padding: 24px 20px 22px !important;\n  }\n\n  #ag-applications .aga-icon {\n    width: 46px !important;\n    height: 46px !important;\n    margin-bottom: 16px !important;\n  }\n\n  #ag-applications .aga-icon svg {\n    width: 22px !important;\n    height: 22px !important;\n  }\n\n  #ag-applications .aga-card-name {\n    font-size: 15.5px !important;\n  }\n\n  #ag-applications .aga-card-text {\n    font-size: 13px !important;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  #ag-applications .aga-title {\n    font-size: 21px !important;\n  }\n\n  #ag-applications .aga-grid {\n    grid-template-columns: 1fr !important;\n    gap: 12px !important;\n  }\n\n  #ag-applications .aga-card {\n    flex-direction: row !important;\n    align-items: flex-start !important;\n    gap: 16px !important;\n    padding: 20px 18px !important;\n  }\n\n  #ag-applications .aga-icon {\n    margin-bottom: 0 !important;\n    width: 44px !important;\n    height: 44px !important;\n    min-width: 44px !important;\n    border-radius: 12px !important;\n  }\n\n  #ag-applications .aga-card-name {\n    margin-bottom: 6px !important;\n  }\n}\n<\/style>\n\n<section id=\"ag-applications\" aria-labelledby=\"aga-main-title\">\n  <div class=\"aga-inner\">\n\n    <!-- Header -->\n    <header class=\"aga-header\">\n      <div class=\"aga-label\">Applications<\/div>\n      <h2 class=\"aga-title\" id=\"aga-main-title\" role=\"heading\" aria-level=\"2\">\n        AG Glass Applications | <span class=\"aga-title-accent\">Anti-Glare Glass for Industrial &amp; Automotive Displays<\/span>\n      <\/h2>\n      <div class=\"aga-desc\">Providing customized AG glass products for various sectors. Focus on coverage that includes glare control, readability, and display clarity. From consumer electronics to industrial-grade rugged materials, our anti-glare glass provides exceptional performance.<\/div>\n    <\/header>\n\n    <!-- Grid -->\n    <div class=\"aga-grid\">\n\n      <!-- 1 Automotive -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 17h14M5 17a2 2 0 01-2-2V7a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2M5 17l-1 3h2M19 17l1 3h-2\"\/><circle cx=\"8\" cy=\"14\" r=\"1\"\/><circle cx=\"16\" cy=\"14\" r=\"1\"\/><path d=\"M7 9h10\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">Automotive Displays<\/div>\n          <div class=\"aga-card-text\">Automotive infotainment systems and digital cluster instrument. Our automotive-grade 110-gloss glass is designed to reduce glare while maintaining color accuracy.<\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 2 Medical -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4.8 2.3A.3.3 0 105 2H4a2 2 0 00-2 2v5a6 6 0 006 6 6 6 0 006-6V4a2 2 0 00-2-2h-1a.2.2 0 10.3.3\"\/><path d=\"M8 15v1a6 6 0 006 6 6 6 0 006-6v-4\"\/><path d=\"M12 12v3M9 15h6\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">Medical Equipment<\/div>\n          <div class=\"aga-card-text\">Medical-grade AG glass is for use in patient monitors, diagnostic equipment, and AG laboratory tools. Stays within high standards of hygiene and provides excellent readability under clinical lights.<\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 3 Industrial -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2 20h20\"\/><path d=\"M5 20V8l5 4V8l5 4V4l5 4v12\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">Industrial Control Panels<\/div>\n          <div class=\"aga-card-text\">AG glass is well-suited for industrial HMI panels, CNC machine displays, and factory automation systems. Robust tempered AG glass withstands severe conditions.<\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 4 Consumer Electronics -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">Consumer Electronics<\/div>\n          <div class=\"aga-card-text\">AG glass is suited for touch-sensitive drawing tablets, monitors, and smartphones. Reduces eye strain caused by screen glare.<\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 5 Commercial Displays -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><path d=\"M6 8h.01M9 8h.01\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">Commercial Displays<\/div>\n          <div class=\"aga-card-text\">AG glass is for use in kiosks, ATMs, POS systems, and digital signage. 95-gloss standard indoors provides clarity in retail centers.<\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 6 EV Charging -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">EV Charging Stations<\/div>\n          <div class=\"aga-card-text\">AG glass is designed for use in EV charging station displays. 70-gloss anti-glare finishing rated outdoors, providing visibility under direct sunlight.<\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 7 Marine -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2 20c2-1 4-1 6 0s4 1 6 0 4-1 6 0\"\/><path d=\"M12 4v8\"\/><path d=\"M4 12l8-4 8 4\"\/><path d=\"M12 4l-4 4M12 4l4 4\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">Marine Navigation<\/div>\n          <div class=\"aga-card-text\">AG glass for control panels and navigation displays of vessels. Durable against saltwater, providing strong anti-glare for the environment.<\/div>\n        <\/div>\n      <\/article>\n\n      <!-- 8 Smart Home -->\n      <article class=\"aga-card\">\n        <div class=\"aga-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"aga-card-name\" role=\"heading\" aria-level=\"3\">Smart Home Devices<\/div>\n          <div class=\"aga-card-text\">AG glass for smart home control panels, thermostats, and security systems. Sleek design with functional glare reduction.<\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a2214f4\" data-block-id=\"a2214f4\"><style>.stk-a2214f4 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a2214f4-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2fa8a1b\" data-v=\"4\" data-block-id=\"2fa8a1b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2fa8a1b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2fa8a1b-inner-blocks\">\n<!-- AG Glass Challenges & Solutions Module -->\n<style>\n#ag-challenges {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #f8fafc !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n}\n\n#ag-challenges *,\n#ag-challenges *::before,\n#ag-challenges *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-challenges .agc-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-challenges .agc-header {\n  text-align: center !important;\n  margin-bottom: 42px !important;\n}\n\n#ag-challenges .agc-label {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.08) !important;\n  padding: 6px 18px !important;\n  border-radius: 20px !important;\n  margin-bottom: 20px !important;\n}\n\n#ag-challenges .agc-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.02em !important;\n}\n\n#ag-challenges .agc-title-accent {\n  color: #1860A8 !important;\n}\n\n#ag-challenges .agc-desc {\n  font-size: 15.5px !important;\n  color: #5a6a82 !important;\n  line-height: 1.7 !important;\n  max-width: 920px !important;\n  margin: 16px auto 0 !important;\n  padding: 0 !important;\n  text-align: center !important;\n}\n\n\/* \u2500\u2500 Pair List \u2500\u2500 *\/\n#ag-challenges .agc-list {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 20px !important;\n}\n\n\/* \u2500\u2500 Each Pair Row \u2500\u2500 *\/\n#ag-challenges .agc-pair {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 0 !important;\n  border-radius: 16px !important;\n  overflow: hidden !important;\n  border: 1px solid #e2e8f0 !important;\n  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;\n}\n\n#ag-challenges .agc-pair:hover {\n  box-shadow: 0 8px 32px rgba(48,72,144,0.1) !important;\n  border-color: #c7d2e8 !important;\n}\n\n\/* \u2500\u2500 Problem Side \u2500\u2500 *\/\n#ag-challenges .agc-problem {\n  background: #fafbfe !important;\n  padding: 32px 28px !important;\n  display: flex !important;\n  gap: 16px !important;\n  align-items: flex-start !important;\n  position: relative !important;\n}\n\n#ag-challenges .agc-problem::after {\n  content: '' !important;\n  position: absolute !important;\n  top: 24px !important;\n  bottom: 24px !important;\n  right: 0 !important;\n  width: 1px !important;\n  background: #e2e8f0 !important;\n}\n\n\/* \u2500\u2500 Solution Side \u2500\u2500 *\/\n#ag-challenges .agc-solution {\n  background: #ffffff !important;\n  padding: 32px 28px !important;\n  display: flex !important;\n  gap: 16px !important;\n  align-items: flex-start !important;\n}\n\n\/* \u2500\u2500 Status Icon \u2500\u2500 *\/\n#ag-challenges .agc-status {\n  width: 36px !important;\n  height: 36px !important;\n  min-width: 36px !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  margin-top: 2px !important;\n}\n\n#ag-challenges .agc-status--problem {\n  background: rgba(220,53,69,0.08) !important;\n}\n\n#ag-challenges .agc-status--problem svg {\n  width: 18px !important;\n  height: 18px !important;\n  stroke: #dc3545 !important;\n  fill: none !important;\n  stroke-width: 2.2 !important;\n  stroke-linecap: round !important;\n}\n\n#ag-challenges .agc-status--solution {\n  background: rgba(16,185,129,0.08) !important;\n}\n\n#ag-challenges .agc-status--solution svg {\n  width: 18px !important;\n  height: 18px !important;\n  stroke: #10b981 !important;\n  fill: none !important;\n  stroke-width: 2.2 !important;\n  stroke-linecap: round !important;\n}\n\n\/* \u2500\u2500 Side Tag \u2500\u2500 *\/\n#ag-challenges .agc-tag {\n  display: inline-block !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  padding: 3px 8px !important;\n  border-radius: 4px !important;\n  line-height: 1.3 !important;\n  margin-bottom: 8px !important;\n}\n\n#ag-challenges .agc-tag--problem {\n  color: #dc3545 !important;\n  background: rgba(220,53,69,0.06) !important;\n}\n\n#ag-challenges .agc-tag--solution {\n  color: #10b981 !important;\n  background: rgba(16,185,129,0.06) !important;\n}\n\n\/* \u2500\u2500 Heading & Text \u2500\u2500 *\/\n#ag-challenges .agc-side-title {\n  font-size: 17px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  margin: 0 0 8px 0 !important;\n  padding: 0 !important;\n  line-height: 1.35 !important;\n}\n\n#ag-challenges .agc-solution .agc-side-title {\n  color: #304890 !important;\n}\n\n#ag-challenges .agc-side-text {\n  font-size: 14px !important;\n  color: #5a6a82 !important;\n  line-height: 1.7 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* \u2500\u2500 Number \u2500\u2500 *\/\n#ag-challenges .agc-num {\n  position: absolute !important;\n  top: 16px !important;\n  right: 16px !important;\n  font-size: 40px !important;\n  font-weight: 800 !important;\n  color: #304890 !important;\n  opacity: 0.04 !important;\n  line-height: 1 !important;\n  pointer-events: none !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media screen and (max-width: 860px) {\n  #ag-challenges .agc-pair {\n    grid-template-columns: 1fr !important;\n  }\n\n  #ag-challenges .agc-problem::after {\n    top: auto !important;\n    bottom: 0 !important;\n    left: 28px !important;\n    right: 28px !important;\n    width: auto !important;\n    height: 1px !important;\n  }\n\n  #ag-challenges .agc-problem,\n  #ag-challenges .agc-solution {\n    padding: 24px 24px !important;\n  }\n}\n\n@media screen and (max-width: 640px) {\n  #ag-challenges {\n    padding: 32px 0 !important;\n  }\n\n  #ag-challenges .agc-inner {\n    padding: 0 14px !important;\n  }\n\n  #ag-challenges .agc-title {\n    font-size: 23px !important;\n  }\n\n  #ag-challenges .agc-desc {\n    font-size: 14px !important;\n  }\n\n  #ag-challenges .agc-header {\n    margin-bottom: 36px !important;\n  }\n\n  #ag-challenges .agc-list {\n    gap: 14px !important;\n  }\n\n  #ag-challenges .agc-problem,\n  #ag-challenges .agc-solution {\n    padding: 20px 18px !important;\n    gap: 12px !important;\n  }\n\n  #ag-challenges .agc-status {\n    width: 32px !important;\n    height: 32px !important;\n    min-width: 32px !important;\n  }\n\n  #ag-challenges .agc-status--problem svg,\n  #ag-challenges .agc-status--solution svg {\n    width: 16px !important;\n    height: 16px !important;\n  }\n\n  #ag-challenges .agc-side-title {\n    font-size: 15.5px !important;\n  }\n\n  #ag-challenges .agc-side-text {\n    font-size: 13px !important;\n  }\n\n  #ag-challenges .agc-pair {\n    border-radius: 12px !important;\n  }\n}\n<\/style>\n\n<section id=\"ag-challenges\" aria-labelledby=\"agc-main-title\">\n  <div class=\"agc-inner\">\n\n    <!-- Header -->\n    <header class=\"agc-header\">\n      <div class=\"agc-label\">Problems We Solve<\/div>\n      <h2 class=\"agc-title\" id=\"agc-main-title\" role=\"heading\" aria-level=\"2\">\n        Common Challenges &amp; Our <span class=\"agc-title-accent\">AG Glass Solutions for Manufacturers<\/span>\n      <\/h2>\n      <div class=\"agc-desc\">As an experienced AG glass supplier, we understand the challenges procurement managers and display engineers face when sourcing anti-glare glass. Here&#8217;s how our China factory addresses common pain points:<\/div>\n    <\/header>\n\n    <div class=\"agc-list\">\n\n      <!-- \u2550\u2550\u2550 Pair 1 \u2550\u2550\u2550 -->\n      <div class=\"agc-pair\">\n        <div class=\"agc-problem\">\n          <span class=\"agc-num\" aria-hidden=\"true\">01<\/span>\n          <div class=\"agc-status agc-status--problem\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--problem\">Problem<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Inconsistent Batch Quality<\/div>\n            <div class=\"agc-side-text\">Gloss and optical parameters vary between production batches, causing integration issues and product rejections.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"agc-solution\">\n          <div class=\"agc-status agc-status--solution\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--solution\">Our Solution<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Strict Tolerance Control<\/div>\n            <div class=\"agc-side-text\">We maintain gloss tolerance within \u00b15 across batches through SPC process control. Every batch undergoes 100% optical inspection with advanced Gloss meters and Haze meters.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2550\u2550\u2550 Pair 2 \u2550\u2550\u2550 -->\n      <div class=\"agc-pair\">\n        <div class=\"agc-problem\">\n          <span class=\"agc-num\" aria-hidden=\"true\">02<\/span>\n          <div class=\"agc-status agc-status--problem\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--problem\">Problem<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Long Lead Times Delay Projects<\/div>\n            <div class=\"agc-side-text\">Extended sampling and production times lead to missed market windows and higher inventory costs.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"agc-solution\">\n          <div class=\"agc-status agc-status--solution\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--solution\">Our Solution<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Fast Sampling in 3-5 Days<\/div>\n            <div class=\"agc-side-text\">Rapid prototyping with samples delivered in 3-5 days. Standard specifications available from stock. Mass production lead time is 2-3 weeks for most orders.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2550\u2550\u2550 Pair 3 \u2550\u2550\u2550 -->\n      <div class=\"agc-pair\">\n        <div class=\"agc-problem\">\n          <span class=\"agc-num\" aria-hidden=\"true\">03<\/span>\n          <div class=\"agc-status agc-status--problem\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--problem\">Problem<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">High MOQ Requirements<\/div>\n            <div class=\"agc-side-text\">Large minimum orders make it difficult to test new designs or serve smaller product lines cost-effectively.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"agc-solution\">\n          <div class=\"agc-status agc-status--solution\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--solution\">Our Solution<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Low MOQ from 100 Pieces<\/div>\n            <div class=\"agc-side-text\">Flexible wholesale ordering with low MOQ starting from 100 pieces for custom AG glass. Pilot runs are supported before scaling to mass production.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2550\u2550\u2550 Pair 4 \u2550\u2550\u2550 -->\n      <div class=\"agc-pair\">\n        <div class=\"agc-problem\">\n          <span class=\"agc-num\" aria-hidden=\"true\">04<\/span>\n          <div class=\"agc-status agc-status--problem\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--problem\">Problem<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Poor Outdoor Readability<\/div>\n            <div class=\"agc-side-text\">Standard glass reflects too much light in outdoor or high-brightness environments, making displays difficult to read.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"agc-solution\">\n          <div class=\"agc-status agc-status--solution\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--solution\">Our Solution<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">30-110 Gloss Options<\/div>\n            <div class=\"agc-side-text\">Customizable gloss levels from 30-110. Low-gloss (30-50) options with enhanced haze for maximum anti-glare effect in direct sunlight conditions.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2550\u2550\u2550 Pair 5 \u2550\u2550\u2550 -->\n      <div class=\"agc-pair\">\n        <div class=\"agc-problem\">\n          <span class=\"agc-num\" aria-hidden=\"true\">05<\/span>\n          <div class=\"agc-status agc-status--problem\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--problem\">Problem<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Lack of Technical Support<\/div>\n            <div class=\"agc-side-text\">Difficulty specifying the right parameters for new applications without engineering guidance from the supplier.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"agc-solution\">\n          <div class=\"agc-status agc-status--solution\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--solution\">Our Solution<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Dedicated Engineering Support<\/div>\n            <div class=\"agc-side-text\">Professional engineers provide 1-on-1 consultation for DFM review, parameter optimization, and stack design. Detailed technical datasheets available.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2550\u2550\u2550 Pair 6 \u2550\u2550\u2550 -->\n      <div class=\"agc-pair\">\n        <div class=\"agc-problem\">\n          <span class=\"agc-num\" aria-hidden=\"true\">06<\/span>\n          <div class=\"agc-status agc-status--problem\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--problem\">Problem<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Coating Degradation Over Time<\/div>\n            <div class=\"agc-side-text\">Sprayed or coated AG treatments peel, scratch, or degrade, requiring frequent replacement.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"agc-solution\">\n          <div class=\"agc-status agc-status--solution\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <div>\n            <span class=\"agc-tag agc-tag--solution\">Our Solution<\/span>\n            <div class=\"agc-side-title\" role=\"heading\" aria-level=\"3\">Permanent Etched Treatment<\/div>\n            <div class=\"agc-side-text\">Chemically etched AG glass embeds the anti-glare effect into the substrate. No peeling or degradation\u2014performance lasts the lifetime of the product.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ff4b82a\" data-block-id=\"ff4b82a\"><style>.stk-ff4b82a {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ff4b82a-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d0c16e0\" data-v=\"4\" data-block-id=\"d0c16e0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d0c16e0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d0c16e0-inner-blocks\">\n<!-- AG Glass vs AR Glass vs AF Glass Comparison Module v2 -->\n<style>\n#ag-comparison {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #ffffff !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n}\n\n#ag-comparison *,\n#ag-comparison *::before,\n#ag-comparison *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-comparison .cmp-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-comparison .cmp-header {\n  text-align: center !important;\n  margin-bottom: 38px !important;\n}\n\n#ag-comparison .cmp-label {\n  display: inline-block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 0.1em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.08) !important;\n  padding: 6px 18px !important;\n  border-radius: 20px !important;\n  margin-bottom: 20px !important;\n}\n\n#ag-comparison h2.cmp-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  letter-spacing: -0.02em !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n}\n\n#ag-comparison .cmp-title-accent {\n  color: #1860A8 !important;\n}\n\n#ag-comparison .cmp-desc {\n  font-size: 15.5px !important;\n  color: #5a6a82 !important;\n  line-height: 1.7 !important;\n  max-width: 880px !important;\n  margin: 16px auto 0 !important;\n  padding: 0 !important;\n  text-align: center !important;\n}\n\n\/* \u2500\u2500 Table Card \u2500\u2500 *\/\n#ag-comparison .cmp-card {\n  background: #f9fafb !important;\n  border-radius: 16px !important;\n  border: 1px solid #e2e8f0 !important;\n  overflow: hidden !important;\n}\n\n#ag-comparison .cmp-scroll {\n  width: 100% !important;\n  overflow-x: auto !important;\n  -webkit-overflow-scrolling: touch !important;\n}\n\n\/* \u2500\u2500 Table \u2500\u2500 *\/\n#ag-comparison .cmp-table {\n  width: 100% !important;\n  border-collapse: collapse !important;\n  border-spacing: 0 !important;\n  min-width: 740px !important;\n  table-layout: fixed !important;\n}\n\n#ag-comparison .cmp-table .cmp-col-feature { width: 17% !important; }\n#ag-comparison .cmp-table .cmp-col-ag { width: 28% !important; }\n#ag-comparison .cmp-table .cmp-col-ar { width: 27.5% !important; }\n#ag-comparison .cmp-table .cmp-col-af { width: 27.5% !important; }\n\n\/* \u2500\u2500 Header Cells \u2500\u2500 *\/\n#ag-comparison .cmp-table .cmp-thead-row {\n  background: #ffffff !important;\n}\n\n#ag-comparison .cmp-table .cmp-th {\n  padding: 28px 22px 20px !important;\n  text-align: center !important;\n  vertical-align: bottom !important;\n  border-bottom: 2px solid #e2e8f0 !important;\n}\n\n#ag-comparison .cmp-table .cmp-th:first-child {\n  text-align: left !important;\n}\n\n\/* Feature column label *\/\n#ag-comparison .cmp-th-feature {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.1em !important;\n  color: #94a3b8 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Column H3 headings *\/\n#ag-comparison h3.cmp-th-name {\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  line-height: 1.3 !important;\n  margin: 0 0 3px 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n}\n\n\/* AG column name color *\/\n#ag-comparison .cmp-th--ag h3.cmp-th-name {\n  color: #304890 !important;\n}\n\n#ag-comparison .cmp-th-sub {\n  font-size: 12px !important;\n  font-weight: 500 !important;\n  color: #94a3b8 !important;\n  line-height: 1.3 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* AG column subtle accent *\/\n#ag-comparison .cmp-th--ag {\n  background: rgba(48,72,144,0.03) !important;\n  border-bottom-color: #304890 !important;\n}\n\n\/* \u2500\u2500 Body Rows \u2500\u2500 *\/\n#ag-comparison .cmp-table .cmp-tr {\n  background: #ffffff !important;\n  transition: background 0.15s ease !important;\n}\n\n#ag-comparison .cmp-table .cmp-tr:nth-child(even) {\n  background: #fafbfe !important;\n}\n\n#ag-comparison .cmp-table .cmp-tr:hover {\n  background: #f0f4ff !important;\n}\n\n#ag-comparison .cmp-table .cmp-td {\n  padding: 18px 22px !important;\n  font-size: 14px !important;\n  color: #475569 !important;\n  line-height: 1.65 !important;\n  border-bottom: 1px solid #eef1f6 !important;\n  vertical-align: top !important;\n  text-align: left !important;\n}\n\n#ag-comparison .cmp-table .cmp-tr:last-child .cmp-td {\n  border-bottom: none !important;\n}\n\n\/* Feature label cell *\/\n#ag-comparison .cmp-td-label {\n  font-size: 13.5px !important;\n  font-weight: 700 !important;\n  color: #1e293b !important;\n  background: #fafbfe !important;\n}\n\n\/* AG column highlight *\/\n#ag-comparison .cmp-td--ag {\n  background: rgba(48,72,144,0.025) !important;\n  color: #334155 !important;\n}\n\n#ag-comparison .cmp-tr:hover .cmp-td--ag {\n  background: rgba(48,72,144,0.06) !important;\n}\n\n\/* \u2500\u2500 Pro Tip \u2500\u2500 *\/\n#ag-comparison .cmp-tip {\n  margin-top: 28px !important;\n  background: #f8fafc !important;\n  border-radius: 14px !important;\n  border: 1px solid #e2e8f0 !important;\n  padding: 28px 32px !important;\n  display: flex !important;\n  gap: 20px !important;\n  align-items: flex-start !important;\n}\n\n#ag-comparison .cmp-tip-badge {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  background: linear-gradient(135deg, #304890, #1878C0) !important;\n  color: #ffffff !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.08em !important;\n  text-transform: uppercase !important;\n  padding: 6px 14px !important;\n  border-radius: 8px !important;\n  white-space: nowrap !important;\n  flex-shrink: 0 !important;\n  line-height: 1.4 !important;\n  margin-top: 2px !important;\n}\n\n#ag-comparison h4.cmp-tip-heading {\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  margin: 0 0 6px 0 !important;\n  padding: 0 !important;\n  line-height: 1.3 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n}\n\n#ag-comparison .cmp-tip-text {\n  font-size: 14.5px !important;\n  color: #475569 !important;\n  line-height: 1.72 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n#ag-comparison .cmp-tip-text strong {\n  font-weight: 700 !important;\n  color: #1860A8 !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media screen and (max-width:690px) {\n  #ag-comparison {\n    padding: 32px 0 !important;\n  }\n\n  #ag-comparison .cmp-inner {\n    padding: 0 14px !important;\n  }\n\n  #ag-comparison h2.cmp-title {\n    font-size: 24px !important;\n  }\n\n  #ag-comparison .cmp-desc {\n    font-size: 14px !important;\n  }\n\n  #ag-comparison .cmp-header {\n    margin-bottom: 36px !important;\n  }\n\n  #ag-comparison .cmp-table {\n    min-width: 660px !important;\n  }\n\n  #ag-comparison .cmp-table .cmp-th {\n    padding: 20px 16px 16px !important;\n  }\n\n  #ag-comparison h3.cmp-th-name {\n    font-size: 16px !important;\n  }\n\n  #ag-comparison .cmp-table .cmp-td {\n    padding: 14px 16px !important;\n    font-size: 13px !important;\n  }\n\n  #ag-comparison .cmp-tip {\n    padding: 22px 20px !important;\n    flex-direction: column !important;\n    gap: 14px !important;\n  }\n\n  #ag-comparison .cmp-tip-text {\n    font-size: 13.5px !important;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  #ag-comparison h2.cmp-title {\n    font-size: 21px !important;\n  }\n\n  #ag-comparison .cmp-tip {\n    padding: 18px 16px !important;\n    margin-top: 20px !important;\n    border-radius: 10px !important;\n  }\n\n  #ag-comparison h4.cmp-tip-heading {\n    font-size: 15px !important;\n  }\n}\n<\/style>\n\n<section id=\"ag-comparison\" aria-labelledby=\"cmp-main-title\">\n  <div class=\"cmp-inner\">\n\n    <!-- Header -->\n    <header class=\"cmp-header\">\n      <div class=\"cmp-label\">Glass Comparison<\/div>\n      <h2 class=\"cmp-title\" id=\"cmp-main-title\">\n        AG Glass vs AR Glass vs AF Glass: <span class=\"cmp-title-accent\">Which Anti-Glare Solution Do You Need?<\/span>\n      <\/h2>\n      <p class=\"cmp-desc\">Comprehending the distinctions between the AG glass, the AR glass, and AF glass helps in selecting the right medium for your screen applications. These treatments can be mixed to increase their performance.<\/p>\n    <\/header>\n\n    <!-- Table Card -->\n    <div class=\"cmp-card\">\n      <div class=\"cmp-scroll\">\n        <table class=\"cmp-table\">\n          <colgroup>\n            <col class=\"cmp-col-feature\">\n            <col class=\"cmp-col-ag\">\n            <col class=\"cmp-col-ar\">\n            <col class=\"cmp-col-af\">\n          <\/colgroup>\n\n          <thead>\n            <tr class=\"cmp-thead-row\">\n              <td class=\"cmp-th\" role=\"columnheader\">\n                <span class=\"cmp-th-feature\">Feature<\/span>\n              <\/td>\n              <td class=\"cmp-th cmp-th--ag\" role=\"columnheader\">\n                <h3 class=\"cmp-th-name\">AG Glass<\/h3>\n                <span class=\"cmp-th-sub\">Anti-Glare<\/span>\n              <\/td>\n              <td class=\"cmp-th\" role=\"columnheader\">\n                <h3 class=\"cmp-th-name\">AR Glass<\/h3>\n                <span class=\"cmp-th-sub\">Anti-Reflective<\/span>\n              <\/td>\n              <td class=\"cmp-th\" role=\"columnheader\">\n                <h3 class=\"cmp-th-name\">AF Glass<\/h3>\n                <span class=\"cmp-th-sub\">Anti-Fingerprint<\/span>\n              <\/td>\n            <\/tr>\n          <\/thead>\n\n          <tbody>\n            <tr class=\"cmp-tr\">\n              <td class=\"cmp-td cmp-td-label\">Primary Function<\/td>\n              <td class=\"cmp-td cmp-td--ag\">Diffuses reflected light to reduce glare<\/td>\n              <td class=\"cmp-td\">Reduces surface reflectivity via thin-film coating<\/td>\n              <td class=\"cmp-td\">Repels oils and fingerprints for easy cleaning<\/td>\n            <\/tr>\n            <tr class=\"cmp-tr\">\n              <td class=\"cmp-td cmp-td-label\">Process Type<\/td>\n              <td class=\"cmp-td cmp-td--ag\">Chemical etching (surface texture)<\/td>\n              <td class=\"cmp-td\">Optical coating (thin-film deposition)<\/td>\n              <td class=\"cmp-td\">Hydrophobic\/oleophobic coating<\/td>\n            <\/tr>\n            <tr class=\"cmp-tr\">\n              <td class=\"cmp-td cmp-td-label\">Surface Appearance<\/td>\n              <td class=\"cmp-td cmp-td--ag\">Matte diffuse finish<\/td>\n              <td class=\"cmp-td\">Clear, slightly tinted<\/td>\n              <td class=\"cmp-td\">Smooth, easy-clean surface<\/td>\n            <\/tr>\n            <tr class=\"cmp-tr\">\n              <td class=\"cmp-td cmp-td-label\">Best Environment<\/td>\n              <td class=\"cmp-td cmp-td--ag\">High ambient light, outdoor, multi-source lighting<\/td>\n              <td class=\"cmp-td\">Indoor displays, precision instruments<\/td>\n              <td class=\"cmp-td\">Touch screen interfaces, public displays<\/td>\n            <\/tr>\n            <tr class=\"cmp-tr\">\n              <td class=\"cmp-td cmp-td-label\">Durability<\/td>\n              <td class=\"cmp-td cmp-td--ag\">Permanent (etched into substrate)<\/td>\n              <td class=\"cmp-td\">Good (coating may scratch)<\/td>\n              <td class=\"cmp-td\">Moderate (coating wears over time)<\/td>\n            <\/tr>\n            <tr class=\"cmp-tr\">\n              <td class=\"cmp-td cmp-td-label\">Can Combine?<\/td>\n              <td class=\"cmp-td cmp-td--ag\">Yes: AG + AR, AG + AF, AG + AR + AF<\/td>\n              <td class=\"cmp-td\">Yes: AR + AF<\/td>\n              <td class=\"cmp-td\">Yes: Typically added as top layer<\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <!-- Pro Tip -->\n    <div class=\"cmp-tip\">\n      <span class=\"cmp-tip-badge\">Pro Tip<\/span>\n      <div>\n        <h4 class=\"cmp-tip-heading\">Recommended Combination for Industrial &amp; Outdoor Use<\/h4>\n        <p class=\"cmp-tip-text\">For industrial and outdoor applications, we recommend <strong>AG + AR + AF combined glass<\/strong> for maximum anti-glare performance, high transmittance, and easy maintenance. Our factory provides all combinations with precise gloss control.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ed08887\" data-block-id=\"ed08887\"><style>.stk-ed08887 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ed08887-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ac735d9\" data-v=\"4\" data-block-id=\"ac735d9\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ac735d9-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ac735d9-inner-blocks\">\n<!-- AG Glass Engineering Tools Module (Product Selector + Coating Stack Builder) -->\n<!-- WordPress \/ Blocksy \/ FlyingPress Compatible \u2014 v3 Click-Fix -->\n<style>\n#ag-eng-tools {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 30px 0 !important;\n  background: #f7f8fb !important;\n  font-family: inherit !important;\n  overflow: hidden !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n\n#ag-eng-tools *,\n#ag-eng-tools *::before,\n#ag-eng-tools *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-eng-tools .et-inner {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#ag-eng-tools .et-header {\n  text-align: center !important;\n  margin-bottom: 36px !important;\n}\n\n#ag-eng-tools .et-label {\n  display: inline-block !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.12em !important;\n  text-transform: uppercase !important;\n  color: #1878C0 !important;\n  background: rgba(24,120,192,0.07) !important;\n  padding: 5px 16px !important;\n  border-radius: 20px !important;\n  margin-bottom: 18px !important;\n}\n\n#ag-eng-tools h2.et-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #1a2340 !important;\n  line-height: 1.25 !important;\n  margin: 0 0 10px 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n}\n\n#ag-eng-tools .et-subtitle {\n  font-size: 15px !important;\n  color: #6b7a94 !important;\n  line-height: 1.6 !important;\n  margin: 0 auto !important;\n  max-width: 640px !important;\n}\n\n\/* \u2500\u2500 Tabs \u2014 FORCE CLICKABLE \u2500\u2500 *\/\n#ag-eng-tools .et-tabs {\n  display: flex !important;\n  gap: 4px !important;\n  background: #e8ecf2 !important;\n  border-radius: 14px !important;\n  padding: 4px !important;\n  margin-bottom: 28px !important;\n  max-width: 520px !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  position: relative !important;\n  z-index: 5 !important;\n}\n\n#ag-eng-tools .et-tab {\n  flex: 1 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  padding: 12px 20px !important;\n  border-radius: 11px !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: #6b7a94 !important;\n  background: transparent !important;\n  border: none !important;\n  cursor: pointer !important;\n  pointer-events: auto !important;\n  transition: all 0.25s ease !important;\n  font-family: inherit !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  outline: none !important;\n  white-space: nowrap !important;\n  line-height: 1.4 !important;\n  position: relative !important;\n  z-index: 6 !important;\n}\n\n#ag-eng-tools .et-tab:hover { color: #374151 !important; }\n\n#ag-eng-tools .et-tab.active {\n  background: #ffffff !important;\n  color: #304890 !important;\n  box-shadow: 0 2px 8px rgba(26,35,64,0.08) !important;\n}\n\n#ag-eng-tools .et-tab svg {\n  width: 18px !important;\n  height: 18px !important;\n  stroke: currentColor !important;\n  fill: none !important;\n  stroke-width: 1.8 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n  flex-shrink: 0 !important;\n  pointer-events: none !important;\n}\n\n\/* \u2500\u2500 Tab Panels \u2500\u2500 *\/\n#ag-eng-tools .et-panel { display: none !important; }\n#ag-eng-tools .et-panel.active { display: block !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TAB 1: PRODUCT SELECTOR\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Progress *\/\n#ag-eng-tools .sel-progress {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 0 !important;\n  margin-bottom: 28px !important;\n}\n\n#ag-eng-tools .sel-step-dot {\n  width: 34px !important;\n  height: 34px !important;\n  border-radius: 50% !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  color: #a0aec0 !important;\n  background: #e8ecf2 !important;\n  border: 2px solid #e8ecf2 !important;\n  transition: all 0.35s ease !important;\n  z-index: 2 !important;\n  flex-shrink: 0 !important;\n}\n\n#ag-eng-tools .sel-step-dot.active {\n  color: #ffffff !important;\n  background: #304890 !important;\n  border-color: #304890 !important;\n  box-shadow: 0 3px 12px rgba(48,72,144,0.35) !important;\n}\n\n#ag-eng-tools .sel-step-dot.done {\n  color: #ffffff !important;\n  background: #10b981 !important;\n  border-color: #10b981 !important;\n}\n\n#ag-eng-tools .sel-step-line {\n  width: 52px !important;\n  height: 2px !important;\n  background: #e2e8f0 !important;\n  transition: background 0.35s ease !important;\n  flex-shrink: 0 !important;\n}\n\n#ag-eng-tools .sel-step-line.done { background: #10b981 !important; }\n\n\/* Card *\/\n#ag-eng-tools .sel-card {\n  background: #ffffff !important;\n  border-radius: 18px !important;\n  border: 1px solid #e4e9f1 !important;\n  padding: 36px 32px !important;\n  box-shadow: 0 4px 24px rgba(26,35,64,0.05) !important;\n  min-height: 320px !important;\n  position: relative !important;\n  z-index: 3 !important;\n}\n\n#ag-eng-tools .sel-panel { display: none !important; }\n#ag-eng-tools .sel-panel.active { display: block !important; }\n\n\/* Step H3 *\/\n#ag-eng-tools h3.sel-question {\n  font-size: 20px !important;\n  font-weight: 700 !important;\n  color: #1a2340 !important;\n  margin: 0 0 6px 0 !important;\n  padding: 0 !important;\n  line-height: 1.35 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n}\n\n#ag-eng-tools .sel-question-sub {\n  font-size: 13.5px !important;\n  color: #8896ae !important;\n  margin: 0 0 26px 0 !important;\n  line-height: 1.5 !important;\n}\n\n\/* \u2500\u2500 Options \u2014 FORCE CLICKABLE \u2500\u2500 *\/\n#ag-eng-tools .sel-options {\n  display: grid !important;\n  grid-template-columns: repeat(2, 1fr) !important;\n  gap: 12px !important;\n  position: relative !important;\n  z-index: 10 !important;\n}\n\n#ag-eng-tools .sel-options--3col {\n  grid-template-columns: repeat(3, 1fr) !important;\n}\n\n#ag-eng-tools .sel-opt {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  padding: 18px 20px !important;\n  border: 2px solid #e8ecf2 !important;\n  border-radius: 14px !important;\n  cursor: pointer !important;\n  pointer-events: auto !important;\n  transition: all 0.2s ease !important;\n  background: #ffffff !important;\n  position: relative !important;\n  z-index: 11 !important;\n  min-height: 70px !important;\n  -webkit-user-select: none !important;\n  user-select: none !important;\n  -webkit-tap-highlight-color: rgba(48,72,144,0.1) !important;\n}\n\n#ag-eng-tools .sel-opt:hover {\n  border-color: #b0bdd4 !important;\n  background: #fafbfe !important;\n}\n\n#ag-eng-tools .sel-opt.selected {\n  border-color: #304890 !important;\n  background: rgba(48,72,144,0.04) !important;\n  box-shadow: 0 0 0 1px #304890 !important;\n}\n\n#ag-eng-tools .sel-opt-check {\n  position: absolute !important;\n  top: 12px !important;\n  right: 12px !important;\n  width: 22px !important;\n  height: 22px !important;\n  border-radius: 50% !important;\n  border: 2px solid #d1d9e6 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: all 0.2s ease !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools .sel-opt.selected .sel-opt-check {\n  border-color: #304890 !important;\n  background: #304890 !important;\n}\n\n#ag-eng-tools .sel-opt-check svg {\n  width: 12px !important;\n  height: 12px !important;\n  stroke: #ffffff !important;\n  fill: none !important;\n  stroke-width: 2.5 !important;\n  opacity: 0 !important;\n  transition: opacity 0.2s ease !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools .sel-opt.selected .sel-opt-check svg { opacity: 1 !important; }\n\n#ag-eng-tools .sel-opt-name {\n  font-size: 15px !important;\n  font-weight: 700 !important;\n  color: #1a2340 !important;\n  margin: 0 0 4px 0 !important;\n  line-height: 1.35 !important;\n  padding-right: 30px !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools .sel-opt-desc {\n  font-size: 12.5px !important;\n  color: #7c8ba5 !important;\n  line-height: 1.5 !important;\n  margin: 0 !important;\n  pointer-events: none !important;\n}\n\n\/* \u2500\u2500 Nav Buttons \u2014 FORCE CLICKABLE \u2500\u2500 *\/\n#ag-eng-tools .sel-nav {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n  margin-top: 28px !important;\n  gap: 12px !important;\n  position: relative !important;\n  z-index: 10 !important;\n}\n\n#ag-eng-tools .sel-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  padding: 12px 28px !important;\n  border-radius: 10px !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  cursor: pointer !important;\n  pointer-events: auto !important;\n  transition: all 0.2s ease !important;\n  border: none !important;\n  outline: none !important;\n  font-family: inherit !important;\n  line-height: 1.4 !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  white-space: nowrap !important;\n  text-decoration: none !important;\n  position: relative !important;\n  z-index: 11 !important;\n  -webkit-tap-highlight-color: rgba(48,72,144,0.1) !important;\n}\n\n#ag-eng-tools .sel-btn--back {\n  background: #e8ecf2 !important;\n  color: #5a6a82 !important;\n}\n#ag-eng-tools .sel-btn--back:hover { background: #dde2ec !important; color: #374151 !important; }\n\n#ag-eng-tools .sel-btn--next {\n  background: #304890 !important;\n  color: #ffffff !important;\n  margin-left: auto !important;\n}\n#ag-eng-tools .sel-btn--next:hover { background: #1860A8 !important; box-shadow: 0 4px 14px rgba(48,72,144,0.3) !important; }\n\n#ag-eng-tools .sel-btn--next.disabled {\n  background: #c7d0de !important;\n  color: #ffffff !important;\n  cursor: not-allowed !important;\n  pointer-events: auto !important;\n  box-shadow: none !important;\n}\n\n#ag-eng-tools .sel-btn svg {\n  width: 16px !important;\n  height: 16px !important;\n  stroke: currentColor !important;\n  fill: none !important;\n  stroke-width: 2 !important;\n  stroke-linecap: round !important;\n  flex-shrink: 0 !important;\n  pointer-events: none !important;\n}\n\n\/* \u2500\u2500 Result \u2500\u2500 *\/\n#ag-eng-tools .sel-result { display: none !important; }\n#ag-eng-tools .sel-result.active { display: block !important; }\n\n#ag-eng-tools .sel-result-badge {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.06em !important;\n  text-transform: uppercase !important;\n  color: #10b981 !important;\n  background: rgba(16,185,129,0.08) !important;\n  padding: 5px 14px !important;\n  border-radius: 6px !important;\n  margin-bottom: 14px !important;\n}\n\n#ag-eng-tools .sel-result-badge svg {\n  width: 14px !important;\n  height: 14px !important;\n  stroke: #10b981 !important;\n  fill: none !important;\n  stroke-width: 2.5 !important;\n}\n\n#ag-eng-tools .sel-choices {\n  display: flex !important;\n  gap: 8px !important;\n  flex-wrap: wrap !important;\n  margin-bottom: 14px !important;\n}\n\n#ag-eng-tools .sel-choice-chip {\n  font-size: 11.5px !important;\n  font-weight: 600 !important;\n  color: #5a6a82 !important;\n  background: #eef1f7 !important;\n  padding: 4px 12px !important;\n  border-radius: 6px !important;\n}\n\n#ag-eng-tools h3.sel-result-title {\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #1a2340 !important;\n  margin: 0 0 8px 0 !important;\n  padding: 0 !important;\n  line-height: 1.3 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n}\n\n#ag-eng-tools .sel-result-desc {\n  font-size: 14.5px !important;\n  color: #5a6a82 !important;\n  line-height: 1.7 !important;\n  margin: 0 0 24px 0 !important;\n}\n\n#ag-eng-tools .sel-specs {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 10px !important;\n  margin-bottom: 24px !important;\n}\n\n#ag-eng-tools .sel-spec-item {\n  background: #f7f8fb !important;\n  border-radius: 12px !important;\n  padding: 16px 12px !important;\n  text-align: center !important;\n  border: 1px solid #edf0f7 !important;\n}\n\n#ag-eng-tools .sel-spec-val {\n  font-size: 19px !important;\n  font-weight: 800 !important;\n  color: #304890 !important;\n  margin: 0 0 4px 0 !important;\n  line-height: 1.2 !important;\n}\n\n#ag-eng-tools .sel-spec-key {\n  font-size: 10px !important;\n  font-weight: 600 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.06em !important;\n  color: #8896ae !important;\n}\n\n#ag-eng-tools .sel-coatings {\n  display: flex !important;\n  gap: 8px !important;\n  flex-wrap: wrap !important;\n  margin-bottom: 24px !important;\n}\n\n#ag-eng-tools .sel-coating-tag {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 5px !important;\n  font-size: 12.5px !important;\n  font-weight: 600 !important;\n  padding: 6px 14px !important;\n  border-radius: 8px !important;\n  border: 1px solid #304890 !important;\n  background: rgba(48,72,144,0.05) !important;\n  color: #304890 !important;\n}\n\n#ag-eng-tools .sel-actions {\n  display: flex !important;\n  gap: 12px !important;\n  flex-wrap: wrap !important;\n  position: relative !important;\n  z-index: 10 !important;\n}\n\n#ag-eng-tools .sel-btn--primary { background: #304890 !important; color: #ffffff !important; }\n#ag-eng-tools .sel-btn--primary:hover { background: #1860A8 !important; }\n\n#ag-eng-tools .sel-btn--outline {\n  background: #ffffff !important;\n  color: #304890 !important;\n  border: 2px solid #304890 !important;\n}\n#ag-eng-tools .sel-btn--outline:hover { background: rgba(48,72,144,0.04) !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TAB 2: COATING STACK BUILDER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ag-eng-tools .sb-body {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 24px !important;\n  align-items: start !important;\n}\n\n#ag-eng-tools .sb-toggles {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 14px !important;\n  position: relative !important;\n  z-index: 10 !important;\n}\n\n#ag-eng-tools .sb-toggle {\n  background: #ffffff !important;\n  border-radius: 16px !important;\n  border: 2px solid #e4e9f1 !important;\n  padding: 22px 22px !important;\n  cursor: pointer !important;\n  pointer-events: auto !important;\n  transition: all 0.25s ease !important;\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 16px !important;\n  -webkit-user-select: none !important;\n  user-select: none !important;\n  position: relative !important;\n  z-index: 11 !important;\n  -webkit-tap-highlight-color: rgba(48,72,144,0.1) !important;\n}\n\n#ag-eng-tools .sb-toggle:hover { border-color: #c0c9db !important; }\n\n#ag-eng-tools .sb-toggle.on {\n  border-color: #304890 !important;\n  background: rgba(48,72,144,0.02) !important;\n  box-shadow: 0 2px 12px rgba(48,72,144,0.1) !important;\n}\n\n#ag-eng-tools .sb-toggle.locked {\n  cursor: default !important;\n  pointer-events: none !important;\n}\n\n\/* Switch *\/\n#ag-eng-tools .sb-switch {\n  width: 44px !important;\n  height: 26px !important;\n  min-width: 44px !important;\n  border-radius: 13px !important;\n  background: #d1d9e6 !important;\n  position: relative !important;\n  transition: background 0.25s ease !important;\n  flex-shrink: 0 !important;\n  margin-top: 2px !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools .sb-switch::after {\n  content: '' !important;\n  position: absolute !important;\n  top: 3px !important;\n  left: 3px !important;\n  width: 20px !important;\n  height: 20px !important;\n  border-radius: 50% !important;\n  background: #ffffff !important;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.15) !important;\n  transition: transform 0.25s ease !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools .sb-toggle.on .sb-switch { background: #304890 !important; }\n#ag-eng-tools .sb-toggle.on .sb-switch::after { transform: translateX(18px) !important; }\n\n#ag-eng-tools .sb-toggle-content {\n  flex: 1 !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools h4.sb-toggle-name {\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  color: #1a2340 !important;\n  margin: 0 0 4px 0 !important;\n  line-height: 1.3 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n  padding: 0 !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools .sb-toggle-sub {\n  font-size: 12.5px !important;\n  color: #7c8ba5 !important;\n  line-height: 1.55 !important;\n  margin: 0 !important;\n  pointer-events: none !important;\n}\n\n#ag-eng-tools .sb-toggle-badge {\n  position: absolute !important;\n  top: 10px !important;\n  right: 12px !important;\n  font-size: 9.5px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.06em !important;\n  padding: 2px 8px !important;\n  border-radius: 4px !important;\n  background: rgba(48,72,144,0.07) !important;\n  color: #304890 !important;\n  pointer-events: none !important;\n}\n\n\/* Output *\/\n#ag-eng-tools .sb-output {\n  background: #ffffff !important;\n  border-radius: 18px !important;\n  border: 1px solid #e4e9f1 !important;\n  padding: 28px 24px !important;\n  box-shadow: 0 4px 20px rgba(26,35,64,0.04) !important;\n}\n\n#ag-eng-tools h3.sb-output-title {\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  color: #6b7a94 !important;\n  margin: 0 0 6px 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.06em !important;\n}\n\n#ag-eng-tools .sb-combo-name {\n  font-size: 22px !important;\n  font-weight: 800 !important;\n  color: #304890 !important;\n  margin: 0 0 24px 0 !important;\n  line-height: 1.2 !important;\n}\n\n\/* Metric bars *\/\n#ag-eng-tools .sb-metrics {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 16px !important;\n  margin-bottom: 24px !important;\n}\n\n#ag-eng-tools .sb-m { display: flex !important; flex-direction: column !important; gap: 6px !important; }\n\n#ag-eng-tools .sb-m-head {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: baseline !important;\n}\n\n#ag-eng-tools .sb-m-label {\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.05em !important;\n  color: #6b7a94 !important;\n}\n\n#ag-eng-tools .sb-m-val {\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  color: #1a2340 !important;\n  font-variant-numeric: tabular-nums !important;\n}\n\n#ag-eng-tools .sb-m-bar {\n  height: 10px !important;\n  background: #edf0f7 !important;\n  border-radius: 5px !important;\n  overflow: hidden !important;\n}\n\n#ag-eng-tools .sb-m-fill {\n  height: 100% !important;\n  border-radius: 5px !important;\n  transition: width 0.4s ease !important;\n}\n\n#ag-eng-tools .sb-fill--blue { background: linear-gradient(90deg, #304890, #1878C0) !important; }\n#ag-eng-tools .sb-fill--green { background: linear-gradient(90deg, #059669, #10b981) !important; }\n#ag-eng-tools .sb-fill--purple { background: linear-gradient(90deg, #4f46e5, #6366f1) !important; }\n#ag-eng-tools .sb-fill--amber { background: linear-gradient(90deg, #d97706, #f59e0b) !important; }\n#ag-eng-tools .sb-fill--teal { background: linear-gradient(90deg, #0d9488, #14b8a6) !important; }\n\n\/* Stack layers *\/\n#ag-eng-tools .sb-stack-vis {\n  padding-top: 20px !important;\n  border-top: 1px solid #edf0f7 !important;\n}\n\n#ag-eng-tools .sb-stack-label {\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.06em !important;\n  color: #6b7a94 !important;\n  margin-bottom: 12px !important;\n}\n\n#ag-eng-tools .sb-layers { display: flex !important; flex-direction: column !important; }\n\n#ag-eng-tools .sb-layer {\n  padding: 10px 16px !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  border: 1px solid #e4e9f1 !important;\n  margin-bottom: -1px !important;\n}\n\n#ag-eng-tools .sb-layer:first-child { border-radius: 10px 10px 0 0 !important; }\n#ag-eng-tools .sb-layer:last-child { border-radius: 0 0 10px 10px !important; margin-bottom: 0 !important; }\n#ag-eng-tools .sb-layer:only-child { border-radius: 10px !important; }\n\n#ag-eng-tools .sb-ldot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 50% !important;\n  flex-shrink: 0 !important;\n}\n\n#ag-eng-tools .sb-layer--af { background: rgba(16,185,129,0.06) !important; color: #065f46 !important; }\n#ag-eng-tools .sb-layer--af .sb-ldot { background: #10b981 !important; }\n#ag-eng-tools .sb-layer--ar { background: rgba(99,102,241,0.06) !important; color: #3730a3 !important; }\n#ag-eng-tools .sb-layer--ar .sb-ldot { background: #6366f1 !important; }\n#ag-eng-tools .sb-layer--ag { background: rgba(48,72,144,0.06) !important; color: #1e3a5f !important; }\n#ag-eng-tools .sb-layer--ag .sb-ldot { background: #304890 !important; }\n#ag-eng-tools .sb-layer--sub { background: #f0f2f7 !important; color: #64748b !important; }\n#ag-eng-tools .sb-layer--sub .sb-ldot { background: #94a3b8 !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media screen and (max-width:690px) {\n  #ag-eng-tools .sb-body { grid-template-columns: 1fr !important; }\n  #ag-eng-tools h2.et-title { font-size: 24px !important; }\n  #ag-eng-tools .et-tabs { max-width: 100% !important; }\n  #ag-eng-tools .et-tab { padding: 10px 14px !important; font-size: 13px !important; }\n}\n\n@media screen and (max-width: 640px) {\n  #ag-eng-tools { padding: 28px 0 !important; }\n  #ag-eng-tools .et-inner { padding: 0 12px !important; }\n  #ag-eng-tools h2.et-title { font-size: 21px !important; }\n  #ag-eng-tools .sel-card { padding: 28px 20px !important; border-radius: 14px !important; min-height: auto !important; }\n  #ag-eng-tools .sel-options,\n  #ag-eng-tools .sel-options--3col { grid-template-columns: 1fr !important; }\n  #ag-eng-tools .sel-specs { grid-template-columns: repeat(2, 1fr) !important; }\n  #ag-eng-tools h3.sel-question { font-size: 18px !important; }\n  #ag-eng-tools .sel-step-line { width: 32px !important; }\n  #ag-eng-tools .sel-step-dot { width: 30px !important; height: 30px !important; font-size: 12px !important; }\n  #ag-eng-tools .sel-actions { flex-direction: column !important; }\n  #ag-eng-tools .sel-actions .sel-btn { justify-content: center !important; width: 100% !important; }\n  #ag-eng-tools .sb-output,\n  #ag-eng-tools .sb-toggle { padding: 20px 16px !important; border-radius: 14px !important; }\n  #ag-eng-tools .et-tab svg { display: none !important; }\n}\n<\/style>\n\n<section id=\"ag-eng-tools\" aria-labelledby=\"et-main-title\">\n  <div class=\"et-inner\">\n\n    <header class=\"et-header\">\n      <div class=\"et-label\">Interactive Tools<\/div>\n      <h2 class=\"et-title\" id=\"et-main-title\">AG Glass Engineering &amp; Selection Tools<\/h2>\n      <p class=\"et-subtitle\">Find the right AG glass product for your application, or build a custom coating stack and see real-time optical performance data.<\/p>\n    <\/header>\n\n    <!-- Tabs -->\n    <div class=\"et-tabs\" role=\"tablist\">\n      <button class=\"et-tab active\" data-tab=\"0\" type=\"button\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 12 11 14 15 10\"\/><\/svg>\n        Product Selector\n      <\/button>\n      <button class=\"et-tab\" data-tab=\"1\" type=\"button\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n        Coating Stack Builder\n      <\/button>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Panel 0: Product Selector \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"et-panel active\" data-panel=\"0\">\n\n      <div class=\"sel-progress\" aria-hidden=\"true\">\n        <div class=\"sel-step-dot active\" data-step=\"0\">1<\/div>\n        <div class=\"sel-step-line\" data-line=\"0\"><\/div>\n        <div class=\"sel-step-dot\" data-step=\"1\">2<\/div>\n        <div class=\"sel-step-line\" data-line=\"1\"><\/div>\n        <div class=\"sel-step-dot\" data-step=\"2\">3<\/div>\n        <div class=\"sel-step-line\" data-line=\"2\"><\/div>\n        <div class=\"sel-step-dot\" data-step=\"3\">&#10003;<\/div>\n      <\/div>\n\n      <div class=\"sel-card\">\n        <!-- Step 0 -->\n        <div class=\"sel-panel active\" data-selstep=\"0\">\n          <h3 class=\"sel-question\">What industry is this for?<\/h3>\n          <p class=\"sel-question-sub\">Select the sector that best describes your application.<\/p>\n          <div class=\"sel-options\" data-optgroup=\"0\">\n            <div class=\"sel-opt\" data-value=\"automotive\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Automotive<\/span><span class=\"sel-opt-desc\">Infotainment, clusters, HUD<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"industrial\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Industrial \/ HMI<\/span><span class=\"sel-opt-desc\">Control panels, CNC, factory<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"medical\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Medical Equipment<\/span><span class=\"sel-opt-desc\">Patient monitors, diagnostic<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"consumer\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Consumer Electronics<\/span><span class=\"sel-opt-desc\">Tablets, monitors, phones<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"commercial\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Commercial Display<\/span><span class=\"sel-opt-desc\">Kiosks, ATM, POS, signage<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"marine\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Marine \/ EV \/ Specialty<\/span><span class=\"sel-opt-desc\">Navigation, charging, smart home<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 1 -->\n        <div class=\"sel-panel\" data-selstep=\"1\">\n          <h3 class=\"sel-question\">What is the operating environment?<\/h3>\n          <p class=\"sel-question-sub\">Ambient lighting significantly affects which gloss level is best.<\/p>\n          <div class=\"sel-options sel-options--3col\" data-optgroup=\"1\">\n            <div class=\"sel-opt\" data-value=\"outdoor\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Outdoor \/ Sunlight<\/span><span class=\"sel-opt-desc\">Direct sun, high brightness<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"mixed\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Mixed Lighting<\/span><span class=\"sel-opt-desc\">Office, retail, variable<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"indoor\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Controlled Indoor<\/span><span class=\"sel-opt-desc\">Dim, clinical, studio<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 2 -->\n        <div class=\"sel-panel\" data-selstep=\"2\">\n          <h3 class=\"sel-question\">Which feature matters most?<\/h3>\n          <p class=\"sel-question-sub\">Select one primary requirement for your display glass.<\/p>\n          <div class=\"sel-options\" data-optgroup=\"2\">\n            <div class=\"sel-opt\" data-value=\"antiglare\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Maximum Anti-Glare<\/span><span class=\"sel-opt-desc\">Priority on glare reduction over clarity<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"clarity\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">High Clarity &amp; Color<\/span><span class=\"sel-opt-desc\">Color fidelity with moderate anti-glare<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"touch\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Touch Friendly<\/span><span class=\"sel-opt-desc\">Anti-fingerprint, easy clean surface<\/span><\/div>\n            <div class=\"sel-opt\" data-value=\"durability\"><span class=\"sel-opt-check\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span class=\"sel-opt-name\">Impact Resistance<\/span><span class=\"sel-opt-desc\">Tempered, CS &gt; 450 MPa<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Result -->\n        <div class=\"sel-result\" data-selresult>\n          <div class=\"sel-result-badge\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Recommendation Ready<\/div>\n          <div class=\"sel-choices\" data-selchoices><\/div>\n          <h3 class=\"sel-result-title\" data-selresult-title><\/h3>\n          <p class=\"sel-result-desc\" data-selresult-desc><\/p>\n          <div class=\"sel-specs\" data-selresult-specs><\/div>\n          <div class=\"sel-coatings\" data-selresult-coatings><\/div>\n          <div class=\"sel-actions\">\n            <button class=\"sel-btn sel-btn--primary\" type=\"button\" data-action=\"restart\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 105.64-12.36L1 10\"\/><\/svg> Start Over<\/button>\n            <a class=\"sel-btn sel-btn--outline\" href=\"#ct-popup-787\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22 6 12 13 2 6\"\/><\/svg> Request a Quote<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Nav -->\n        <div class=\"sel-nav\" data-selnav>\n          <button class=\"sel-btn sel-btn--back\" type=\"button\" data-action=\"back\" style=\"visibility:hidden;\"><svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg> Back<\/button>\n          <button class=\"sel-btn sel-btn--next disabled\" type=\"button\" data-action=\"next\">Next <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Panel 1: Coating Stack Builder \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"et-panel\" data-panel=\"1\">\n      <div class=\"sb-body\">\n\n        <div class=\"sb-toggles\">\n          <div class=\"sb-toggle on locked\" data-layer=\"ag\">\n            <div class=\"sb-switch\"><\/div>\n            <div class=\"sb-toggle-content\">\n              <h4 class=\"sb-toggle-name\">AG &#8212; Anti-Glare Etching<\/h4>\n              <p class=\"sb-toggle-sub\">Chemical surface etching creates permanent matte micro-texture for glare diffusion. Always included as the base treatment.<\/p>\n            <\/div>\n            <span class=\"sb-toggle-badge\">Required<\/span>\n          <\/div>\n          <div class=\"sb-toggle\" data-layer=\"ar\">\n            <div class=\"sb-switch\"><\/div>\n            <div class=\"sb-toggle-content\">\n              <h4 class=\"sb-toggle-name\">AR &#8212; Anti-Reflective Coating<\/h4>\n              <p class=\"sb-toggle-sub\">Multi-layer optical thin-film reduces surface reflectivity below 1% and boosts light transmittance above 95%.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"sb-toggle\" data-layer=\"af\">\n            <div class=\"sb-switch\"><\/div>\n            <div class=\"sb-toggle-content\">\n              <h4 class=\"sb-toggle-name\">AF &#8212; Anti-Fingerprint Coating<\/h4>\n              <p class=\"sb-toggle-sub\">Hydrophobic oleophobic top coating with water contact angle &gt;110&#176; repels oils and fingerprints for easy cleaning.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-output\">\n          <h3 class=\"sb-output-title\">Combined Performance<\/h3>\n          <div class=\"sb-combo-name\" data-sb-comboname>AG Glass<\/div>\n          <div class=\"sb-metrics\" data-sb-metrics><\/div>\n          <div class=\"sb-stack-vis\">\n            <div class=\"sb-stack-label\">Layer Stack (top &#8594; bottom)<\/div>\n            <div class=\"sb-layers\" data-sb-layers><\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n\/*\n * AG Glass Tools v3 \u2014 WordPress Click-Fix\n * Key fixes:\n *   1. pointer-events:none on ALL child text\/svg so click always hits parent\n *   2. data-* attributes instead of IDs (avoids WP ID conflicts)\n *   3. closest() polyfill for IE\/Edge\n *   4. Triple-init: immediate + DOMContentLoaded + polling\n *   5. Single event delegation on module root\n *   6. Console logging for debug\n *\/\n(function(){\n  'use strict';\n\n  \/* \u2500\u2500 closest polyfill \u2500\u2500 *\/\n  if (!Element.prototype.closest) {\n    Element.prototype.closest = function(s) {\n      var el = this;\n      do {\n        if (el.matches(s)) return el;\n        el = el.parentElement || el.parentNode;\n      } while (el !== null && el.nodeType === 1);\n      return null;\n    };\n  }\n  if (!Element.prototype.matches) {\n    Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\n  }\n\n  var _ready = false;\n\n  function boot() {\n    if (_ready) return;\n    var mod = document.getElementById('ag-eng-tools');\n    if (!mod) return;\n    _ready = true;\n\n    console.log('[AG-Tools] Initializing...');\n\n    \/* \u2500\u2500 helpers \u2500\u2500 *\/\n    function q(s)  { return mod.querySelector(s); }\n    function qa(s) { return mod.querySelectorAll(s); }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 DATA \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    var RECS = {\n      automotive:{outdoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},mixed:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},indoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'}},\n      industrial:{outdoor:{antiglare:'ag',clarity:'agar',touch:'agaraf',durability:'tempered'},mixed:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},indoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'}},\n      medical:{outdoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},mixed:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'ag'},indoor:{antiglare:'agar',clarity:'agar',touch:'agaf',durability:'ag'}},\n      consumer:{outdoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},mixed:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},indoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'ag'}},\n      commercial:{outdoor:{antiglare:'ag',clarity:'agar',touch:'agaraf',durability:'tempered'},mixed:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},indoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'ag'}},\n      marine:{outdoor:{antiglare:'ag',clarity:'agaraf',touch:'agaraf',durability:'tempered'},mixed:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'tempered'},indoor:{antiglare:'ag',clarity:'agar',touch:'agaf',durability:'ag'}}\n    };\n    var PRODUCTS = {\n      ag:{name:'Chemically Etched AG Glass',desc:'Our core AG glass with permanent chemical etching creates a durable matte micro-texture for optimal anti-glare performance.',coatings:['AG Etching']},\n      agar:{name:'AG + AR Combination Glass',desc:'Combines anti-glare etching with anti-reflective optical coating. Transmittance above 95% for premium display clarity.',coatings:['AG Etching','AR Coating']},\n      agaf:{name:'AG + AF Anti-Fingerprint Glass',desc:'AG etching paired with oleophobic AF coating. Perfect for touch interfaces where easy cleaning matters.',coatings:['AG Etching','AF Coating']},\n      agaraf:{name:'AG + AR + AF Triple-Coated Glass',desc:'The ultimate combination for maximum optical performance with easy maintenance in demanding environments.',coatings:['AG Etching','AR Coating','AF Coating']},\n      tempered:{name:'Tempered AG Glass',desc:'Chemical strengthening delivers CS > 450 MPa for impact resistance. Combined with AG etching for anti-glare durability.',coatings:['AG Etching','Tempered']}\n    };\n    var SPECS = {\n      ag:{outdoor:{Gloss:'30\\u201350',Haze:'8\\u201312%',Ra:'0.15 \\u03BCm',Transmittance:'>89%',Thickness:'0.7\\u20133.9 mm',Processing:'Single\/Double'},mixed:{Gloss:'50\\u201370',Haze:'5\\u20138%',Ra:'0.12 \\u03BCm',Transmittance:'>89%',Thickness:'0.7\\u20133.9 mm',Processing:'Single\/Double'},indoor:{Gloss:'70\\u201390',Haze:'3\\u20135%',Ra:'0.08 \\u03BCm',Transmittance:'>91%',Thickness:'0.7\\u20133.9 mm',Processing:'Single\/Double'}},\n      agar:{outdoor:{Gloss:'60\\u201380',Haze:'4\\u20136%',Reflectivity:'<1%',Transmittance:'>95%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AR'},mixed:{Gloss:'70\\u201390',Haze:'3\\u20135%',Reflectivity:'<1%',Transmittance:'>95%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AR'},indoor:{Gloss:'90\\u2013110',Haze:'1\\u20133%',Reflectivity:'<1%',Transmittance:'>95%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AR'}},\n      agaf:{outdoor:{Gloss:'60\\u201380',Haze:'4\\u20136%','Contact\\u00B0':'>110\\u00B0',Transmittance:'>89%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AF'},mixed:{Gloss:'70\\u201390',Haze:'3\\u20135%','Contact\\u00B0':'>110\\u00B0',Transmittance:'>89%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AF'},indoor:{Gloss:'90\\u2013110',Haze:'1\\u20133%','Contact\\u00B0':'>110\\u00B0',Transmittance:'>91%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AF'}},\n      agaraf:{outdoor:{Gloss:'60\\u201380',Reflectivity:'<1%','Contact\\u00B0':'>110\\u00B0',Transmittance:'>95%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AR+AF'},mixed:{Gloss:'70\\u201390',Reflectivity:'<1%','Contact\\u00B0':'>110\\u00B0',Transmittance:'>95%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AR+AF'},indoor:{Gloss:'90\\u2013110',Reflectivity:'<1%','Contact\\u00B0':'>110\\u00B0',Transmittance:'>95%',Thickness:'0.7\\u20133.9 mm',Processing:'AG+AR+AF'}},\n      tempered:{outdoor:{Gloss:'50\\u201370',CS:'>450 MPa',DOL:'>8 \\u03BCm','Ball Drop':'Pass',Thickness:'0.7\\u20133.9 mm',Processing:'Tempered+AG'},mixed:{Gloss:'60\\u201380',CS:'>450 MPa',DOL:'>8 \\u03BCm','Ball Drop':'Pass',Thickness:'0.7\\u20133.9 mm',Processing:'Tempered+AG'},indoor:{Gloss:'80\\u2013100',CS:'>450 MPa',DOL:'>8 \\u03BCm','Ball Drop':'Pass',Thickness:'0.7\\u20133.9 mm',Processing:'Tempered+AG'}}\n    };\n    var LBL = {automotive:'Automotive',industrial:'Industrial\/HMI',medical:'Medical',consumer:'Consumer Electronics',commercial:'Commercial Display',marine:'Marine\/EV\/Specialty',outdoor:'Outdoor',mixed:'Mixed Lighting',indoor:'Controlled Indoor',antiglare:'Max Anti-Glare',clarity:'High Clarity',touch:'Touch Friendly',durability:'Impact Resistance'};\n    var SB_C = {\n      'ag':{name:'AG Glass',t:89,r:8,g:85,f:15,d:95,l:[{n:'AG Etched Surface',c:'ag'},{n:'Glass Substrate',c:'sub'}]},\n      'ag+ar':{name:'AG + AR Glass',t:96,r:1,g:85,f:15,d:80,l:[{n:'AR Optical Coating',c:'ar'},{n:'AG Etched Surface',c:'ag'},{n:'Glass Substrate',c:'sub'}]},\n      'ag+af':{name:'AG + AF Glass',t:89,r:8,g:85,f:92,d:75,l:[{n:'AF Oleophobic Coating',c:'af'},{n:'AG Etched Surface',c:'ag'},{n:'Glass Substrate',c:'sub'}]},\n      'ag+ar+af':{name:'AG + AR + AF Glass',t:96,r:1,g:85,f:92,d:70,l:[{n:'AF Oleophobic Coating',c:'af'},{n:'AR Optical Coating',c:'ar'},{n:'AG Etched Surface',c:'ag'},{n:'Glass Substrate',c:'sub'}]}\n    };\n    var SB_M = [{k:'t',l:'Transmittance',u:'%',c:'blue'},{k:'g',l:'Anti-Glare Effect',u:'%',c:'purple'},{k:'r',l:'Reflectivity (lower = better)',u:'%',c:'amber',inv:1},{k:'f',l:'Anti-Fingerprint',u:'%',c:'green'},{k:'d',l:'Coating Durability',u:'%',c:'teal'}];\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 STATE \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    var selStep = 0;\n    var selAns = [null, null, null];\n    var sbSt = { ar: false, af: false };\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 SELECTOR: UI \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function selUI() {\n      qa('.sel-panel').forEach(function(p) {\n        var s = p.getAttribute('data-selstep');\n        p.classList.toggle('active', s !== null && parseInt(s,10) === selStep);\n      });\n      qa('.sel-step-dot').forEach(function(d, i) {\n        d.classList.remove('active','done');\n        if (i < selStep) d.classList.add('done');\n        else if (i === selStep) d.classList.add('active');\n      });\n      qa('.sel-step-line').forEach(function(l, i) { l.classList.toggle('done', i < selStep); });\n\n      var back = q('[data-action=\"back\"]');\n      var next = q('[data-action=\"next\"]');\n      var nav  = q('[data-selnav]');\n      var res  = q('[data-selresult]');\n      if (!back || !next || !nav || !res) return;\n\n      back.style.visibility = selStep === 0 ? 'hidden' : 'visible';\n      var arrow = '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>';\n      next.innerHTML = (selStep === 2 ? 'Get Recommendation ' : 'Next ') + arrow;\n      if (!selAns[selStep]) next.classList.add('disabled'); else next.classList.remove('disabled');\n      res.classList.remove('active');\n      nav.style.display = 'flex';\n    }\n\n    function selResult() {\n      var pk = (RECS[selAns[0]] && RECS[selAns[0]][selAns[1]] && RECS[selAns[0]][selAns[1]][selAns[2]]) || 'ag';\n      var prod = PRODUCTS[pk];\n      var sp = (SPECS[pk] && SPECS[pk][selAns[1]]) || SPECS.ag.mixed;\n\n      var tEl = q('[data-selresult-title]'); if (tEl) tEl.textContent = prod.name;\n      var dEl = q('[data-selresult-desc]');  if (dEl) dEl.textContent = prod.desc;\n\n      var ch = q('[data-selchoices]');\n      if (ch) { ch.innerHTML = ''; selAns.forEach(function(a) { ch.innerHTML += '<span class=\"sel-choice-chip\">' + (LBL[a]||a) + '<\/span>'; }); }\n\n      var spEl = q('[data-selresult-specs]');\n      if (spEl) { var h = ''; for (var k in sp) { h += '<div class=\"sel-spec-item\"><div class=\"sel-spec-val\">' + sp[k] + '<\/div><div class=\"sel-spec-key\">' + k + '<\/div><\/div>'; } spEl.innerHTML = h; }\n\n      var coEl = q('[data-selresult-coatings]');\n      if (coEl) { var c = ''; prod.coatings.forEach(function(ct) { c += '<span class=\"sel-coating-tag\">' + ct + ' \\u2713<\/span>'; }); coEl.innerHTML = c; }\n\n      qa('.sel-panel').forEach(function(p) { p.classList.remove('active'); });\n      var nav = q('[data-selnav]'); if (nav) nav.style.display = 'none';\n      var res = q('[data-selresult]'); if (res) res.classList.add('active');\n      qa('.sel-step-dot').forEach(function(d) { d.classList.remove('active'); d.classList.add('done'); });\n      qa('.sel-step-line').forEach(function(l) { l.classList.add('done'); });\n    }\n\n    function selRestart() {\n      selStep = 0; selAns = [null, null, null];\n      qa('.sel-opt').forEach(function(o) { o.classList.remove('selected'); });\n      selUI();\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 COATING BUILDER: RENDER \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    function sbRender() {\n      var parts = ['ag']; if (sbSt.ar) parts.push('ar'); if (sbSt.af) parts.push('af');\n      var c = SB_C[parts.join('+')]; if (!c) return;\n\n      var nmEl = q('[data-sb-comboname]'); if (nmEl) nmEl.textContent = c.name;\n\n      var mh = '';\n      SB_M.forEach(function(m) {\n        var v = c[m.k]; var pct = m.inv ? Math.max(2, 100 - v * 8) : v;\n        mh += '<div class=\"sb-m\"><div class=\"sb-m-head\"><span class=\"sb-m-label\">' + m.l + '<\/span><span class=\"sb-m-val\">' + (m.inv ? '< ' + v : v) + m.u + '<\/span><\/div><div class=\"sb-m-bar\"><div class=\"sb-m-fill sb-fill--' + m.c + '\" style=\"width:' + pct + '%\"><\/div><\/div><\/div>';\n      });\n      var mtEl = q('[data-sb-metrics]'); if (mtEl) mtEl.innerHTML = mh;\n\n      var lh = '';\n      c.l.forEach(function(ly) { lh += '<div class=\"sb-layer sb-layer--' + ly.c + '\"><span class=\"sb-ldot\"><\/span>' + ly.n + '<\/div>'; });\n      var lyEl = q('[data-sb-layers]'); if (lyEl) lyEl.innerHTML = lh;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550 SINGLE CLICK DELEGATION \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    mod.addEventListener('click', function(e) {\n      var t = e.target;\n\n      \/* Tab *\/\n      var tab = t.closest('.et-tab');\n      if (tab) {\n        e.preventDefault(); e.stopPropagation();\n        var idx = tab.getAttribute('data-tab');\n        qa('.et-tab').forEach(function(x) { x.classList.remove('active'); });\n        qa('.et-panel').forEach(function(x) { x.classList.remove('active'); });\n        tab.classList.add('active');\n        var panel = q('[data-panel=\"' + idx + '\"]');\n        if (panel) panel.classList.add('active');\n        console.log('[AG-Tools] Tab switched to', idx);\n        return;\n      }\n\n      \/* Option card *\/\n      var opt = t.closest('.sel-opt');\n      if (opt) {\n        e.preventDefault(); e.stopPropagation();\n        var grid = opt.closest('[data-optgroup]');\n        if (!grid) return;\n        var gi = parseInt(grid.getAttribute('data-optgroup'), 10);\n        if (isNaN(gi) || gi < 0 || gi > 2) return;\n        grid.querySelectorAll('.sel-opt').forEach(function(x) { x.classList.remove('selected'); });\n        opt.classList.add('selected');\n        selAns[gi] = opt.getAttribute('data-value');\n        var next = q('[data-action=\"next\"]');\n        if (next) next.classList.remove('disabled');\n        console.log('[AG-Tools] Option selected: step', gi, '=', selAns[gi]);\n        return;\n      }\n\n      \/* Next *\/\n      var nextBtn = t.closest('[data-action=\"next\"]');\n      if (nextBtn) {\n        e.preventDefault(); e.stopPropagation();\n        if (nextBtn.classList.contains('disabled')) return;\n        if (selStep < 2) { selStep++; selUI(); } else { selResult(); }\n        console.log('[AG-Tools] Next \u2192 step', selStep);\n        return;\n      }\n\n      \/* Back *\/\n      var backBtn = t.closest('[data-action=\"back\"]');\n      if (backBtn) {\n        e.preventDefault(); e.stopPropagation();\n        if (selStep > 0) { selStep--; selUI(); }\n        return;\n      }\n\n      \/* Restart *\/\n      var restartBtn = t.closest('[data-action=\"restart\"]');\n      if (restartBtn) {\n        e.preventDefault(); e.stopPropagation();\n        selRestart();\n        return;\n      }\n\n      \/* Coating toggle *\/\n      var toggle = t.closest('.sb-toggle');\n      if (toggle && !toggle.classList.contains('locked')) {\n        e.preventDefault(); e.stopPropagation();\n        var layer = toggle.getAttribute('data-layer');\n        if (!layer) return;\n        sbSt[layer] = !sbSt[layer];\n        toggle.classList.toggle('on', sbSt[layer]);\n        sbRender();\n        console.log('[AG-Tools] Toggle', layer, '=', sbSt[layer]);\n        return;\n      }\n    }, true); \/* \u2190 useCapture=true for maximum priority *\/\n\n    \/* \u2500\u2500 Keyboard \u2500\u2500 *\/\n    mod.addEventListener('keydown', function(e) {\n      if (e.key !== 'Enter' && e.key !== ' ') return;\n      var t = e.target;\n      if (t.closest('.sel-opt') || t.closest('.sb-toggle:not(.locked)') || t.closest('.et-tab') || t.closest('[data-action]')) {\n        e.preventDefault();\n        t.click();\n      }\n    }, true);\n\n    \/* \u2500\u2500 Init render \u2500\u2500 *\/\n    selUI();\n    sbRender();\n    console.log('[AG-Tools] Ready \u2713');\n  }\n\n  \/* \u2500\u2500\u2500 TRIPLE-SAFE INIT \u2500\u2500\u2500 *\/\n  boot();\n  document.addEventListener('DOMContentLoaded', boot);\n  if (!_ready) {\n    var n = 0;\n    var iv = setInterval(function() {\n      n++; boot();\n      if (_ready || n > 60) { clearInterval(iv); if (!_ready) console.warn('[AG-Tools] Module #ag-eng-tools not found after 6s'); }\n    }, 100);\n  }\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-48fe57d\" data-block-id=\"48fe57d\"><style>.stk-48fe57d {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-48fe57d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1ba1377\" data-v=\"4\" data-block-id=\"1ba1377\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1ba1377-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-1ba1377-inner-blocks\">\n<div id=\"ag-glass-tools-module\">\n  <style>\n    \/* ISOLATION PRINCIPLE 1: Top-level Scope\n       All styles are strictly prefixed with #ag-glass-tools-module \n    *\/\n\n    \/* Reset & Container Settings *\/\n    #ag-glass-tools-module {\n      width: 100%;\n      \/* User Requirement: Height Section 40px w\/ padding. \n         Interpreted as 40px vertical padding for breathing room. *\/\n      padding: 40px 20px; \n      box-sizing: border-box;\n      background-color: transparent; \/* Allows section background to show *\/\n      font-family: inherit; \/* User Requirement: Follow Blocksy global font settings *\/\n    }\n\n    \/* Layout Container *\/\n    #ag-glass-tools-module .ag-tools-container {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 30px;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* Card Styling *\/\n    #ag-glass-tools-module .ag-tool-card {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      min-width: 280px;\n      max-width: 500px;\n      padding: 35px 25px;\n      background: #ffffff;\n      border: 1px solid #e0e6ed;\n      border-radius: 8px;\n      text-decoration: none; \/* Remove default link underline *\/\n      transition: all 0.3s ease;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n      overflow: hidden;\n      cursor: pointer;\n    }\n\n    \/* Top Color Bar for Visual Branding *\/\n    #ag-glass-tools-module .ag-tool-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: #304890; \/* User Color: Main Blue *\/\n      transition: height 0.3s ease;\n    }\n\n    \/* Hover Effects *\/\n    #ag-glass-tools-module .ag-tool-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 12px 24px rgba(48, 72, 144, 0.15);\n      border-color: #1860A8;\n    }\n\n    #ag-glass-tools-module .ag-tool-card:hover::before {\n      height: 6px;\n      background-color: #1860A8;\n    }\n\n    \/* Icon Container *\/\n    #ag-glass-tools-module .ag-icon-wrapper {\n      margin-bottom: 20px;\n      color: #304890;\n      transition: color 0.3s ease;\n    }\n\n    #ag-glass-tools-module .ag-tool-card:hover .ag-icon-wrapper {\n      color: #1878C0;\n    }\n\n    \/* SVG Styling *\/\n    #ag-glass-tools-module svg {\n      width: 48px;\n      height: 48px;\n      fill: currentColor;\n    }\n\n    \/* ISOLATION PRINCIPLE 2: Tag Replacement \n       Using div with class instead of h2\/h3 to avoid theme overrides.\n       Includes font-size constraint (Default 32px mentioned, adjusted slightly for card balance)\n    *\/\n    #ag-glass-tools-module .ag-card-title {\n      font-size: 24px; \/* Balanced for card layout, distinct from page title *\/\n      font-weight: 700;\n      color: #304890;\n      text-align: center;\n      line-height: 1.3;\n      margin: 0;\n      \/* Principle 3: Use !important to resist external CSS leaks if necessary *\/\n      font-family: inherit !important; \n    }\n\n    \/* Action Text (Pseudo-button) *\/\n    #ag-glass-tools-module .ag-action-text {\n      margin-top: 15px;\n      font-size: 16px;\n      font-weight: 600;\n      color: #1878C0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    #ag-glass-tools-module .ag-arrow {\n      transition: transform 0.3s ease;\n    }\n\n    #ag-glass-tools-module .ag-tool-card:hover .ag-arrow {\n      transform: translateX(5px);\n    }\n\n    \/* Mobile Responsiveness *\/\n    @media (max-width:690px) {\n      #ag-glass-tools-module .ag-tools-container {\n        flex-direction: column;\n        align-items: center;\n      }\n      \n      #ag-glass-tools-module .ag-tool-card {\n        width: 100%;\n        max-width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"ag-tools-container\">\n\n    <a href=\"https:\/\/saiweiglass.com\/products\/ag-glass\/ag-glass-quick-quote-calculator\/\" class=\"ag-tool-card\" target=\"_blank\">\n      <div class=\"ag-icon-wrapper\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3ZM19 19H5V5H19V19Z\"\/><path d=\"M7 7H17V11H7V7Z\"\/><path d=\"M7 13H9V15H7V13Z\"\/><path d=\"M11 13H13V15H11V13Z\"\/><path d=\"M15 13H17V15H15V13Z\"\/><path d=\"M7 17H9V19H7V17Z\"\/><path d=\"M11 17H13V19H11V17Z\"\/><path d=\"M15 17H17V19H15V17Z\"\/><\/svg>\n      <\/div>\n      <div class=\"ag-card-title\" role=\"heading\" aria-level=\"3\">\n        AG Glass Quick Quote Calculator\n      <\/div>\n      <div class=\"ag-action-text\">\n        Start Calculation\n        <span class=\"ag-arrow\">\u2192<\/span>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/saiweiglass.com\/products\/ag-glass\/ag-glass-specification-finder\/\" class=\"ag-tool-card\" target=\"_blank\">\n      <div class=\"ag-icon-wrapper\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3C5.91 3 3 5.91 3 9.5C3 13.09 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.49L20.49 19L15.5 14ZM9.5 14C7.01 14 5 11.99 5 9.5C5 7.01 7.01 5 9.5 5C11.99 5 14 7.01 14 9.5C14 11.99 11.99 14 9.5 14Z\"\/><\/svg>\n      <\/div>\n      <div class=\"ag-card-title\" role=\"heading\" aria-level=\"3\">\n        AG Glass Specification Finder\n      <\/div>\n      <div class=\"ag-action-text\">\n        Find Specifications\n        <span class=\"ag-arrow\">\u2192<\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n  \n  <script>\n    \/\/ Optional: Add simple click tracking or interaction if strictly needed.\n    \/\/ Currently kept empty to minimize Main Thread blocking time.\n  <\/script>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b881c13\" data-block-id=\"b881c13\"><style>.stk-b881c13 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b881c13-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-35e3c2b\" data-v=\"4\" data-block-id=\"35e3c2b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-35e3c2b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-35e3c2b-inner-blocks\">\n<!-- AG Glass Client Case Studies Module -->\n<section id=\"ag-case-studies\">\n<style>\n\n#ag-case-studies *,\n#ag-case-studies *::before,\n#ag-case-studies *::after {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n}\n\n#ag-case-studies {\n  --acs-primary: #304890;\n  --acs-primary-dark: #1860A8;\n  --acs-accent: #1878C0;\n  --acs-accent-alt: #3048A8;\n  --acs-bg: #F7F8FB;\n  --acs-card-bg: #FFFFFF;\n  --acs-text: #1A1F36;\n  --acs-text-sec: #4A5068;\n  --acs-text-light: #6B7194;\n  --acs-border: #E2E5EF;\n  --acs-tag-bg: #EDF0F8;\n  --acs-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n  width: 100% !important;\n  max-width: 100% !important;\n  background: var(--acs-bg) !important;\n  padding: 40px 0 !important;\n  font-family: var(--acs-sans) !important;\n  color: var(--acs-text) !important;\n  position: relative;\n  overflow: hidden;\n}\n\n#ag-case-studies .acs-inner {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n\/* \u2500\u2500 Section Header \u2500\u2500 *\/\n#ag-case-studies .acs-header {\n  text-align: center;\n  margin-bottom: 36px;\n  position: relative;\n}\n\n#ag-case-studies .acs-header::after {\n  content: '';\n  display: block;\n  width: 64px;\n  height: 3px;\n  background: linear-gradient(90deg, var(--acs-primary), var(--acs-accent));\n  margin: 24px auto 0;\n  border-radius: 2px;\n}\n\n#ag-case-studies .acs-eyebrow {\n  font-family: var(--acs-sans) !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  color: var(--acs-accent) !important;\n  display: block;\n  margin-bottom: 14px;\n}\n\n#ag-case-studies .acs-section-title {\n  font-family: var(--acs-serif) !important;\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  line-height: 1.25 !important;\n  color: var(--acs-text) !important;\n  margin: 0 !important;\n}\n\n#ag-case-studies .acs-section-subtitle {\n  font-family: var(--acs-sans) !important;\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  line-height: 1.6 !important;\n  color: var(--acs-text-sec) !important;\n  max-width: 640px;\n  margin: 16px auto 0;\n}\n\n\/* \u2500\u2500 Stats Bar \u2500\u2500 *\/\n#ag-case-studies .acs-stats-bar {\n  display: flex;\n  justify-content: center;\n  gap: 0;\n  margin-bottom: 56px;\n  background: var(--acs-card-bg);\n  border: 1px solid var(--acs-border);\n  border-radius: 12px;\n  overflow: hidden;\n}\n\n#ag-case-studies .acs-stat-item {\n  flex: 1;\n  text-align: center;\n  padding: 28px 20px;\n  position: relative;\n}\n\n#ag-case-studies .acs-stat-item:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 1px;\n  height: 48px;\n  background: var(--acs-border);\n}\n\n#ag-case-studies .acs-stat-num {\n  font-family: var(--acs-serif) !important;\n  font-size: 32px !important;\n  font-weight: 400 !important;\n  color: var(--acs-primary) !important;\n  line-height: 1.1 !important;\n  display: block;\n}\n\n#ag-case-studies .acs-stat-label {\n  font-family: var(--acs-sans) !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  color: var(--acs-text-light) !important;\n  margin-top: 6px;\n  display: block;\n}\n\n\/* \u2500\u2500 Case Cards Grid \u2500\u2500 *\/\n#ag-case-studies .acs-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 32px;\n}\n\n\/* \u2500\u2500 Individual Case Card \u2500\u2500 *\/\n#ag-case-studies .acs-card {\n  background: var(--acs-card-bg);\n  border: 1px solid var(--acs-border);\n  border-radius: 14px;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 280px 1fr;\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n#ag-case-studies .acs-card:hover {\n  box-shadow: 0 8px 32px rgba(48, 72, 144, 0.08);\n  border-color: rgba(48, 72, 144, 0.15);\n}\n\n\/* Card Left Panel *\/\n#ag-case-studies .acs-card-left {\n  padding: 32px 28px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border-right: 1px solid var(--acs-border);\n  position: relative;\n}\n\n#ag-case-studies .acs-card-left::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n}\n\n#ag-case-studies .acs-card:nth-child(1) .acs-card-left::before {\n  background: linear-gradient(90deg, #1860A8, #1878C0);\n}\n#ag-case-studies .acs-card:nth-child(2) .acs-card-left::before {\n  background: linear-gradient(90deg, #304890, #3048A8);\n}\n#ag-case-studies .acs-card:nth-child(3) .acs-card-left::before {\n  background: linear-gradient(90deg, #1878C0, #304890);\n}\n#ag-case-studies .acs-card:nth-child(4) .acs-card-left::before {\n  background: linear-gradient(90deg, #3048A8, #1860A8);\n}\n#ag-case-studies .acs-card:nth-child(5) .acs-card-left::before {\n  background: linear-gradient(90deg, #1860A8, #3048A8);\n}\n#ag-case-studies .acs-card:nth-child(6) .acs-card-left::before {\n  background: linear-gradient(90deg, #1878C0, #1860A8);\n}\n\n#ag-case-studies .acs-industry-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-family: var(--acs-sans) !important;\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1.5px !important;\n  text-transform: uppercase !important;\n  color: var(--acs-accent) !important;\n  background: var(--acs-tag-bg);\n  padding: 5px 12px;\n  border-radius: 100px;\n  width: fit-content;\n  margin-bottom: 20px;\n}\n\n#ag-case-studies .acs-client-name {\n  font-family: var(--acs-serif) !important;\n  font-size: 20px !important;\n  font-weight: 400 !important;\n  line-height: 1.3 !important;\n  color: var(--acs-text) !important;\n  margin-bottom: 6px !important;\n}\n\n#ag-case-studies .acs-client-region {\n  font-family: var(--acs-sans) !important;\n  font-size: 13px !important;\n  font-weight: 400 !important;\n  color: var(--acs-text-light) !important;\n}\n\n#ag-case-studies .acs-card-metrics {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin-top: 24px;\n}\n\n#ag-case-studies .acs-metric {\n  background: var(--acs-bg);\n  border-radius: 8px;\n  padding: 12px;\n  text-align: center;\n}\n\n#ag-case-studies .acs-metric-val {\n  font-family: var(--acs-sans) !important;\n  font-size: 18px !important;\n  font-weight: 700 !important;\n  color: var(--acs-primary-dark) !important;\n  display: block;\n  line-height: 1.2;\n}\n\n#ag-case-studies .acs-metric-key {\n  font-family: var(--acs-sans) !important;\n  font-size: 11px !important;\n  font-weight: 500 !important;\n  color: var(--acs-text-light) !important;\n  display: block;\n  margin-top: 3px;\n}\n\n\/* Card Right Panel *\/\n#ag-case-studies .acs-card-right {\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n#ag-case-studies .acs-card-title {\n  font-family: var(--acs-sans) !important;\n  font-size: 18px !important;\n  font-weight: 600 !important;\n  line-height: 1.4 !important;\n  color: var(--acs-text) !important;\n}\n\n#ag-case-studies .acs-detail-row {\n  display: flex;\n  gap: 20px;\n}\n\n#ag-case-studies .acs-detail-block {\n  flex: 1;\n}\n\n#ag-case-studies .acs-detail-label {\n  font-family: var(--acs-sans) !important;\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n  text-transform: uppercase !important;\n  color: var(--acs-text-light) !important;\n  margin-bottom: 8px !important;\n  display: block;\n}\n\n#ag-case-studies .acs-detail-text {\n  font-family: var(--acs-sans) !important;\n  font-size: 14px !important;\n  font-weight: 400 !important;\n  line-height: 1.65 !important;\n  color: var(--acs-text-sec) !important;\n}\n\n#ag-case-studies .acs-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: auto;\n  padding-top: 4px;\n}\n\n#ag-case-studies .acs-tag {\n  font-family: var(--acs-sans) !important;\n  font-size: 12px !important;\n  font-weight: 500 !important;\n  color: var(--acs-primary) !important;\n  background: var(--acs-tag-bg);\n  padding: 4px 12px;\n  border-radius: 100px;\n  white-space: nowrap;\n}\n\n\/* \u2500\u2500 Bottom CTA \u2500\u2500 *\/\n#ag-case-studies .acs-cta-area {\n  text-align: center;\n  margin-top: 56px;\n}\n\n#ag-case-studies .acs-cta-text {\n  font-family: var(--acs-sans) !important;\n  font-size: 15px !important;\n  font-weight: 400 !important;\n  color: var(--acs-text-sec) !important;\n  margin-bottom: 20px;\n}\n\n#ag-case-studies .acs-cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--acs-sans) !important;\n  font-size: 15px !important;\n  font-weight: 600 !important;\n  color: #fff !important;\n  background: linear-gradient(135deg, var(--acs-primary), var(--acs-primary-dark)) !important;\n  padding: 14px 36px;\n  border-radius: 8px;\n  border: none;\n  cursor: pointer;\n  text-decoration: none !important;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n#ag-case-studies .acs-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 24px rgba(48, 72, 144, 0.25);\n}\n\n#ag-case-studies .acs-cta-btn svg {\n  width: 18px;\n  height: 18px;\n  transition: transform 0.2s ease;\n}\n\n#ag-case-studies .acs-cta-btn:hover svg {\n  transform: translateX(3px);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 960px) {\n  #ag-case-studies .acs-card {\n    grid-template-columns: 1fr;\n  }\n  #ag-case-studies .acs-card-left {\n    border-right: none;\n    border-bottom: 1px solid var(--acs-border);\n    padding: 24px;\n  }\n  #ag-case-studies .acs-card-left::before {\n    height: 3px;\n  }\n  #ag-case-studies .acs-card-right {\n    padding: 24px;\n  }\n  #ag-case-studies .acs-detail-row {\n    flex-direction: column;\n    gap: 16px;\n  }\n}\n\n@media (max-width: 640px) {\n  #ag-case-studies {\n    padding: 32px 0 !important;\n  }\n  #ag-case-studies .acs-section-title {\n    font-size: 26px !important;\n  }\n  #ag-case-studies .acs-stats-bar {\n    flex-direction: column;\n  }\n  #ag-case-studies .acs-stat-item:not(:last-child)::after {\n    width: 60%;\n    height: 1px;\n    top: auto;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    right: auto;\n  }\n  #ag-case-studies .acs-stat-item {\n    padding: 20px 16px;\n  }\n  #ag-case-studies .acs-header {\n    margin-bottom: 40px;\n  }\n  #ag-case-studies .acs-card-metrics {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n<\/style>\n\n<div class=\"acs-inner\">\n  <!-- Section Header -->\n  <div class=\"acs-header\">\n    <span class=\"acs-eyebrow\">Client Success Stories<\/span>\n    <h2 class=\"acs-section-title\">How We Solve Real Industry Challenges<\/h2>\n    <div class=\"acs-section-subtitle\">From custom chemical etching to high-volume anti-glare glass production, see how AG Glass delivers precision solutions across industries worldwide.<\/div>\n  <\/div>\n\n  <!-- Stats Bar -->\n  <div class=\"acs-stats-bar\">\n    <div class=\"acs-stat-item\">\n      <span class=\"acs-stat-num\">360+<\/span>\n      <span class=\"acs-stat-label\">B2B Projects Delivered<\/span>\n    <\/div>\n    <div class=\"acs-stat-item\">\n      <span class=\"acs-stat-num\">98.7%<\/span>\n      <span class=\"acs-stat-label\">Yield Rate (Chemical Etching)<\/span>\n    <\/div>\n    <div class=\"acs-stat-item\">\n      <span class=\"acs-stat-num\">42<\/span>\n      <span class=\"acs-stat-label\">Countries Served<\/span>\n    <\/div>\n    <div class=\"acs-stat-item\">\n      <span class=\"acs-stat-num\">7 Days<\/span>\n      <span class=\"acs-stat-label\">Average Sample Lead Time<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Case Studies Grid -->\n  <div class=\"acs-grid\">\n\n    <!-- Case 1: Medical Display -->\n    <div class=\"acs-card\">\n      <div class=\"acs-card-left\">\n        <div>\n          <span class=\"acs-industry-badge\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n            Medical Display\n          <\/span>\n          <div class=\"acs-client-name\">European Surgical Monitor OEM<\/div>\n          <div class=\"acs-client-region\">Germany \u00b7 Ongoing since 2022<\/div>\n        <\/div>\n        <div class=\"acs-card-metrics\">\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">60 GU<\/span>\n            <span class=\"acs-metric-key\">Gloss Level<\/span>\n          <\/div>\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">15K+<\/span>\n            <span class=\"acs-metric-key\">Units \/ Year<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"acs-card-right\">\n        <h3 class=\"acs-card-title\">Chemical Etched Anti-Glare Glass for High-Resolution Surgical Displays<\/h3>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Challenge<\/h4>\n            <div class=\"acs-detail-text\">The client required anti-glare glass for 4K surgical monitors used in operating rooms. Existing spray-coated AG solutions introduced sparkle artifacts that impaired image clarity at close viewing distances\u2014a critical safety concern for surgeons. They needed a low-sparkle, chemically etched AG glass at 0.7 mm thickness with precise gloss uniformity (60 \u00b1 3 GU) across the entire panel.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Our Solution<\/h4>\n            <div class=\"acs-detail-text\">We applied our proprietary single-side chemical etching process on borosilicate glass substrate, carefully controlling the etch depth to achieve consistent 60 GU gloss with less than 1% sparkle. Every batch was tested using a BYK micro-gloss meter and haze meter to guarantee compliance with the client&#8217;s optical spec sheet. Custom CNC edge polishing was performed in-house to meet Class 100 cleanroom compatibility.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Result<\/h4>\n            <div class=\"acs-detail-text\">Passed full IEC 60601 compliance testing on first submission. The client consolidated their AG glass supply chain from three vendors to AG Glass as the sole supplier. Annual order volume grew from 5,000 to 15,000+ units within 18 months.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-tags\">\n          <span class=\"acs-tag\">Chemical Etching<\/span>\n          <span class=\"acs-tag\">Anti-Glare Glass<\/span>\n          <span class=\"acs-tag\">Medical Display Glass<\/span>\n          <span class=\"acs-tag\">Low Sparkle AG<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Case 2: Automotive HMI -->\n    <div class=\"acs-card\">\n      <div class=\"acs-card-left\">\n        <div>\n          <span class=\"acs-industry-badge\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n            Automotive HMI\n          <\/span>\n          <div class=\"acs-client-name\">Tier-1 Automotive Display Supplier<\/div>\n          <div class=\"acs-client-region\">South Korea \u00b7 Ongoing since 2023<\/div>\n        <\/div>\n        <div class=\"acs-card-metrics\">\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">90 GU<\/span>\n            <span class=\"acs-metric-key\">Gloss Level<\/span>\n          <\/div>\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">50K+<\/span>\n            <span class=\"acs-metric-key\">Panels \/ Year<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"acs-card-right\">\n        <h3 class=\"acs-card-title\">High-Gloss Etched AG Glass for Automotive Center Console Touchscreens<\/h3>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Challenge<\/h4>\n            <div class=\"acs-detail-text\">A leading Korean Tier-1 supplier needed AG glass cover panels for 12.3\u2033 automotive center console displays. The spec demanded a premium &#8220;semi-gloss&#8221; finish at 90 GU that reduces glare from direct sunlight while maintaining the high-contrast visual quality expected in luxury vehicles. The glass also needed to withstand automotive-grade environmental testing including thermal cycling (\u221240 \u00b0C to +85 \u00b0C) and humidity resistance.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Our Solution<\/h4>\n            <div class=\"acs-detail-text\">We developed a two-stage chemical etching process: a controlled micro-texture etch followed by a surface smoothing pass that produces the desired 90 GU finish without compromising touch sensitivity. Each panel underwent 100% inline optical inspection for gloss uniformity, and we applied an additional AF (anti-fingerprint) coating layer to meet the end customer&#8217;s smudge-resistance requirement. Full dimensional CNC cutting and hole drilling for sensor integration was completed in our facility.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Result<\/h4>\n            <div class=\"acs-detail-text\">The product passed IATF 16949-aligned incoming quality audits and full automotive environmental validation. Production ramp from prototype to 50K+ annual volume was completed in under 6 months. The client is now evaluating our AG glass for their next-generation 15.6\u2033 OLED instrument cluster program.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-tags\">\n          <span class=\"acs-tag\">Automotive Display Glass<\/span>\n          <span class=\"acs-tag\">Etched AG Glass<\/span>\n          <span class=\"acs-tag\">Anti-Fingerprint Coating<\/span>\n          <span class=\"acs-tag\">Cover Glass<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Case 3: Industrial Touch Panel -->\n    <div class=\"acs-card\">\n      <div class=\"acs-card-left\">\n        <div>\n          <span class=\"acs-industry-badge\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\n            Industrial HMI\n          <\/span>\n          <div class=\"acs-client-name\">U.S. Factory Automation Integrator<\/div>\n          <div class=\"acs-client-region\">United States \u00b7 Since 2021<\/div>\n        <\/div>\n        <div class=\"acs-card-metrics\">\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">4 mm<\/span>\n            <span class=\"acs-metric-key\">Thickness<\/span>\n          <\/div>\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">30 GU<\/span>\n            <span class=\"acs-metric-key\">Gloss Level<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"acs-card-right\">\n        <h3 class=\"acs-card-title\">Sandblasted AG Glass with Tempered Finish for Industrial Touchscreen Panels<\/h3>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Challenge<\/h4>\n            <div class=\"acs-detail-text\">The client manufactures ruggedized HMI panels deployed in CNC machining centers and food processing plants. Their existing cover glass showed excessive glare under overhead fluorescent lighting, causing operator eye fatigue during 12-hour shifts. They needed a heavily textured, low-gloss (30 GU) anti-glare glass surface at 4 mm thickness with full thermal tempering for impact resistance \u2014 at a cost point that chemical etching could not meet for their volumes.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Our Solution<\/h4>\n            <div class=\"acs-detail-text\">We recommended our physical sandblasting AG process, which achieves aggressive surface diffusion at a significantly lower cost than chemical etching \u2014 ideal for industrial applications where sparkle is not a concern. The 4 mm soda-lime glass substrate was sandblasted to 30 GU, then fully tempered to meet ANSI Z97.1 safety requirements. We provided custom sizes across 7 different panel dimensions, all CNC-cut with edge grinding and corner rounding to the client&#8217;s mechanical drawings.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Result<\/h4>\n            <div class=\"acs-detail-text\">Operator fatigue complaints dropped significantly according to client feedback. The per-unit cost was reduced by approximately 40% compared to their previous chemical-etched supply. AG Glass now serves as the primary AG glass vendor for all five of their industrial HMI product lines.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-tags\">\n          <span class=\"acs-tag\">Sandblasted AG Glass<\/span>\n          <span class=\"acs-tag\">Tempered Glass<\/span>\n          <span class=\"acs-tag\">Industrial Touchscreen<\/span>\n          <span class=\"acs-tag\">Custom Cut Glass<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Case 4: Consumer Electronics -->\n    <div class=\"acs-card\">\n      <div class=\"acs-card-left\">\n        <div>\n          <span class=\"acs-industry-badge\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg>\n            Consumer Electronics\n          <\/span>\n          <div class=\"acs-client-name\">Tablet &amp; E-Reader Brand (ODM)<\/div>\n          <div class=\"acs-client-region\">Japan \u00b7 Since 2022<\/div>\n        <\/div>\n        <div class=\"acs-card-metrics\">\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">0.55 mm<\/span>\n            <span class=\"acs-metric-key\">Thickness<\/span>\n          <\/div>\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">110 GU<\/span>\n            <span class=\"acs-metric-key\">Gloss Level<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"acs-card-right\">\n        <h3 class=\"acs-card-title\">Ultra-Thin Etched Anti-Glare Glass for E-Reader Devices with Paper-Like Finish<\/h3>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Challenge<\/h4>\n            <div class=\"acs-detail-text\">A Japanese ODM developing a next-generation e-reader needed ultra-thin (0.55 mm) anti-glare cover glass that mimics the visual texture of paper. Standard AG coatings were too thick and added weight. They required a surface treatment directly on the glass substrate that would achieve high gloss (110 GU) with a subtle matte texture, low reflectance (&lt; 2%), and compatibility with capacitive touch layers beneath.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Our Solution<\/h4>\n            <div class=\"acs-detail-text\">We used a precision-controlled light chemical etch on 0.55 mm aluminosilicate glass to create a nano-scale surface texture \u2014 achieving the &#8220;paper-like&#8221; feel without measurably increasing thickness. The process preserved the glass&#8217;s mechanical strength, and we applied a hydrophobic AR+AG dual-function coating that brought total reflectance below 1.5%. Incoming glass substrates were 100% inspected with an automated optical system to ensure zero-defect quality at this extreme thinness.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Result<\/h4>\n            <div class=\"acs-detail-text\">The e-reader product launched on schedule. End-user reviews specifically praised the screen&#8217;s readability under sunlight. The client has since expanded orders to include their 10.3\u2033 e-note product line, with annual volume exceeding 80,000 panels.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-tags\">\n          <span class=\"acs-tag\">Ultra-Thin AG Glass<\/span>\n          <span class=\"acs-tag\">Chemical Etching<\/span>\n          <span class=\"acs-tag\">AR Coating<\/span>\n          <span class=\"acs-tag\">E-Reader Display<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Case 5: Digital Signage -->\n    <div class=\"acs-card\">\n      <div class=\"acs-card-left\">\n        <div>\n          <span class=\"acs-industry-badge\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n            Digital Signage\n          <\/span>\n          <div class=\"acs-client-name\">Middle East Smart Retail Solutions Provider<\/div>\n          <div class=\"acs-client-region\">UAE \u00b7 Since 2023<\/div>\n        <\/div>\n        <div class=\"acs-card-metrics\">\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">6 mm<\/span>\n            <span class=\"acs-metric-key\">Thickness<\/span>\n          <\/div>\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">800+<\/span>\n            <span class=\"acs-metric-key\">Panels Shipped<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"acs-card-right\">\n        <h3 class=\"acs-card-title\">Large-Format Anti-Glare Glass Panels for Outdoor Digital Signage Kiosks<\/h3>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Challenge<\/h4>\n            <div class=\"acs-detail-text\">The client was deploying 55\u2033 interactive digital signage kiosks across high-traffic retail environments in Dubai and Riyadh. Intense ambient sunlight rendered standard display glass nearly unreadable. They needed large-format (1230 \u00d7 705 mm) anti-glare glass at 6 mm with heat-strengthening, black silk-screen printed bezels, and drilled mounting holes \u2014 all from a single supplier to simplify logistics.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Our Solution<\/h4>\n            <div class=\"acs-detail-text\">We provided end-to-end processing: CNC cutting to size, precision drilling of four M6 mounting holes per panel, chemical etching to 70 GU for optimal readability under sunlight, ceramic frit silk-screening for the bezel border, and heat-strengthening at 680 \u00b0C. All panels were individually packed in custom wooden crates with EPE foam separators designed for Middle East freight conditions.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Result<\/h4>\n            <div class=\"acs-detail-text\">Zero breakage across 800+ panels shipped via sea freight. The kiosks are now deployed in three major shopping malls. The client placed a follow-on order for 43\u2033 panels for their upcoming smart bus shelter project.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-tags\">\n          <span class=\"acs-tag\">Large Format AG Glass<\/span>\n          <span class=\"acs-tag\">Silk Screen Printing<\/span>\n          <span class=\"acs-tag\">Digital Signage Glass<\/span>\n          <span class=\"acs-tag\">Outdoor Display<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Case 6: Smart Home \/ IoT -->\n    <div class=\"acs-card\">\n      <div class=\"acs-card-left\">\n        <div>\n          <span class=\"acs-industry-badge\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n            Smart Home &amp; IoT\n          <\/span>\n          <div class=\"acs-client-name\">Smart Home Panel Startup<\/div>\n          <div class=\"acs-client-region\">United States \u00b7 Since 2024<\/div>\n        <\/div>\n        <div class=\"acs-card-metrics\">\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">1.1 mm<\/span>\n            <span class=\"acs-metric-key\">Thickness<\/span>\n          <\/div>\n          <div class=\"acs-metric\">\n            <span class=\"acs-metric-val\">8 Wks<\/span>\n            <span class=\"acs-metric-key\">Prototype to MP<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"acs-card-right\">\n        <h3 class=\"acs-card-title\">Custom-Shaped AG Glass with Integrated AF Coating for Wall-Mount Smart Home Controllers<\/h3>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Challenge<\/h4>\n            <div class=\"acs-detail-text\">An early-stage U.S. hardware startup developing a wall-mounted smart home controller needed a non-standard rounded-rectangle AG glass cover with specific corner radii, two cutouts for sensor windows, and anti-fingerprint properties \u2014 all on a limited budget with minimum order quantities that major glass suppliers refused to accommodate. They were working with a 10-week timeline from prototype approval to mass production delivery.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Our Solution<\/h4>\n            <div class=\"acs-detail-text\">We assigned a dedicated project engineer who worked directly with the client&#8217;s hardware team through three rounds of prototype iteration \u2014 adjusting corner radius, sensor cutout positions, and gloss level \u2014 within 2 weeks. For production, we used chemical etching at 80 GU on 1.1 mm soda-lime glass, CNC-machined the custom profile, and applied a durable AF coating. Our flexible MOQ policy (starting from 500 pcs) enabled the startup to launch without over-investing in inventory.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-detail-row\">\n          <div class=\"acs-detail-block\">\n            <h4 class=\"acs-detail-label\">Result<\/h4>\n            <div class=\"acs-detail-text\">Prototype-to-mass-production transition completed in 8 weeks. The product successfully launched on the client&#8217;s e-commerce channel. They have since scaled orders to 3,000 units per quarter and are developing a second-generation product with our integrated AG + AR coating solution.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"acs-tags\">\n          <span class=\"acs-tag\">Custom Shape Glass<\/span>\n          <span class=\"acs-tag\">Low MOQ<\/span>\n          <span class=\"acs-tag\">AG Glass for IoT<\/span>\n          <span class=\"acs-tag\">Anti-Fingerprint Coating<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/acs-grid -->\n\n  <!-- CTA -->\n  <div class=\"acs-cta-area\">\n    <div class=\"acs-cta-text\">Have a similar project? Let&#8217;s discuss your anti-glare glass requirements.<\/div>\n    <a href=\"#ct-popup-787\" class=\"acs-cta-btn\">\n      Get a Free Quote\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n    <\/a>\n  <\/div>\n\n<\/div><!-- \/acs-inner -->\n<\/section>\n<!-- End AG Glass Client Case Studies Module -->\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b1c9830\" data-block-id=\"b1c9830\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b1c9830-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-99c11aa\" data-v=\"4\" data-block-id=\"99c11aa\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-99c11aa-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-99c11aa-inner-blocks\">\n<!-- AG Glass FAQ Module - Standalone Custom HTML for WordPress\/Gutenberg -->\n<!-- Schema.org Structured Data for SEO -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is AG glass, and how is it different from mirror or AR glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"AG glass, or anti-glare glass, is glass that has been treated to reduce glare from bright lights by diffusing light that strikes the glass surface. A traditional mirror reflects light, while AR glass (anti-reflective glass) is designed to reduce reflections in a different way. AR glass improves transparency by reducing surface reflections that impede light flow. While AR glass improves display clarity, AG glass improves readability and viewer comfort by displaying a single image across a range of lighting conditions.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does AG glass reduce image quality when used over LCD displays?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"AG glass is designed for use over LCD displays. AG glass helps reduce glare and the blooming effect (increased light scatter) caused by LCD screens, improving display visibility in bright ambient lighting. AG glass diffuses light while also allowing enough light, or in some cases even more light, to pass through the glass. Different grades of AG glass have varying levels of scattering, which will affect the viewing experience. Manufacturers often test their products to develop coatings optimized for their LCD displays.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What technologies are responsible for glare reduction in AG glass, and how do they work?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Light can be diffused using micro-etching and matting coatings, which provide a rough surface at the micro level. This means redirecting and scattering strong reflections from a light source. With the necessary air light, a customer can experience greater comfort in the viewing experience, whether the glass is used in a house or an office.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the scope of installations that AG Glass can accommodate, and is it applicable in both commercial and residential environments?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"AG glass is suitable for residential use and is used in commercial applications for office environments, retail displays, and public signage. Suppliers provide a complete range of services, from retrofitting and laminating to custom fabrication, maintenance, and other offerings, to ensure product and service performance and proper installation at the turnaround, sustaining the desired performance over time.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is the difference in anti-reflection and durability properties of G glass and AG glass?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"G glass typically refers to a specific glass grade or brand, and may also refer to individual items within a glass family or to options with different surface treatments. When comparing AG glass to G glass, AG glass has anti-glare properties, and G glass may focus more on strength, thermal, or mechanical properties. The durability of glass options, particularly the coating and substrate, varies. Some glass options may have a durable surface coating that still reduces glare.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can AG glass be combined with other coatings, like AR coatings or mirror finishes?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, AG glass can be combined with other coatings, like AR coatings, in layered glass constructions. For example, a matte AG finish can be laminated with an AR coating to achieve lower reflectivity and greater clarity. In contrast, mirror finishes serve different purposes and are typically used where increased reflectivity is desired, and not reduced.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What are common products and services that use AG glass in commercial displays?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"AG glass is commonly used in point-of-sale displays, interactive displays, digital signage, storefront windows, and conference room partitions. Suppliers offer customization options, anti-fingerprint topcoats, anti-scratch coatings, touch sensors, and other modifications to meet specific commercial performance requirements.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How do I maintain AG glass to preserve its anti-glare properties and longevity?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"AG glass should be cleaned with a non-abrasive glass cleaner and a microfiber cloth to avoid damaging the anti-glare coating. Do not use rough scrubbing or glass cleaners with ammonia, as they can degrade the coatings. Regular gentle cleaning as described will sustain anti-glare performance in residential and commercial settings.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<style>\n\/* AG Glass FAQ Module - Scoped Styles *\/\n#ag-glass-faq-module {\n  box-sizing: border-box !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 auto !important;\n  padding: 40px 0 !important;\n  font-family: inherit !important;\n}\n\n#ag-glass-faq-module *,\n#ag-glass-faq-module *::before,\n#ag-glass-faq-module *::after {\n  box-sizing: border-box !important;\n}\n\n#ag-glass-faq-module .agfaq-container {\n  width: 100% !important;\n  max-width: 1280px !important;\n  margin: 0 auto !important;\n  padding: 0 20px !important;\n}\n\n#ag-glass-faq-module .agfaq-header {\n  text-align: center !important;\n  margin-bottom: 48px !important;\n}\n\n\/* H2 Main Title - Override theme styles *\/\n#ag-glass-faq-module h2.agfaq-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: #304890 !important;\n  margin: 0 0 16px 0 !important;\n  padding: 0 !important;\n  line-height: 1.3 !important;\n  letter-spacing: -0.02em !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n}\n\n#ag-glass-faq-module .agfaq-list {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 12px !important;\n}\n\n#ag-glass-faq-module .agfaq-item {\n  background: #ffffff !important;\n  border-radius: 12px !important;\n  border: 1px solid #e2e8f0 !important;\n  overflow: hidden !important;\n  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;\n}\n\n#ag-glass-faq-module .agfaq-item:hover {\n  box-shadow: 0 4px 20px rgba(48, 72, 144, 0.1) !important;\n  border-color: #1860A8 !important;\n}\n\n#ag-glass-faq-module .agfaq-item.active {\n  border-color: #1860A8 !important;\n  box-shadow: 0 4px 24px rgba(24, 96, 168, 0.15) !important;\n}\n\n\/* Question Button - Clickable Area *\/\n#ag-glass-faq-module .agfaq-question {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  padding: 20px 24px !important;\n  cursor: pointer !important;\n  background: transparent !important;\n  border: none !important;\n  width: 100% !important;\n  text-align: left !important;\n  gap: 16px !important;\n  transition: background 0.2s ease !important;\n  outline: none !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n}\n\n#ag-glass-faq-module .agfaq-question:hover {\n  background: #f8fafc !important;\n}\n\n#ag-glass-faq-module .agfaq-question:focus {\n  background: #f1f5f9 !important;\n  outline: 2px solid #1860A8 !important;\n  outline-offset: -2px !important;\n}\n\n\/* H3 Question Titles - Override theme styles *\/\n#ag-glass-faq-module h3.agfaq-question-text {\n  font-size: 16px !important;\n  font-weight: 600 !important;\n  color: #1e293b !important;\n  line-height: 1.5 !important;\n  flex: 1 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: none !important;\n  text-transform: none !important;\n  letter-spacing: normal !important;\n}\n\n#ag-glass-faq-module .agfaq-item.active h3.agfaq-question-text {\n  color: #1860A8 !important;\n}\n\n#ag-glass-faq-module .agfaq-icon {\n  width: 32px !important;\n  height: 32px !important;\n  min-width: 32px !important;\n  border-radius: 50% !important;\n  background: linear-gradient(135deg, #304890 0%, #1878C0 100%) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: transform 0.3s ease !important;\n  flex-shrink: 0 !important;\n}\n\n#ag-glass-faq-module .agfaq-item.active .agfaq-icon {\n  transform: rotate(180deg) !important;\n}\n\n#ag-glass-faq-module .agfaq-icon svg {\n  width: 16px !important;\n  height: 16px !important;\n  fill: none !important;\n  stroke: #ffffff !important;\n  stroke-width: 2.5 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n}\n\n\/* Answer Panel - Expandable *\/\n#ag-glass-faq-module .agfaq-answer {\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.4s ease-out !important;\n}\n\n#ag-glass-faq-module .agfaq-item.active .agfaq-answer {\n  max-height: 500px !important;\n  transition: max-height 0.5s ease-in !important;\n}\n\n#ag-glass-faq-module .agfaq-answer-inner {\n  padding: 0 24px 24px 24px !important;\n  border-top: 1px solid #e2e8f0 !important;\n}\n\n#ag-glass-faq-module .agfaq-answer-text {\n  font-size: 15px !important;\n  font-weight: 400 !important;\n  color: #475569 !important;\n  line-height: 1.75 !important;\n  margin: 0 !important;\n  padding: 20px 0 0 0 !important;\n}\n\n#ag-glass-faq-module .agfaq-highlight {\n  display: inline !important;\n  color: #1860A8 !important;\n  font-weight: 500 !important;\n}\n\n\/* Decorative Elements *\/\n#ag-glass-faq-module .agfaq-decoration {\n  display: flex !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  margin-bottom: 24px !important;\n}\n\n#ag-glass-faq-module .agfaq-decoration-dot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 50% !important;\n  background: #1878C0 !important;\n  opacity: 0.6 !important;\n}\n\n#ag-glass-faq-module .agfaq-decoration-dot:nth-child(2) {\n  background: #304890 !important;\n  opacity: 0.8 !important;\n}\n\n#ag-glass-faq-module .agfaq-decoration-dot:nth-child(3) {\n  background: #3048A8 !important;\n  opacity: 1 !important;\n}\n\n\/* Responsive Styles *\/\n@media screen and (max-width:690px) {\n  #ag-glass-faq-module {\n    padding: 32px 0 !important;\n  }\n\n  #ag-glass-faq-module .agfaq-container {\n    padding: 0 16px !important;\n  }\n\n  #ag-glass-faq-module h2.agfaq-title {\n    font-size: 26px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-subtitle {\n    font-size: 15px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-header {\n    margin-bottom: 32px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-question {\n    padding: 16px 18px !important;\n  }\n\n  #ag-glass-faq-module h3.agfaq-question-text {\n    font-size: 15px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-answer-inner {\n    padding: 0 18px 18px 18px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-answer-text {\n    font-size: 14px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-icon {\n    width: 28px !important;\n    height: 28px !important;\n    min-width: 28px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-icon svg {\n    width: 14px !important;\n    height: 14px !important;\n  }\n}\n\n@media screen and (max-width: 480px) {\n  #ag-glass-faq-module h2.agfaq-title {\n    font-size: 22px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-list {\n    gap: 8px !important;\n  }\n\n  #ag-glass-faq-module .agfaq-item {\n    border-radius: 8px !important;\n  }\n}\n<\/style>\n\n<section id=\"ag-glass-faq-module\" aria-labelledby=\"agfaq-main-title\">\n  <div class=\"agfaq-container\">\n    <header class=\"agfaq-header\">\n      <div class=\"agfaq-decoration\" aria-hidden=\"true\">\n        <span class=\"agfaq-decoration-dot\"><\/span>\n        <span class=\"agfaq-decoration-dot\"><\/span>\n        <span class=\"agfaq-decoration-dot\"><\/span>\n      <\/div>\n      <h2 class=\"agfaq-title\" id=\"agfaq-main-title\">Frequently Asked Questions (FAQs)<\/h2>\n    <\/header>\n\n    <div class=\"agfaq-list\" role=\"list\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n      <!-- FAQ Item 1 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-1\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">What is AG glass, and how is it different from mirror or AR glass?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-1\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\"><span class=\"agfaq-highlight\">AG glass<\/span>, or anti-glare glass, is glass that has been treated to reduce glare from bright lights by diffusing light that strikes the glass surface. A traditional mirror reflects light, while <span class=\"agfaq-highlight\">AR glass<\/span> (anti-reflective glass) is designed to reduce reflections in a different way. AR glass improves transparency by reducing surface reflections that impede light flow. While AR glass improves display clarity, AG glass improves readability and viewer comfort by displaying a single image across a range of lighting conditions.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- FAQ Item 2 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-2\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">Does AG glass reduce image quality when used over LCD displays?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-2\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\">AG glass is designed for use over <span class=\"agfaq-highlight\">LCD displays<\/span>. AG glass helps reduce glare and the blooming effect (increased light scatter) caused by LCD screens, improving display visibility in bright ambient lighting. AG glass diffuses light while also allowing enough light, or in some cases even more light, to pass through the glass. Different grades of AG glass have varying levels of scattering, which will affect the viewing experience. Manufacturers often test their products to develop coatings optimized for their LCD displays.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- FAQ Item 3 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-3\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">What technologies are responsible for glare reduction in AG glass, and how do they work?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-3\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\">Light can be diffused using <span class=\"agfaq-highlight\">micro-etching<\/span> and <span class=\"agfaq-highlight\">matting coatings<\/span>, which provide a rough surface at the micro level. This means redirecting and scattering strong reflections from a light source. With the necessary air light, a customer can experience greater comfort in the viewing experience, whether the glass is used in a house or an office.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- FAQ Item 4 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-4\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">What is the scope of installations that AG Glass can accommodate, and is it applicable in both commercial and residential environments?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-4\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\">AG glass is suitable for <span class=\"agfaq-highlight\">residential use<\/span> and is used in <span class=\"agfaq-highlight\">commercial applications<\/span> for office environments, retail displays, and public signage. Suppliers provide a complete range of services, from retrofitting and laminating to custom fabrication, maintenance, and other offerings, to ensure product and service performance and proper installation at the turnaround, sustaining the desired performance over time.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- FAQ Item 5 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-5\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">What is the difference in anti-reflection and durability properties of G glass and AG glass?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-5\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\"><span class=\"agfaq-highlight\">G glass<\/span> typically refers to a specific glass grade or brand, and may also refer to individual items within a glass family or to options with different surface treatments. When comparing AG glass to G glass, AG glass has anti-glare properties, and G glass may focus more on strength, thermal, or mechanical properties. The durability of glass options, particularly the coating and substrate, varies. Some glass options may have a durable surface coating that still reduces glare.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- FAQ Item 6 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-6\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">Can AG glass be combined with other coatings, like AR coatings or mirror finishes?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-6\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\">Yes, AG glass can be combined with other coatings, like <span class=\"agfaq-highlight\">AR coatings<\/span>, in layered glass constructions. For example, a matte AG finish can be laminated with an AR coating to achieve lower reflectivity and greater clarity. In contrast, mirror finishes serve different purposes and are typically used where increased reflectivity is desired, and not reduced.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- FAQ Item 7 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-7\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">What are common products and services that use AG glass in commercial displays?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-7\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\">AG glass is commonly used in <span class=\"agfaq-highlight\">point-of-sale displays<\/span>, interactive displays, digital signage, storefront windows, and conference room partitions. Suppliers offer customization options, anti-fingerprint topcoats, anti-scratch coatings, touch sensors, and other modifications to meet specific commercial performance requirements.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- FAQ Item 8 -->\n      <article class=\"agfaq-item\" role=\"listitem\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"agfaq-question\" aria-expanded=\"false\" aria-controls=\"agfaq-answer-8\" type=\"button\">\n          <h3 class=\"agfaq-question-text\" itemprop=\"name\">How do I maintain AG glass to preserve its anti-glare properties and longevity?<\/h3>\n          <span class=\"agfaq-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n          <\/span>\n        <\/button>\n        <div class=\"agfaq-answer\" id=\"agfaq-answer-8\" aria-hidden=\"true\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <div class=\"agfaq-answer-inner\">\n            <div class=\"agfaq-answer-text\" itemprop=\"text\">AG glass should be cleaned with a <span class=\"agfaq-highlight\">non-abrasive glass cleaner<\/span> and a <span class=\"agfaq-highlight\">microfiber cloth<\/span> to avoid damaging the anti-glare coating. Do not use rough scrubbing or glass cleaners with ammonia, as they can degrade the coatings. Regular gentle cleaning as described will sustain anti-glare performance in residential and commercial settings.<\/div>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  'use strict';\n  \n  function initAGFaqModule() {\n    var module = document.getElementById('ag-glass-faq-module');\n    if (!module) return;\n    \n    var items = module.querySelectorAll('.agfaq-item');\n    \n    items.forEach(function(item) {\n      var questionBtn = item.querySelector('.agfaq-question');\n      var answer = item.querySelector('.agfaq-answer');\n      \n      if (!questionBtn || !answer) return;\n      \n      \/\/ Click event for expanding\/collapsing\n      questionBtn.addEventListener('click', function(e) {\n        e.preventDefault();\n        var isActive = item.classList.contains('active');\n        \n        \/\/ Close all other items\n        items.forEach(function(otherItem) {\n          if (otherItem !== item && otherItem.classList.contains('active')) {\n            otherItem.classList.remove('active');\n            var otherBtn = otherItem.querySelector('.agfaq-question');\n            var otherAnswer = otherItem.querySelector('.agfaq-answer');\n            if (otherBtn) otherBtn.setAttribute('aria-expanded', 'false');\n            if (otherAnswer) otherAnswer.setAttribute('aria-hidden', 'true');\n          }\n        });\n        \n        \/\/ Toggle current item\n        if (isActive) {\n          item.classList.remove('active');\n          questionBtn.setAttribute('aria-expanded', 'false');\n          answer.setAttribute('aria-hidden', 'true');\n        } else {\n          item.classList.add('active');\n          questionBtn.setAttribute('aria-expanded', 'true');\n          answer.setAttribute('aria-hidden', 'false');\n        }\n      });\n      \n      \/\/ Keyboard accessibility\n      questionBtn.addEventListener('keydown', function(e) {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          questionBtn.click();\n        }\n      });\n    });\n  }\n  \n  \/\/ Initialize when DOM is ready\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initAGFaqModule);\n  } else {\n    initAGFaqModule();\n  }\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>AG Glass AG Glass Manufacturer &amp; Supplier in China | Custom Anti-Glare Glass Factory Saiwei Glass is one of the top manufacturers of AG glass in China. It manufactures only chemically etched anti-reflective glass, primarily for industrial displays, automotive HMI systems, and medical applications. The etching process can control gloss from 30 to 110, reducing [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":821,"parent":791,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-819","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/comments?post=819"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/819\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/791"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media\/821"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media?parent=819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}