/* Product detail page — static CSS for cacheable delivery */
.product-detail-page {
          min-height: 100vh;
          background: linear-gradient(180deg, #f7f3ea 0%, #e6d3a3 100%);
          padding-top: 100px;
        }

        /* Breadcrumb */
        .product-breadcrumb {
          padding: 20px 0;
          background: rgba(116, 6, 13, 0.05);
          border-bottom: 1px solid #e6d3a3;
        }

        .product-breadcrumb-content {
          max-width: 1400px;
          margin: 0 auto;
          padding: 0 20px;
          display: flex;
          align-items: center;
          gap: 12px;
          font-size: 14px;
        }

        .product-breadcrumb-content a {
          color: #9a1b2e;
          text-decoration: none;
          font-weight: 600;
          transition:
            color 0.3s ease,
            text-decoration 0.3s ease;
          cursor: pointer;
        }

        .product-breadcrumb-content a:hover {
          color: #74060d;
          text-decoration: underline;
        }

        .product-breadcrumb-content span {
          color: #c9a24d;
        }

        /* Hero Section */
        .product-hero-section {
          position: relative;
          min-height: 500px;
          margin-bottom: 60px;
          padding-top: 100px;
        }

        .product-hero-container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 0 20px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 60px;
          align-items: center;
        }

        .product-hero-image {
          position: relative;
          height: 500px;
          border-radius: 24px;
          overflow: hidden;
          box-shadow: 0 20px 60px rgba(116, 6, 13, 0.2);
        }

        .product-hero-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.3) 0%,
            transparent 50%
          );
          z-index: 2;
          pointer-events: none;
        }

        .product-hero-content {
          padding: 40px 0;
        }

        .product-hero-title {
          font-size: clamp(36px, 5vw, 56px);
          font-weight: 800;
          color: #74060d;
          margin: 0 0 20px;
          line-height: 1.2;
        }

        .product-hero-subtitle {
          font-size: clamp(14px, 2vw, 18px);
          color: #e6d3a3;
          font-weight: 600;
          margin: 0 0 12px;
          letter-spacing: 0.02em;
        }

        .product-hero-description {
          font-size: 18px;
          color: #5a4a4a;
          line-height: 1.8;
          margin: 0 0 30px;
        }

        .product-hero-stats {
          display: flex;
          gap: 30px;
        }

        .stat-item {
          text-align: center;
        }

        .stat-value {
          font-size: 32px;
          font-weight: 800;
          color: #c9a24d;
          margin-bottom: 8px;
        }

        .stat-label {
          font-size: 14px;
          color: #9a1b2e;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }

        /* Section Container */
        .product-section-container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 0 20px;
        }

        .product-section-title {
          font-size: clamp(32px, 4vw, 48px);
          font-weight: 800;
          color: #74060d;
          margin: 0 0 12px;
          text-align: center;
        }

        .product-section-subtitle {
          font-size: 18px;
          color: #5a4a4a;
          text-align: center;
          margin: 0 0 50px;
          max-width: 800px;
          margin-left: auto;
          margin-right: auto;
        }

        /* Description Section */
        .product-description-section {
          padding: 80px 0;
          background: white;
        }

        .product-description-content {
          max-width: 1000px;
          margin: 0 auto;
        }

        .product-description-content p {
          font-size: 18px;
          line-height: 1.9;
          color: #1a2744;
          margin: 0;
        }

        /* Overview Specs Table */
        .overview-specs-table {
          margin-top: 40px;
          border-radius: 16px;
          overflow: hidden;
          border: 2px solid #e6d3a3;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.02),
            rgba(201, 162, 77, 0.02)
          );
        }

        .overview-specs-table table {
          width: 100%;
          border-collapse: collapse;
        }

        .overview-specs-table thead tr {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
        }

        .overview-specs-table th {
          padding: 18px 24px;
          text-align: left;
          font-size: 16px;
          font-weight: 700;
          color: #f7f3ea;
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }

        .overview-specs-table th:first-child {
          width: 40%;
        }

        .overview-specs-table tbody tr {
          border-bottom: 1px solid #e6d3a3;
          transition: all 0.3s ease;
        }

        .overview-specs-table tbody tr:last-child {
          border-bottom: none;
        }

        .overview-specs-table tbody tr:hover {
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
        }

        .overview-specs-table td {
          padding: 16px 24px;
          font-size: 15px;
          color: #1a2744;
        }

        .overview-specs-table td:first-child {
          font-weight: 600;
          color: #74060d;
        }

        @media (max-width: 768px) {
          .overview-specs-table th,
          .overview-specs-table td {
            padding: 12px 16px;
            font-size: 14px;
          }

          .overview-specs-table th:first-child {
            width: 45%;
          }
        }

        /* Pricing Section */
        .product-pricing-section {
          padding: 80px 0;
          background: white;
        }

        /* Pricing Toggle Styles */
        .pricing-toggle-wrapper {
          max-width: 800px;
          margin: 0 auto 40px;
        }

        .pricing-toggle-container {
          display: flex;
          gap: 16px;
          justify-content: center;
          flex-wrap: wrap;
          margin-bottom: 16px;
        }

        .pricing-toggle-btn {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 10px;
          padding: 16px 28px;
          background: white;
          border: 2px solid #e6d3a3;
          border-radius: 12px;
          cursor: pointer;
          transition: all 0.3s ease;
          min-width: 180px;
        }

        .pricing-toggle-btn:hover {
          border-color: #c9a24d;
          transform: translateY(-3px);
          box-shadow: 0 8px 20px rgba(116, 6, 13, 0.1);
        }

        .pricing-toggle-btn.active {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          border-color: #74060d;
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.3);
        }

        .pricing-toggle-btn.active .pricing-toggle-icon,
        .pricing-toggle-btn.active .pricing-toggle-name {
          color: white;
        }

        .pricing-toggle-icon {
          font-size: 20px;
        }

        .pricing-toggle-name {
          font-size: 15px;
          font-weight: 700;
          color: #74060d;
          transition: color 0.3s ease;
        }

        .pricing-toggle-description {
          text-align: center;
          font-size: 14px;
          color: #5a4a4a;
          margin: 0;
          padding: 12px 20px;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          border-radius: 8px;
          border: 1px solid #e6d3a3;
        }

        @media (max-width: 480px) {
          .pricing-toggle-btn {
            min-width: 150px;
            padding: 14px 20px;
          }

          .pricing-toggle-name {
            font-size: 14px;
          }
        }

        .currency-selector-wrapper {
          max-width: 1000px;
          margin: 0 auto 50px;
        }

        .currency-selector {
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          padding: 30px;
          border-radius: 20px;
          border: 2px solid #e6d3a3;
        }

        .currency-selector label {
          display: block;
          font-size: 16px;
          font-weight: 700;
          color: #74060d;
          margin-bottom: 16px;
        }

        .currency-buttons {
          display: flex;
          flex-wrap: wrap;
          gap: 12px;
        }

        .currency-btn {
          padding: 12px 24px;
          font-size: 14px;
          font-weight: 700;
          color: #9a1b2e;
          background: white;
          border: 2px solid #e6d3a3;
          border-radius: 30px;
          cursor: pointer;
          transition: all 0.3s ease;
        }

        .currency-btn:hover {
          border-color: #c9a24d;
          transform: translateY(-2px);
        }

        .currency-btn.active {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          color: #f7f3ea;
          border-color: #c9a24d;
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.3);
        }

        /* Multi-Currency Pricing Grid - 7x2 layout */
        .multi-currency-pricing-grid {
          display: grid;
          grid-template-columns: repeat(7, 1fr);
          gap: 14px;
          margin-bottom: 30px;
        }

        .currency-price-card {
          background: white;
          border-radius: 14px;
          padding: 16px 12px;
          text-align: center;
          border: 2px solid #e6d3a3;
          transition: all 0.3s ease;
        }

        .currency-price-card:hover {
          transform: translateY(-3px);
          border-color: #c9a24d;
          box-shadow: 0 8px 20px rgba(116, 6, 13, 0.12);
        }

        .currency-price-card.highlighted {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          border-color: #c9a24d;
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.25);
        }

        .currency-flag-icon {
          font-size: 32px;
          margin-bottom: 8px;
          line-height: 1;
        }

        .currency-code-badge {
          margin-bottom: 8px;
        }

        .currency-code {
          display: inline-block;
          padding: 4px 12px;
          background: linear-gradient(135deg, #c9a24d, #e6d3a3);
          color: #74060d;
          font-size: 11px;
          font-weight: 800;
          border-radius: 20px;
          letter-spacing: 0.05em;
        }

        .currency-price-card.highlighted .currency-code {
          background: rgba(255, 255, 255, 0.2);
          color: #f7f3ea;
        }

        .currency-price {
          display: flex;
          align-items: baseline;
          justify-content: center;
          gap: 2px;
          margin-bottom: 4px;
        }

        .currency-symbol {
          font-size: 14px;
          font-weight: 700;
          color: #c9a24d;
        }

        .currency-price-card.highlighted .currency-symbol {
          color: #e6d3a3;
        }

        .currency-amount {
          font-size: 22px;
          font-weight: 800;
          color: #74060d;
        }

        .currency-price-card.highlighted .currency-amount {
          color: #f7f3ea;
        }

        .currency-unit {
          font-size: 9px;
          color: #9a1b2e;
          font-weight: 600;
          margin-bottom: 4px;
        }

        .currency-price-card.highlighted .currency-unit {
          color: #e6d3a3;
        }

        .currency-name {
          font-size: 9px;
          color: #5a4a4a;
          text-transform: uppercase;
          letter-spacing: 0.03em;
          font-weight: 600;
        }

        .currency-price-card.highlighted .currency-name {
          color: rgba(255, 255, 255, 0.8);
        }

        .pricing-note {
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          border-radius: 12px;
          padding: 16px 24px;
          border: 1px solid #e6d3a3;
        }

        .pricing-note p {
          font-size: 14px;
          color: #5a4a4a;
          margin: 0;
          line-height: 1.6;
        }

        .pricing-note strong {
          color: #74060d;
        }

        @media (max-width: 1200px) {
          .multi-currency-pricing-grid {
            grid-template-columns: repeat(7, 1fr);
            gap: 10px;
          }

          .currency-price-card {
            padding: 14px 8px;
          }

          .currency-amount {
            font-size: 18px;
          }

          .currency-flag-icon {
            font-size: 28px;
          }
        }

        @media (max-width: 992px) {
          .multi-currency-pricing-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
          }

          .currency-amount {
            font-size: 20px;
          }

          .currency-flag-icon {
            font-size: 30px;
          }
        }

        @media (max-width: 768px) {
          .multi-currency-pricing-grid {
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
          }

          .currency-price-card {
            padding: 12px 8px;
          }

          .currency-amount {
            font-size: 18px;
          }

          .currency-flag-icon {
            font-size: 26px;
          }
        }

        @media (max-width: 480px) {
          .multi-currency-pricing-grid {
            grid-template-columns: repeat(2, 1fr);
          }

          .currency-amount {
            font-size: 20px;
          }

          .currency-flag-icon {
            font-size: 28px;
          }
        }

        /* Featured Price Card for INR-based products - DEPRECATED */
        .featured-price-card {
          max-width: 600px;
          margin: 0 auto 50px;
          background: linear-gradient(135deg, #74060d 0%, #9a1b2e 100%);
          border-radius: 24px;
          padding: 40px;
          position: relative;
          overflow: hidden;
          box-shadow: 0 20px 60px rgba(116, 6, 13, 0.3);
        }

        .featured-price-card::before {
          content: "";
          position: absolute;
          inset: 0;
          background: radial-gradient(
            ellipse at top right,
            rgba(201, 162, 77, 0.3) 0%,
            transparent 60%
          );
        }

        .featured-price-header {
          position: relative;
          z-index: 2;
          text-align: center;
          margin-bottom: 30px;
        }

        .featured-price-badge {
          display: inline-block;
          background: linear-gradient(135deg, #c9a24d, #e6d3a3);
          color: #74060d;
          padding: 8px 20px;
          border-radius: 30px;
          font-size: 12px;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          margin-bottom: 16px;
        }

        .featured-price-header h3 {
          font-size: 28px;
          font-weight: 800;
          color: #f7f3ea;
          margin: 0 0 8px;
        }

        .price-thickness {
          font-size: 14px;
          color: #e6d3a3;
          margin: 0;
        }

        .featured-price-main {
          position: relative;
          z-index: 2;
          display: flex;
          align-items: baseline;
          justify-content: center;
          gap: 8px;
          margin-bottom: 30px;
          padding: 30px;
          background: rgba(255, 255, 255, 0.1);
          border-radius: 16px;
          backdrop-filter: blur(10px);
        }

        .featured-price-main .price-currency {
          font-size: 32px;
          font-weight: 700;
          color: #e6d3a3;
        }

        .featured-price-main .price-amount {
          font-size: 56px;
          font-weight: 800;
          color: #f7f3ea;
        }

        .featured-price-main .price-unit {
          font-size: 16px;
          font-weight: 600;
          color: #e6d3a3;
        }

        .featured-price-features {
          position: relative;
          z-index: 2;
          display: flex;
          flex-direction: column;
          gap: 12px;
        }

        .price-feature {
          display: flex;
          align-items: center;
          gap: 12px;
          font-size: 14px;
          color: #f7f3ea;
          padding: 12px 16px;
          background: rgba(255, 255, 255, 0.1);
          border-radius: 12px;
        }

        .price-feature svg {
          color: #c9a24d;
          flex-shrink: 0;
        }

        .pricing-packages-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 24px;
          margin-bottom: 50px;
        }

        .pricing-package-card {
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          border-radius: 20px;
          padding: 30px;
          border: 2px solid #e6d3a3;
          transition: all 0.4s ease;
          text-align: center;
        }

        .pricing-package-card:hover {
          transform: translateY(-8px);
          border-color: #c9a24d;
          box-shadow: 0 20px 50px rgba(116, 6, 13, 0.2);
        }

        .package-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 20px;
          padding-bottom: 16px;
          border-bottom: 2px solid #e6d3a3;
        }

        .package-size {
          font-size: 28px;
          font-weight: 800;
          color: #74060d;
        }

        .package-moq {
          font-size: 12px;
          color: #9a1b2e;
          font-weight: 600;
        }

        .package-price {
          display: flex;
          align-items: baseline;
          justify-content: center;
          gap: 4px;
          margin-bottom: 12px;
        }

        .price-currency {
          font-size: 20px;
          font-weight: 700;
          color: #c9a24d;
        }

        .price-amount {
          font-size: 36px;
          font-weight: 800;
          color: #74060d;
        }

        .price-unit {
          font-size: 14px;
          color: #9a1b2e;
          font-weight: 600;
        }

        .package-total {
          font-size: 14px;
          color: #5a4a4a;
          margin-bottom: 20px;
        }

        .package-features {
          display: flex;
          flex-direction: column;
          gap: 12px;
        }

        .package-feature {
          display: flex;
          align-items: center;
          gap: 10px;
          font-size: 13px;
          color: #1a2744;
        }

        .package-feature svg {
          color: #c9a24d;
          flex-shrink: 0;
        }

        .stock-availability {
          margin-top: 40px;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          border-radius: 20px;
          padding: 30px;
          border: 2px solid #e6d3a3;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap;
          gap: 20px;
        }

        .stock-indicator {
          display: flex;
          align-items: center;
          gap: 20px;
        }

        .stock-status {
          display: flex;
          align-items: center;
          gap: 10px;
          padding: 10px 20px;
          background: white;
          border-radius: 30px;
          border: 2px solid #c9a24d;
        }

        .stock-dot {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: #10b981;
          animation: pulse-dot 2s ease-in-out infinite;
        }

        @keyframes pulse-dot {
          0%,
          100% {
            opacity: 1;
          }
          50% {
            opacity: 0.5;
          }
        }

        .stock-status span {
          font-size: 14px;
          font-weight: 700;
          color: #74060d;
        }

        .stock-info {
          font-size: 14px;
          color: #5a4a4a;
        }

        .stock-info strong {
          color: #9a1b2e;
        }

        .stock-actions {
          display: flex;
          gap: 12px;
        }

        .stock-btn {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 12px 24px;
          font-size: 14px;
          font-weight: 700;
          border-radius: 30px;
          border: 2px solid;
          cursor: pointer;
          transition: all 0.3s ease;
        }

        .stock-btn.primary {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          color: #f7f3ea;
          border-color: #c9a24d;
        }

        .stock-btn.primary:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.4);
        }

        .stock-btn.secondary {
          background: transparent;
          color: #9a1b2e;
          border-color: #9a1b2e;
        }

        .stock-btn.secondary:hover {
          background: #9a1b2e;
          color: #f7f3ea;
        }

        /* Export Availability Section */
        .product-availability-section {
          padding: 80px 0;
          background: white;
        }

        .availability-map-wrapper {
          max-width: 1200px;
          margin: 0 auto;
        }

        .availability-regions {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 24px;
          margin-bottom: 40px;
        }

        .availability-regions > * {
          flex: 0 1 calc(33.333% - 16px);
          max-width: calc(33.333% - 16px);
          width: 100%;
          box-sizing: border-box;
        }

        .region-card {
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          border-radius: 20px;
          padding: 28px;
          border: 2px solid #e6d3a3;
          transition: all 0.4s ease;
        }

        .region-card:hover {
          transform: translateY(-8px);
          border-color: #c9a24d;
          box-shadow: 0 20px 50px rgba(116, 6, 13, 0.2);
        }

        .region-icon {
          font-size: 42px;
          margin-bottom: 14px;
        }

        .region-card h3 {
          font-size: 20px;
          font-weight: 700;
          color: #74060d;
          margin: 0 0 16px;
        }

        .region-countries {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
        }

        .country-tag {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          padding: 6px 12px;
          background: white;
          border: 1px solid #e6d3a3;
          border-radius: 20px;
          font-size: 12px;
          font-weight: 600;
          color: #9a1b2e;
          transition: all 0.3s ease;
        }

        .country-flag {
          font-size: 14px;
          line-height: 1;
        }

        .country-tag:hover {
          background: #c9a24d;
          color: #74060d;
          border-color: #c9a24d;
          transform: scale(1.05);
        }

        @media (max-width: 992px) {
          .availability-regions > * {
            flex: 0 1 calc(50% - 12px);
            max-width: calc(50% - 12px);
          }
        }

        .availability-stats {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 24px;
        }

        .availability-stat {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          border-radius: 20px;
          padding: 40px;
          text-align: center;
          color: #f7f3ea;
        }

        .stat-number {
          font-size: 48px;
          font-weight: 800;
          color: #c9a24d;
          margin-bottom: 8px;
        }

        .stat-text {
          font-size: 16px;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }

        /* Detailed Specifications Section */
        .product-detailed-specs-section {
          padding: 80px 0;
          background: linear-gradient(
            180deg,
            rgba(116, 6, 13, 0.05) 0%,
            transparent 100%
          );
        }

        .detailed-specs-container {
          max-width: 1200px;
          margin: 0 auto;
        }

        .detailed-specs-grid {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 24px;
        }

        .detailed-specs-grid > * {
          flex: 0 1 calc(33.333% - 16px);
          max-width: calc(33.333% - 16px);
          min-width: min(100%, 280px);
          width: 100%;
          box-sizing: border-box;
        }

        .detailed-spec-item {
          background: white;
          border-radius: 16px;
          padding: 28px;
          display: flex;
          align-items: flex-start;
          gap: 20px;
          border: 2px solid #e6d3a3;
          transition: all 0.3s ease;
          box-shadow: 0 4px 20px rgba(116, 6, 13, 0.08);
        }

        .detailed-spec-item:hover {
          transform: translateY(-4px);
          border-color: #c9a24d;
          box-shadow: 0 12px 40px rgba(116, 6, 13, 0.15);
        }

        .spec-item-icon {
          flex-shrink: 0;
          width: 56px;
          height: 56px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, #c9a24d, #e6d3a3);
          border-radius: 12px;
          color: #74060d;
        }

        .detailed-spec-item:hover .spec-item-icon {
          transform: scale(1.1);
          box-shadow: 0 8px 25px rgba(201, 162, 77, 0.3);
        }

        .spec-item-content {
          flex: 1;
        }

        .spec-item-label {
          font-size: 13px;
          font-weight: 600;
          color: #9a1b2e;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          margin-bottom: 8px;
        }

        .spec-item-value {
          font-size: 16px;
          font-weight: 700;
          color: #1a2744;
          line-height: 1.5;
        }

        /* Specifications Section */
        .product-specs-section {
          padding: 80px 0;
          background: linear-gradient(
            180deg,
            rgba(116, 6, 13, 0.05) 0%,
            transparent 100%
          );
        }

        .specs-tabs-wrapper {
          margin-bottom: 50px;
        }

        .specs-tabs {
          display: flex;
          justify-content: center;
          gap: 16px;
          margin-bottom: 40px;
          flex-wrap: wrap;
          background: white;
          padding: 12px;
          border-radius: 16px;
          box-shadow: 0 4px 20px rgba(116, 6, 13, 0.08);
          max-width: 800px;
          margin-left: auto;
          margin-right: auto;
        }

        .specs-tab {
          display: flex;
          align-items: center;
          gap: 10px;
          padding: 16px 28px;
          font-size: 15px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          color: #9a1b2e;
          background: transparent;
          border: 2px solid transparent;
          border-radius: 12px;
          cursor: pointer;
          transition: all 0.3s ease;
          flex: 1;
          justify-content: center;
          min-width: 180px;
        }

        .specs-tab:hover {
          background: rgba(201, 162, 77, 0.1);
          color: #74060d;
        }

        .specs-tab.active {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          color: #f7f3ea;
          border-color: #c9a24d;
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.3);
        }

        .specs-tab svg {
          width: 20px;
          height: 20px;
        }

        .specs-content-wrapper {
          background: white;
          border-radius: 24px;
          box-shadow: 0 15px 50px rgba(116, 6, 13, 0.15);
          overflow: hidden;
          border: 2px solid #e6d3a3;
        }

        .specs-image-container {
          position: relative;
          height: 350px;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.1),
            rgba(201, 162, 77, 0.1)
          );
        }

        .specs-image {
          position: relative;
          height: 100%;
          width: 100%;
        }

        .specs-image-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.2) 0%,
            transparent 50%
          );
        }

        .specs-image-badge {
          position: absolute;
          top: 20px;
          right: 20px;
          background: rgba(201, 162, 77, 0.95);
          color: #74060d;
          padding: 10px 20px;
          border-radius: 25px;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          backdrop-filter: blur(10px);
          z-index: 2;
        }

        .specs-list-container {
          padding: 50px;
        }

        .specs-list-header {
          margin-bottom: 30px;
          padding-bottom: 20px;
          border-bottom: 3px solid #c9a24d;
        }

        .specs-list-header h3 {
          font-size: 28px;
          font-weight: 800;
          color: #74060d;
          margin: 0;
        }

        .specs-grid {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px;
        }

        .specs-grid > * {
          flex: 0 1 calc(33.333% - 14px);
          max-width: calc(33.333% - 14px);
          min-width: min(100%, 260px);
          width: 100%;
          box-sizing: border-box;
        }

        .spec-item {
          display: flex;
          align-items: flex-start;
          gap: 16px;
          padding: 20px;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.03),
            rgba(201, 162, 77, 0.03)
          );
          border-radius: 16px;
          border: 2px solid #e6d3a3;
          transition: all 0.3s ease;
        }

        .spec-item:hover {
          transform: translateX(8px);
          border-color: #c9a24d;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.08),
            rgba(201, 162, 77, 0.08)
          );
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.1);
        }

        .spec-icon {
          flex-shrink: 0;
          width: 48px;
          height: 48px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, #c9a24d, #e6d3a3);
          border-radius: 12px;
          color: #74060d;
        }

        .spec-icon.feature-icon {
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          color: #c9a24d;
        }

        .spec-icon.advantage-icon {
          background: linear-gradient(135deg, #9a1b2e, #c9a24d);
          color: #f7f3ea;
        }

        .spec-text {
          flex: 1;
        }

        .spec-text span {
          font-size: 15px;
          line-height: 1.7;
          color: #1a2744;
          display: block;
        }

        /* Product Types / Variants Section */
        .product-types-section {
          padding: 72px 0;
          background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%);
        }
        .product-types-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 22px;
          margin-top: 32px;
          align-items: start;
        }
        /* Five variant cards: 3 on top row, 2 centered below (e.g. hot thermoplastic grades) */
        @media (min-width: 641px) {
          .product-types-grid--five {
            grid-template-columns: repeat(6, 1fr);
          }
          .product-types-grid--five .product-type-card:nth-child(1) {
            grid-column: 1 / 3;
          }
          .product-types-grid--five .product-type-card:nth-child(2) {
            grid-column: 3 / 5;
          }
          .product-types-grid--five .product-type-card:nth-child(3) {
            grid-column: 5 / 7;
          }
          .product-types-grid--five .product-type-card:nth-child(4) {
            grid-column: 2 / 4;
          }
          .product-types-grid--five .product-type-card:nth-child(5) {
            grid-column: 4 / 6;
          }
        }
        .product-type-card {
          position: relative;
          background: #fff;
          border: 1px solid #e5e7eb;
          border-radius: 14px;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          min-width: 0;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
          transition:
            transform 0.2s ease,
            box-shadow 0.2s ease,
            border-color 0.2s ease;
        }
        .product-type-card:hover {
          transform: translateY(-3px);
          box-shadow: 0 10px 24px rgba(116, 6, 13, 0.1);
          border-color: #74060d;
        }
        .product-type-card.is-open {
          border-color: #74060d;
          box-shadow: 0 12px 30px rgba(116, 6, 13, 0.14);
        }
        .product-type-image {
          position: relative;
          width: 100%;
          min-width: 0;
          aspect-ratio: 16 / 9;
          background: #f3f4f6;
        }
        .product-type-image-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 55%,
            rgba(0, 0, 0, 0.22) 100%
          );
          pointer-events: none;
        }
        .product-type-code-badge {
          position: absolute;
          top: 10px;
          right: 10px;
          z-index: 2;
          padding: 4px 10px;
          font-family: "SF Mono", ui-monospace, monospace;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.06em;
          color: #fff;
          background: linear-gradient(135deg, #74060d, #9a1b2e);
          border-radius: 6px;
          box-shadow: 0 2px 6px rgba(26, 15, 16, 0.28);
        }
        .product-type-body {
          padding: 18px 20px 20px;
          display: flex;
          flex-direction: column;
          gap: 10px;
          min-width: 0;
        }
        .product-type-name {
          margin: 0;
          font-size: 1.08rem;
          font-weight: 700;
          color: #1a2744;
          line-height: 1.3;
          word-break: break-word;
          overflow-wrap: anywhere;
        }
        .product-type-tagline {
          margin: -4px 0 0;
          font-size: 0.82rem;
          color: #74060d;
          font-weight: 600;
          letter-spacing: 0.02em;
        }
        .product-type-overview {
          margin: 0;
          font-size: 0.88rem;
          color: #4b5563;
          line-height: 1.55;
          display: block;
          overflow: visible;
          word-break: break-word;
          overflow-wrap: anywhere;
        }
        .product-type-card.is-open .product-type-overview {
          display: block;
          overflow: visible;
        }
        .product-type-highlights {
          display: grid;
          grid-template-columns: 1fr;
          gap: 6px;
          padding: 10px 12px;
          background: #f9fafb;
          border: 1px solid #eef0f3;
          border-radius: 10px;
        }
        .product-type-highlight {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          gap: 4px;
          font-size: 0.82rem;
        }
        .product-type-highlight-label {
          color: #6b7280;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.04em;
          font-size: 0.7rem;
          flex-shrink: 0;
        }
        .product-type-highlight-value {
          color: #1a2744;
          font-weight: 600;
          text-align: left;
          min-width: 0;
          word-break: break-word;
          overflow-wrap: anywhere;
          line-height: 1.45;
        }
        .product-type-toggle {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 6px;
          margin-top: 2px;
          padding: 9px 14px;
          font-size: 0.82rem;
          font-weight: 700;
          letter-spacing: 0.02em;
          color: #74060d;
          background: transparent;
          border: 1px solid rgba(116, 6, 13, 0.25);
          border-radius: 999px;
          cursor: pointer;
          transition:
            background 0.18s ease,
            border-color 0.18s ease,
            color 0.18s ease;
        }
        .product-type-toggle:hover {
          background: rgba(116, 6, 13, 0.06);
          border-color: #74060d;
        }
        .product-type-toggle-icon {
          transition: transform 0.2s ease;
        }
        .product-type-card.is-open .product-type-toggle-icon {
          transform: rotate(180deg);
        }
        .product-type-details {
          display: flex;
          flex-direction: column;
          gap: 14px;
          padding-top: 6px;
          border-top: 1px dashed #e5e7eb;
          margin-top: 4px;
        }
        .product-type-section h4 {
          margin: 0 0 6px;
          font-size: 0.74rem;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          color: #6b7280;
        }
        .product-type-list {
          margin: 0;
          padding-left: 16px;
          color: #1f2937;
          font-size: 0.86rem;
          line-height: 1.55;
        }
        .product-type-list li {
          margin-bottom: 3px;
        }
        .product-type-specs {
          margin: 0;
          display: grid;
          grid-template-columns: 1fr;
          gap: 4px;
        }
        .product-type-spec-row {
          display: grid;
          grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
          gap: 10px;
          padding: 8px 10px;
          background: #f9fafb;
          border-radius: 6px;
          font-size: 0.84rem;
        }
        .product-type-spec-row dt {
          margin: 0;
          color: #6b7280;
          font-weight: 600;
          min-width: 0;
          word-break: break-word;
        }
        .product-type-spec-row dd {
          margin: 0;
          color: #1a2744;
          font-weight: 600;
          min-width: 0;
          word-break: break-word;
          overflow-wrap: anywhere;
          line-height: 1.45;
        }
        .product-type-tags {
          display: flex;
          flex-wrap: wrap;
          gap: 5px;
        }
        .product-type-tag {
          display: inline-block;
          background: rgba(116, 6, 13, 0.08);
          color: #74060d;
          border: 1px solid rgba(116, 6, 13, 0.18);
          border-radius: 999px;
          padding: 3px 9px;
          font-size: 0.75rem;
          font-weight: 600;
        }
        .product-type-tags-muted .product-type-tag {
          background: #f3f4f6;
          color: #374151;
          border-color: #e5e7eb;
        }
        @media (max-width: 640px) {
          .product-types-grid {
            grid-template-columns: 1fr;
            gap: 16px;
          }
          .product-types-grid--five .product-type-card:nth-child(n) {
            grid-column: auto;
          }
          .product-type-body {
            padding: 16px;
          }
        }

        /* Application Areas Section */
        .product-applications-section {
          padding: 80px 0;
          background: white;
        }

        .applications-grid {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 28px;
        }

        .applications-grid > * {
          flex: 0 1 calc(33.333% - 19px);
          max-width: calc(33.333% - 19px);
          width: 100%;
          box-sizing: border-box;
        }

        .application-card {
          position: relative;
          background: white;
          border-radius: 16px;
          overflow: hidden;
          box-shadow: 0 4px 18px rgba(116, 6, 13, 0.08);
          transition: transform 0.25s ease, box-shadow 0.25s ease;
          cursor: default;
          border: 1px solid rgba(201, 162, 77, 0.35);
        }

        .application-card--text {
          min-height: auto;
        }

        .application-card:hover {
          transform: translateY(-4px);
          box-shadow: 0 10px 28px rgba(116, 6, 13, 0.12);
          border-color: #c9a24d;
        }

        .application-content {
          padding: 22px;
          position: relative;
        }

        .application-content h3 {
          font-size: 18px;
          font-weight: 700;
          color: #74060d;
          margin: 0 0 10px;
        }

        .application-content > p {
          font-size: 14px;
          color: #5a4a4a;
          line-height: 1.65;
          margin: 0;
        }

        .application-details {
          margin-top: 12px;
          padding-top: 12px;
          border-top: 1px solid rgba(201, 162, 77, 0.4);
          animation: fadeIn 0.25s ease;
        }

        @keyframes fadeIn {
          from {
            opacity: 0;
            transform: translateY(-10px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        .application-details p {
          font-size: 13px;
          color: #1a2744;
          line-height: 1.7;
          margin: 0;
        }

        @media (max-width: 992px) {
          .applications-grid > * {
            flex: 0 1 calc(50% - 14px);
            max-width: calc(50% - 14px);
          }
        }

        @media (max-width: 600px) {
          .applications-grid > * {
            flex: 0 1 100%;
            max-width: 100%;
          }
        }

        /* Market Growth Section */
        .product-market-section {
          padding: 80px 0;
          background: linear-gradient(135deg, #74060d 0%, #9a1b2e 100%);
          color: white;
          overflow: hidden;
        }

        .product-market-section .product-section-title {
          color: #f7f3ea;
        }

        .product-market-section .product-section-subtitle {
          color: #e6d3a3;
          max-width: 700px;
          margin-left: auto;
          margin-right: auto;
        }

        /* Market Statistics Grid */
        .market-stats-grid {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 20px;
          margin-bottom: 40px;
          max-width: 100%;
        }

        .market-stat-card {
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
          border-radius: 16px;
          padding: 24px;
          text-align: center;
          border: 2px solid rgba(201, 162, 77, 0.2);
          transition: all 0.3s ease;
          box-sizing: border-box;
          overflow: hidden;
        }

        .market-stat-card:hover {
          transform: translateY(-5px);
          border-color: #c9a24d;
        }

        .market-stat-card.highlight {
          background: linear-gradient(135deg, #c9a24d, #e6d3a3);
          border-color: #c9a24d;
        }

        .market-stat-card.highlight .stat-value,
        .market-stat-card.highlight .stat-label {
          color: #74060d;
        }

        .market-stat-card .stat-icon {
          font-size: 32px;
          margin-bottom: 12px;
        }

        .market-stat-card .stat-value {
          font-size: 28px;
          font-weight: 800;
          color: #f7f3ea;
          margin-bottom: 8px;
        }

        .market-stat-card .stat-label {
          font-size: 12px;
          color: #e6d3a3;
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }

        /* Market Description Box */
        .market-description-box {
          background: rgba(255, 255, 255, 0.08);
          border-radius: 16px;
          padding: 30px;
          margin-bottom: 40px;
          border-left: 4px solid #c9a24d;
          box-sizing: border-box;
          max-width: 100%;
          overflow: hidden;
        }

        .market-description-box p {
          font-size: 16px;
          line-height: 1.8;
          color: #e6d3a3;
          margin: 0;
          word-break: break-word;
          overflow-wrap: break-word;
        }

        /* Visualizations Grid */
        .market-viz-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 30px;
          margin-bottom: 40px;
          max-width: 100%;
          overflow: hidden;
        }

        .viz-card {
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
          border-radius: 20px;
          padding: 30px;
          border: 2px solid rgba(201, 162, 77, 0.2);
          box-sizing: border-box;
          max-width: 100%;
          overflow: hidden;
        }

        .viz-card h3 {
          font-size: 18px;
          font-weight: 700;
          color: #f7f3ea;
          margin: 0 0 24px;
          text-align: center;
        }

        /* Pie Chart Styles */
        .pie-chart-wrapper {
          display: flex;
          align-items: center;
          gap: 30px;
        }

        .pie-chart {
          width: 180px;
          height: 180px;
          flex-shrink: 0;
        }

        .pie-legend {
          flex: 1;
        }

        .pie-legend .legend-item {
          display: flex;
          align-items: center;
          gap: 10px;
          margin-bottom: 10px;
          font-size: 13px;
        }

        .pie-legend .legend-color {
          width: 14px;
          height: 14px;
          border-radius: 4px;
          flex-shrink: 0;
        }

        .pie-legend .legend-text {
          flex: 1;
          color: #e6d3a3;
        }

        .pie-legend .legend-value {
          font-weight: 700;
          color: #f7f3ea;
        }

        /* Bar Chart Styles */
        .bar-chart-wrapper {
          position: relative;
        }

        .bar-chart-container {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          height: 200px;
          padding: 0 10px;
          border-bottom: 2px solid rgba(201, 162, 77, 0.3);
        }

        .bar-item {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex: 1;
          max-width: 50px;
        }

        .bar-fill {
          width: 36px;
          background: linear-gradient(180deg, #c9a24d 0%, #e6d3a3 100%);
          border-radius: 6px 6px 0 0;
          display: flex;
          justify-content: center;
          padding-top: 8px;
          min-height: 30px;
          transition: all 0.3s ease;
        }

        .bar-item:hover .bar-fill {
          background: linear-gradient(180deg, #f7f3ea 0%, #c9a24d 100%);
        }

        .bar-fill .bar-value {
          font-size: 10px;
          font-weight: 700;
          color: #74060d;
          white-space: nowrap;
        }

        .bar-item .bar-label {
          margin-top: 10px;
          font-size: 12px;
          color: #e6d3a3;
          font-weight: 600;
        }

        .growth-trend-line {
          position: absolute;
          top: 20px;
          left: 20px;
          right: 20px;
          height: 100px;
          pointer-events: none;
        }

        .growth-trend-line svg {
          width: 100%;
          height: 100%;
        }

        /* Growth Factors */
        .growth-factors {
          margin-top: 20px;
        }

        .growth-factors h3 {
          font-size: 22px;
          font-weight: 700;
          color: #f7f3ea;
          margin: 0 0 24px;
          text-align: center;
        }

        .factors-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 16px;
        }

        .factor-item {
          display: flex;
          align-items: flex-start;
          gap: 14px;
          font-size: 14px;
          line-height: 1.6;
          color: #e6d3a3;
          padding: 18px 20px;
          background: rgba(255, 255, 255, 0.08);
          border-radius: 12px;
          border: 1px solid rgba(201, 162, 77, 0.2);
          transition: all 0.3s ease;
        }

        .factor-item:hover {
          background: rgba(255, 255, 255, 0.12);
          border-color: rgba(201, 162, 77, 0.4);
          transform: translateX(5px);
        }

        .factor-number {
          font-size: 18px;
          font-weight: 800;
          color: #c9a24d;
          min-width: 30px;
        }

        /* Responsive */
        @media (max-width: 992px) {
          .market-stats-grid {
            grid-template-columns: repeat(2, 1fr);
          }

          .market-viz-grid {
            grid-template-columns: 1fr;
          }

          .pie-chart-wrapper {
            flex-direction: column;
          }

          .factors-grid {
            grid-template-columns: 1fr;
          }
        }

        @media (max-width: 600px) {
          .market-stats-grid {
            grid-template-columns: 1fr;
          }

          .market-stat-card .stat-value {
            font-size: 24px;
          }

          .product-market-section {
            padding: 50px 0;
          }

          .viz-card {
            padding: 18px 14px;
            border-radius: 14px;
          }

          .viz-card h3 {
            font-size: 15px;
            margin-bottom: 16px;
          }

          .pie-chart {
            width: 140px;
            height: 140px;
          }

          .pie-legend .legend-item {
            gap: 8px;
            font-size: 12px;
          }

          .pie-legend .legend-color {
            width: 10px;
            height: 10px;
          }

          .bar-chart-container {
            height: 160px;
            padding: 0 4px;
          }

          .bar-item {
            max-width: 36px;
          }

          .bar-fill {
            width: 24px;
            padding-top: 4px;
          }

          .bar-fill .bar-value {
            font-size: 7px;
          }

          .bar-item .bar-label {
            font-size: 9px;
            margin-top: 6px;
          }

          .market-viz-grid {
            gap: 20px;
          }

          .market-description-box {
            padding: 18px 14px;
          }

          .growth-factors h3 {
            font-size: 17px;
          }

          .factor-item {
            padding: 14px 12px;
            font-size: 13px;
            gap: 10px;
          }

          .factor-number {
            font-size: 15px;
            min-width: 24px;
          }
        }

        /* Legacy chart styles - keeping for backward compatibility */
        .market-content {
          display: grid;
          grid-template-columns: 1fr 1.2fr;
          gap: 60px;
          align-items: start;
        }

        .market-text {
          color: #e6d3a3;
        }

        .market-intro {
          font-size: 18px;
          line-height: 1.9;
          margin: 0 0 40px;
        }

        .market-visual {
          background: rgba(255, 255, 255, 0.1);
          padding: 40px;
          border-radius: 24px;
          backdrop-filter: blur(10px);
          border: 2px solid rgba(201, 162, 77, 0.2);
        }

        .market-chart-container {
          width: 100%;
        }

        .chart-header {
          text-align: center;
          margin-bottom: 30px;
          padding-bottom: 20px;
          border-bottom: 2px solid rgba(201, 162, 77, 0.3);
        }

        .chart-header h3 {
          font-size: 24px;
          font-weight: 700;
          color: #f7f3ea;
          margin: 0 0 8px;
        }

        .chart-header p {
          font-size: 14px;
          color: #c9a24d;
          margin: 0;
          font-weight: 600;
        }

        .chart-wrapper {
          position: relative;
          height: 400px;
          margin-bottom: 30px;
        }

        .bar-chart {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 300px;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          gap: 60px;
          padding: 0 40px;
        }

        .chart-bar-item {
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          max-width: 200px;
        }

        .bar-label {
          font-size: 14px;
          font-weight: 700;
          color: #c9a24d;
          margin-bottom: 12px;
        }

        .bar-container {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: flex-end;
          position: relative;
        }

        .bar {
          width: 100%;
          border-radius: 12px 12px 0 0;
          position: relative;
          transition: height 1s ease;
          display: flex;
          align-items: flex-start;
          justify-content: center;
          padding-top: 20px;
        }

        .bar-2023 {
          background: linear-gradient(180deg, #c9a24d 0%, #e6d3a3 100%);
          box-shadow: 0 -8px 25px rgba(201, 162, 77, 0.4);
        }

        .bar-2036 {
          background: linear-gradient(180deg, #74060d 0%, #9a1b2e 100%);
          box-shadow: 0 -8px 25px rgba(116, 6, 13, 0.4);
        }

        .bar-value {
          font-size: 12px;
          font-weight: 700;
          color: white;
          text-align: center;
          padding: 4px 8px;
          background: rgba(0, 0, 0, 0.3);
          border-radius: 6px;
          backdrop-filter: blur(5px);
        }

        .line-chart {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          pointer-events: none;
        }

        .growth-line {
          width: 100%;
          height: 100%;
        }

        .growth-path {
          stroke-dasharray: 1000;
          stroke-dashoffset: 1000;
          animation: drawLine 2s ease-out forwards;
        }

        @keyframes drawLine {
          to {
            stroke-dashoffset: 0;
          }
        }

        .chart-data-points {
          position: absolute;
          inset: 0;
        }

        .data-point {
          position: absolute;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 8px;
        }

        .point-2023 {
          left: 15%;
          top: 65%;
        }

        .point-2036 {
          right: 15%;
          top: 15%;
        }

        .point-marker {
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: #c9a24d;
          border: 3px solid white;
          box-shadow: 0 0 0 4px rgba(201, 162, 77, 0.3);
          animation: pulse 2s ease-in-out infinite;
        }

        .point-2036 .point-marker {
          background: #74060d;
          box-shadow: 0 0 0 4px rgba(116, 6, 13, 0.3);
        }

        @keyframes pulse {
          0%,
          100% {
            transform: scale(1);
            opacity: 1;
          }
          50% {
            transform: scale(1.2);
            opacity: 0.8;
          }
        }

        .point-info {
          background: rgba(0, 0, 0, 0.6);
          backdrop-filter: blur(10px);
          padding: 10px 16px;
          border-radius: 12px;
          text-align: center;
          border: 1px solid rgba(201, 162, 77, 0.3);
        }

        .point-year {
          font-size: 12px;
          font-weight: 700;
          color: #c9a24d;
          margin-bottom: 4px;
        }

        .point-value {
          font-size: 11px;
          color: white;
          font-weight: 600;
        }

        .chart-footer {
          margin-top: 20px;
          padding-top: 20px;
          border-top: 1px solid rgba(201, 162, 77, 0.2);
        }

        .chart-legend {
          display: flex;
          justify-content: center;
          gap: 30px;
          flex-wrap: wrap;
        }

        .legend-item {
          display: flex;
          align-items: center;
          gap: 10px;
          font-size: 14px;
          color: #e6d3a3;
        }

        .legend-color {
          width: 20px;
          height: 20px;
          border-radius: 4px;
        }

        /* Additional Visualizations Grid */
        .market-visualizations-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
          gap: 30px;
          margin-top: 60px;
        }

        .visualization-card {
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
          border-radius: 24px;
          padding: 30px;
          border: 2px solid rgba(201, 162, 77, 0.2);
          transition: all 0.4s ease;
        }

        .visualization-card:hover {
          transform: translateY(-5px);
          border-color: rgba(201, 162, 77, 0.4);
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }

        .viz-header {
          text-align: center;
          margin-bottom: 25px;
          padding-bottom: 20px;
          border-bottom: 2px solid rgba(201, 162, 77, 0.3);
        }

        .viz-header h3 {
          font-size: 20px;
          font-weight: 700;
          color: #f7f3ea;
          margin: 0 0 8px;
        }

        .viz-header p {
          font-size: 13px;
          color: #c9a24d;
          margin: 0;
          font-weight: 600;
        }

        /* Pie Chart Styles */
        .pie-chart-container {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 25px;
        }

        .pie-chart {
          width: 100%;
          max-width: 280px;
          height: auto;
          filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
        }

        .pie-segment {
          transition: all 0.3s ease;
          cursor: pointer;
        }

        .pie-segment:hover {
          opacity: 0.8;
          transform-origin: center;
        }

        .pie-legend {
          display: flex;
          flex-direction: column;
          gap: 12px;
          width: 100%;
        }

        .pie-legend-item {
          display: flex;
          align-items: center;
          gap: 12px;
          padding: 10px 15px;
          background: rgba(255, 255, 255, 0.08);
          border-radius: 10px;
          border: 1px solid rgba(201, 162, 77, 0.2);
          transition: all 0.3s ease;
        }

        .pie-legend-item:hover {
          background: rgba(255, 255, 255, 0.12);
          transform: translateX(5px);
        }

        .pie-legend-color {
          width: 16px;
          height: 16px;
          border-radius: 4px;
          flex-shrink: 0;
        }

        .pie-legend-label {
          flex: 1;
          font-size: 14px;
          color: #e6d3a3;
          font-weight: 500;
        }

        .pie-legend-value {
          font-size: 14px;
          color: #c9a24d;
          font-weight: 700;
        }

        /* Area Chart Styles */
        .area-chart-container {
          width: 100%;
          padding: 20px 0;
        }

        .area-chart {
          width: 100%;
          height: auto;
          max-height: 300px;
        }

        .area-path {
          transition: all 0.5s ease;
        }

        .area-line {
          transition: all 0.5s ease;
        }

        .area-point {
          transition: all 0.3s ease;
          cursor: pointer;
        }

        .area-point:hover {
          r: 7;
          fill: #c9a24d;
        }

        /* Market Share Styles */
        .market-share-container {
          display: flex;
          flex-direction: column;
          gap: 20px;
          padding: 20px 0;
        }

        .market-share-item {
          display: flex;
          flex-direction: column;
          gap: 10px;
        }

        .market-share-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        .market-share-label {
          font-size: 14px;
          color: #e6d3a3;
          font-weight: 600;
        }

        .market-share-percentage {
          font-size: 16px;
          color: #c9a24d;
          font-weight: 700;
        }

        .market-share-bar {
          width: 100%;
          height: 12px;
          background: rgba(255, 255, 255, 0.1);
          border-radius: 6px;
          overflow: hidden;
          position: relative;
        }

        .market-share-fill {
          height: 100%;
          border-radius: 6px;
          transition: width 1s ease;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        /* Testing Video Section */
        .product-testing-video-section {
          padding: 80px 0;
          background: white;
        }

        .testing-video-container {
          display: grid;
          grid-template-columns: 1.2fr 1fr;
          gap: 50px;
          align-items: center;
          margin-top: 40px;
        }

        .video-wrapper {
          position: relative;
          border-radius: 24px;
          overflow: hidden;
          box-shadow: 0 20px 60px rgba(116, 6, 13, 0.2);
          background: #000;
        }

        .video-embed {
          position: relative;
          padding-bottom: 56.25%; /* 16:9 aspect ratio */
          height: 0;
          overflow: hidden;
        }

        .youtube-iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: none;
        }

        .video-overlay-decoration {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.1) 0%,
            transparent 50%
          );
          pointer-events: none;
          border-radius: 24px;
        }

        .video-info {
          padding: 20px 0;
        }

        .video-info h3 {
          font-size: 28px;
          font-weight: 700;
          color: #74060d;
          margin: 0 0 20px;
          line-height: 1.3;
        }

        .video-info > p {
          font-size: 16px;
          line-height: 1.8;
          color: #5a4a4a;
          margin: 0 0 30px;
        }

        .video-features {
          display: flex;
          flex-direction: column;
          gap: 16px;
        }

        .video-feature-item {
          display: flex;
          align-items: center;
          gap: 14px;
          padding: 16px 20px;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          border-radius: 12px;
          border: 2px solid #e6d3a3;
          transition: all 0.3s ease;
        }

        .video-feature-item:hover {
          transform: translateX(8px);
          border-color: #c9a24d;
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.1),
            rgba(201, 162, 77, 0.1)
          );
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.1);
        }

        .video-feature-item svg {
          flex-shrink: 0;
          color: #c9a24d;
          width: 24px;
          height: 24px;
        }

        .video-feature-item span {
          font-size: 15px;
          font-weight: 600;
          color: #74060d;
        }

        /* Manufacturing Process Section */
        .product-manufacturing-section {
          padding: 80px 0;
          background: white;
        }

        .manufacturing-steps {
          position: relative;
          max-width: 1000px;
          margin: 0 auto;
          padding: 40px 0;
        }

        .manufacturing-steps::before {
          content: "";
          position: absolute;
          left: 60px;
          top: 0;
          bottom: 0;
          width: 4px;
          background: linear-gradient(180deg, #c9a24d, #e6d3a3, #c9a24d);
          border-radius: 2px;
        }

        .manufacturing-step {
          position: relative;
          display: grid;
          grid-template-columns: 120px 1fr;
          gap: 40px;
          margin-bottom: 50px;
          opacity: 0;
          transform: translateY(50px);
          transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .manufacturing-step.visible {
          opacity: 1;
          transform: translateY(0);
        }

        .manufacturing-step:last-child {
          margin-bottom: 0;
        }

        .step-connector {
          position: absolute;
          left: 58px;
          top: 60px;
          bottom: -50px;
          width: 8px;
          background: linear-gradient(180deg, #c9a24d, transparent);
          border-radius: 4px;
          opacity: 0;
          transition: opacity 0.8s ease 0.3s;
        }

        .manufacturing-step.visible .step-connector {
          opacity: 1;
        }

        .manufacturing-step:last-child .step-connector {
          display: none;
        }

        .step-number-wrapper {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .step-number {
          position: relative;
          z-index: 2;
          font-size: 32px;
          font-weight: 800;
          color: #74060d;
          background: white;
          width: 80px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          border: 4px solid #c9a24d;
          box-shadow: 0 8px 25px rgba(116, 6, 13, 0.2);
          transition: all 0.5s ease;
        }

        .manufacturing-step.visible .step-number {
          transform: scale(1.1);
          box-shadow: 0 12px 35px rgba(201, 162, 77, 0.4);
        }

        .step-number-glow {
          position: absolute;
          inset: -10px;
          border-radius: 50%;
          background: radial-gradient(
            circle,
            rgba(201, 162, 77, 0.4),
            transparent 70%
          );
          opacity: 0;
          animation: glowPulse 2s ease-in-out infinite;
        }

        .manufacturing-step.visible .step-number-glow {
          opacity: 1;
        }

        @keyframes glowPulse {
          0%,
          100% {
            transform: scale(1);
            opacity: 0.4;
          }
          50% {
            transform: scale(1.2);
            opacity: 0.6;
          }
        }

        .step-content {
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          padding: 35px;
          border-radius: 20px;
          border: 2px solid #e6d3a3;
          transition: all 0.5s ease;
          position: relative;
          overflow: hidden;
        }

        .step-content::before {
          content: "";
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(
            90deg,
            transparent,
            rgba(201, 162, 77, 0.1),
            transparent
          );
          transition: left 0.6s ease;
        }

        .manufacturing-step.visible .step-content::before {
          left: 100%;
        }

        .manufacturing-step.visible .step-content {
          border-color: #c9a24d;
          box-shadow: 0 12px 40px rgba(116, 6, 13, 0.15);
          transform: translateX(10px);
        }

        .step-content h3 {
          font-size: 24px;
          font-weight: 700;
          color: #74060d;
          margin: 0 0 16px;
          position: relative;
        }

        .step-content p {
          font-size: 16px;
          line-height: 1.8;
          color: #1a2744;
          margin: 0;
          position: relative;
        }

        /* Animated Statistics Dashboard */
        .product-stats-dashboard-section {
          padding: 80px 0;
          background: linear-gradient(135deg, #74060d 0%, #9a1b2e 100%);
          position: relative;
          overflow: hidden;
        }

        .product-stats-dashboard-section::before {
          content: "";
          position: absolute;
          inset: 0;
          background: radial-gradient(
            ellipse at center,
            rgba(201, 162, 77, 0.15) 0%,
            transparent 70%
          );
        }

        .stats-dashboard-wrapper {
          position: relative;
          z-index: 2;
        }

        .stats-dashboard-header {
          text-align: center;
          margin-bottom: 50px;
        }

        .stats-dashboard-header h2 {
          font-size: clamp(32px, 4vw, 48px);
          font-weight: 800;
          color: #f7f3ea;
          margin: 0 0 12px;
        }

        .stats-dashboard-header p {
          font-size: 18px;
          color: #e6d3a3;
          margin: 0;
        }

        .stats-dashboard-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 30px;
        }

        .stat-card {
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
          border-radius: 20px;
          padding: 40px 30px;
          border: 2px solid rgba(201, 162, 77, 0.3);
          position: relative;
          overflow: hidden;
          transition: all 0.4s ease;
        }

        .stat-card:hover {
          transform: translateY(-8px);
          border-color: rgba(201, 162, 77, 0.6);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
        }

        .stat-card-glow {
          position: absolute;
          inset: -2px;
          background: linear-gradient(
            135deg,
            rgba(201, 162, 77, 0.3),
            rgba(230, 211, 163, 0.3)
          );
          border-radius: 20px;
          opacity: 0;
          transition: opacity 0.4s ease;
          z-index: -1;
        }

        .stat-card:hover .stat-card-glow {
          opacity: 1;
          animation: pulse-glow 2s ease-in-out infinite;
        }

        @keyframes pulse-glow {
          0%,
          100% {
            opacity: 0.3;
          }
          50% {
            opacity: 0.6;
          }
        }

        .stat-card-icon {
          width: 80px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, #c9a24d, #e6d3a3);
          border-radius: 50%;
          color: #74060d;
          margin: 0 auto 24px;
          box-shadow: 0 8px 25px rgba(201, 162, 77, 0.4);
        }

        .stat-card:hover .stat-card-icon {
          transform: scale(1.1) rotate(5deg);
        }

        .stat-card-content {
          text-align: center;
        }

        .stat-value {
          font-size: clamp(32px, 4vw, 48px);
          font-weight: 800;
          color: #f7f3ea;
          margin-bottom: 12px;
          line-height: 1;
        }

        .stat-label {
          font-size: 14px;
          color: #e6d3a3;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.1em;
        }

        /* Proof Section */
        .product-proof-section {
          padding: 80px 0;
          background: white;
        }

        .proof-certificates {
          margin-top: 0;
        }

        .certificates-header {
          text-align: center;
          margin-bottom: 40px;
        }

        .certificates-header h3 {
          font-size: 32px;
          font-weight: 700;
          color: #74060d;
          margin: 0 0 12px;
        }

        .certificates-header p {
          font-size: 16px;
          color: #5a4a4a;
          margin: 0;
        }

        .certificates-grid {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 30px;
        }

        .certificates-grid > * {
          flex: 0 1 calc(33.333% - 20px);
          max-width: calc(33.333% - 20px);
          min-width: min(100%, 260px);
          width: 100%;
          box-sizing: border-box;
        }

        .certificate-card {
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.05),
            rgba(201, 162, 77, 0.05)
          );
          border-radius: 20px;
          padding: 40px 30px;
          text-align: center;
          border: 2px solid #e6d3a3;
          transition: all 0.4s ease;
          display: flex;
          flex-direction: column;
          align-items: center;
        }

        .certificate-card:hover {
          transform: translateY(-8px);
          border-color: #c9a24d;
          box-shadow: 0 15px 40px rgba(116, 6, 13, 0.2);
          background: linear-gradient(
            135deg,
            rgba(116, 6, 13, 0.1),
            rgba(201, 162, 77, 0.1)
          );
        }

        .certificate-icon {
          width: 80px;
          height: 80px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: linear-gradient(135deg, #c9a24d, #e6d3a3);
          border-radius: 50%;
          color: #74060d;
          margin-bottom: 24px;
          box-shadow: 0 8px 25px rgba(201, 162, 77, 0.3);
        }

        .certificate-card:hover .certificate-icon {
          transform: scale(1.1);
          box-shadow: 0 12px 35px rgba(201, 162, 77, 0.4);
        }

        .certificate-card h4 {
          font-size: 20px;
          font-weight: 700;
          color: #74060d;
          margin: 0 0 12px;
        }

        .certificate-card p {
          font-size: 14px;
          color: #5a4a4a;
          line-height: 1.6;
          margin: 0 0 24px;
          flex-grow: 1;
        }

        .certificate-view-btn {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 12px 28px;
          font-size: 14px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          color: #74060d;
          background: #c9a24d;
          border: 2px solid #e6d3a3;
          border-radius: 30px;
          cursor: pointer;
          transition: all 0.3s ease;
          margin-top: auto;
        }

        .certificate-view-btn:hover {
          background: #e6d3a3;
          color: #9a1b2e;
          transform: translateY(-2px);
          box-shadow: 0 8px 25px rgba(201, 162, 77, 0.4);
        }

        .certificate-view-btn svg {
          width: 18px;
          height: 18px;
        }

        /* CTA Section */
        .product-cta-section {
          padding: 80px 0;
          background: linear-gradient(135deg, #74060d 0%, #9a1b2e 100%);
          text-align: center;
        }

        .product-cta-container {
          max-width: 800px;
          margin: 0 auto;
          padding: 0 20px;
        }

        .product-cta-container h2 {
          font-size: 36px;
          font-weight: 800;
          color: #f7f3ea;
          margin: 0 0 16px;
        }

        .product-cta-container p {
          font-size: 18px;
          color: #e6d3a3;
          margin: 0 0 40px;
        }

        .product-cta-buttons {
          display: flex;
          gap: 20px;
          justify-content: center;
          flex-wrap: wrap;
        }

        .product-cta-btn {
          padding: 16px 36px;
          font-size: 16px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          border-radius: 30px;
          text-decoration: none;
          transition: all 0.3s ease;
          display: inline-flex;
          align-items: center;
        }

        .product-cta-btn.primary {
          background: #c9a24d;
          color: #74060d;
          border: 2px solid #e6d3a3;
        }

        .product-cta-btn.primary:hover {
          background: #e6d3a3;
          transform: translateY(-3px);
          box-shadow: 0 10px 30px rgba(201, 162, 77, 0.4);
        }

        .product-cta-btn.secondary {
          background: transparent;
          color: #f7f3ea;
          border: 2px solid #e6d3a3;
        }

        .product-cta-btn.secondary:hover {
          background: rgba(255, 255, 255, 0.1);
          border-color: #c9a24d;
        }

        /* Product FAQ (accordion UI uses Tailwind in components/ui/faq-chat-accordion) */
        .product-faq-section {
          padding: 80px 0;
          background: #fff;
          border-top: 1px solid rgba(230, 211, 163, 0.6);
        }

        /* Related Products Section */
        .related-products-section {
          padding: 80px 0;
          background: linear-gradient(
            180deg,
            rgba(116, 6, 13, 0.05) 0%,
            transparent 100%
          );
        }

        .related-products-grid {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 30px;
        }

        .related-products-grid > * {
          flex: 0 1 calc(33.333% - 20px);
          max-width: calc(33.333% - 20px);
          min-width: min(100%, 280px);
          width: 100%;
          box-sizing: border-box;
        }

        .related-product-card {
          background: white;
          border-radius: 20px;
          overflow: hidden;
          box-shadow: 0 8px 30px rgba(116, 6, 13, 0.1);
          text-decoration: none;
          transition: all 0.4s ease;
          display: block;
        }

        .related-product-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 20px 50px rgba(116, 6, 13, 0.2);
        }

        .related-product-image {
          position: relative;
          height: 200px;
        }

        .related-product-content {
          padding: 24px;
        }

        .related-product-content h3 {
          font-size: 20px;
          font-weight: 700;
          color: #74060d;
          margin: 0 0 12px;
        }

        .related-product-content p {
          font-size: 14px;
          color: #5a4a4a;
          line-height: 1.6;
          margin: 0 0 16px;
        }

        .related-product-link {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          font-size: 14px;
          font-weight: 700;
          color: #9a1b2e;
          text-transform: uppercase;
          letter-spacing: 0.05em;
        }

        .related-product-card:hover .related-product-link {
          color: #c9a24d;
          gap: 12px;
        }

        /* Loading & Not Found */
        .product-loading,
        .product-not-found {
          max-width: 600px;
          margin: 100px auto;
          text-align: center;
          padding: 60px 40px;
          background: white;
          border-radius: 24px;
          box-shadow: 0 20px 60px rgba(116, 6, 13, 0.15);
        }

        .product-not-found h1 {
          font-size: 32px;
          font-weight: 800;
          color: #74060d;
          margin: 0 0 16px;
        }

        .product-not-found p {
          font-size: 16px;
          color: #5a4a4a;
          margin: 0 0 30px;
        }

        .back-btn {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 12px 24px;
          font-size: 14px;
          font-weight: 700;
          color: #9a1b2e;
          background: #f7f3ea;
          border: 2px solid #e6d3a3;
          border-radius: 30px;
          text-decoration: none;
          transition: all 0.3s ease;
        }

        .back-btn:hover {
          background: #e6d3a3;
          color: #74060d;
        }

        /* Responsive - Laptop Breakpoints */

        /* Large laptops (1440px - 1536px) */
        @media (max-width: 1536px) and (min-width: 1440px) {
          .product-section-container {
            max-width: 1320px;
            padding: 0 30px;
          }

          .product-hero-container {
            gap: 50px;
          }

          .product-section-title {
            font-size: 36px;
          }
        }

        /* Medium laptops (1366px - 1440px) */
        @media (max-width: 1440px) and (min-width: 1366px) {
          .product-section-container {
            max-width: 1240px;
            padding: 0 25px;
          }

          .product-hero-container {
            gap: 45px;
          }

          .product-hero-image {
            height: 450px;
          }

          .product-section-title {
            font-size: 34px;
          }

          .detailed-specs-grid > * {
            flex: 0 1 calc(33.333% - 16px);
            max-width: calc(33.333% - 16px);
          }
        }

        /* Small-medium laptops (1280px - 1366px) */
        @media (max-width: 1366px) and (min-width: 1280px) {
          .product-section-container {
            max-width: 1160px;
            padding: 0 22px;
          }

          .product-hero-container {
            gap: 40px;
          }

          .product-hero-image {
            height: 420px;
          }

          .product-section-title {
            font-size: 32px;
          }

          .product-hero-content h1 {
            font-size: 42px;
          }

          .specs-tabs-wrapper {
            max-width: 500px;
          }

          .detailed-specs-grid {
            gap: 18px;
          }
          .detailed-specs-grid > * {
            flex: 0 1 calc(33.333% - 12px);
            max-width: calc(33.333% - 12px);
            min-width: min(100%, 260px);
          }

          .application-card {
            width: 320px;
            min-height: auto;
          }
        }

        /* Small laptops (1024px - 1280px) */
        @media (max-width: 1280px) and (min-width: 1024px) {
          .product-section-container {
            max-width: 960px;
            padding: 0 20px;
          }

          .product-hero-container {
            gap: 35px;
          }

          .product-hero-image {
            height: 380px;
          }

          .product-section-title {
            font-size: 28px;
          }

          .product-hero-content h1 {
            font-size: 36px;
          }

          .product-hero-content p {
            font-size: 14px;
          }

          .specs-tabs-wrapper {
            max-width: 450px;
          }

          .detailed-specs-grid {
            gap: 16px;
          }
          .detailed-specs-grid > * {
            flex: 0 1 calc(50% - 8px);
            max-width: calc(50% - 8px);
          }

          .application-card {
            width: 300px;
            min-height: auto;
          }

          .market-visualizations-grid {
            grid-template-columns: 1fr;
          }

          .chart-wrapper {
            height: 320px;
          }
        }

        @media (max-width: 1200px) {
          .product-hero-container {
            grid-template-columns: 1fr;
            gap: 40px;
          }

          .product-hero-image {
            height: 400px;
          }

          .specs-content-wrapper {
            display: flex;
            flex-direction: column;
          }

          .specs-image-container {
            height: 300px;
          }

          .specs-grid > * {
            flex: 0 1 calc(50% - 10px);
            max-width: calc(50% - 10px);
          }

          .detailed-specs-grid {
            gap: 20px;
          }
          .detailed-specs-grid > * {
            flex: 0 1 calc(50% - 10px);
            max-width: calc(50% - 10px);
          }

          .market-content {
            grid-template-columns: 1fr;
          }

          .chart-wrapper {
            height: 350px;
          }

          .market-visualizations-grid {
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 25px;
          }

          .manufacturing-steps::before {
            left: 40px;
          }

          .manufacturing-step {
            grid-template-columns: 80px 1fr;
            gap: 30px;
          }

          .step-number {
            width: 60px;
            height: 60px;
            font-size: 24px;
          }

          .testing-video-container {
            grid-template-columns: 1fr;
            gap: 40px;
          }

          .certificates-grid {
            gap: 30px;
          }
          .certificates-grid > * {
            flex: 0 1 calc(50% - 15px);
            max-width: calc(50% - 15px);
          }

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

          .currency-buttons {
            justify-content: center;
          }

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

          .bulk-pricing-calculator {
            padding: 30px 20px;
          }

          .calculator-content {
            grid-template-columns: 1fr;
          }

          .stock-availability {
            flex-direction: column;
          }

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

          .stock-btn {
            width: 100%;
            justify-content: center;
          }

          .availability-regions > * {
            flex: 0 1 calc(50% - 12px);
            max-width: calc(50% - 12px);
          }

          .availability-stats {
            grid-template-columns: 1fr;
          }
        }

        @media (max-width: 768px) {
          .product-hero-section {
            margin-bottom: 40px;
            padding-top: 70px;
            min-height: auto;
          }

          .product-hero-image {
            height: 300px;
          }

          .product-hero-title {
            font-size: 32px;
          }

          .product-section-title {
            font-size: 28px;
          }

          .applications-grid > * {
            flex: 0 1 100%;
            max-width: 100%;
          }

          .market-figures {
            grid-template-columns: 1fr;
          }

          .specs-tabs {
            flex-direction: column;
          }

          .specs-tab {
            width: 100%;
          }

          .specs-grid > * {
            flex: 0 1 100%;
            max-width: 100%;
          }

          .detailed-specs-grid {
            gap: 20px;
          }
          .detailed-specs-grid > * {
            flex: 0 1 100%;
            max-width: 100%;
            min-width: 0;
          }

          .detailed-spec-item {
            padding: 24px;
          }

          .factors-grid {
            grid-template-columns: 1fr;
          }

          .chart-wrapper {
            height: 300px;
          }

          .bar-chart {
            gap: 30px;
            padding: 0 20px;
          }

          .market-visualizations-grid {
            grid-template-columns: 1fr;
            gap: 20px;
            margin-top: 40px;
          }

          .visualization-card {
            padding: 25px;
          }

          .pie-chart {
            max-width: 240px;
          }

          .area-chart {
            max-height: 250px;
          }

          .testing-video-container {
            grid-template-columns: 1fr;
            gap: 30px;
          }

          .video-info h3 {
            font-size: 24px;
          }

          .video-info > p {
            font-size: 15px;
          }

          .manufacturing-steps::before {
            left: 30px;
          }

          .manufacturing-step {
            grid-template-columns: 60px 1fr;
            gap: 20px;
          }

          .step-number {
            width: 50px;
            height: 50px;
            font-size: 20px;
          }

          .step-connector {
            left: 28px;
          }

          .product-cta-buttons {
            flex-direction: column;
          }

          .product-cta-btn {
            width: 100%;
            justify-content: center;
          }

          .certificates-grid {
            gap: 24px;
          }
          .certificates-grid > * {
            flex: 0 1 100%;
            max-width: 100%;
            min-width: 0;
          }

          .certificate-card {
            padding: 30px 20px;
          }

          .certificates-header h3 {
            font-size: 28px;
          }

          .stats-dashboard-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
          }

          .stat-card {
            padding: 20px 12px;
          }

          .stat-card-icon {
            width: 52px;
            height: 52px;
          }

          .stat-card-icon svg {
            width: 26px;
            height: 26px;
          }

          .stat-card .stat-value {
            font-size: clamp(18px, 5vw, 26px);
            word-break: break-word;
            overflow-wrap: break-word;
          }

          .stat-card .stat-label {
            font-size: 10px;
            letter-spacing: 0.05em;
          }

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

          .calculator-content {
            grid-template-columns: 1fr;
            gap: 30px;
          }

          .stock-availability {
            flex-direction: column;
            align-items: flex-start;
          }

          .availability-regions > * {
            flex: 0 1 100%;
            max-width: 100%;
          }

          .availability-stats {
            grid-template-columns: 1fr;
          }
        }

        @media (max-width: 480px) {
          .product-section-container {
            padding: 0 14px;
          }

          .stats-dashboard-grid {
            gap: 10px;
          }

          .stat-card {
            padding: 16px 10px;
            border-radius: 14px;
          }

          .stat-card-icon {
            width: 44px;
            height: 44px;
          }

          .stat-card-icon svg {
            width: 22px;
            height: 22px;
          }

          .stat-card .stat-value {
            font-size: clamp(16px, 4.5vw, 22px);
          }

          .stat-card .stat-label {
            font-size: 9px;
          }

          .featured-price-card {
            padding: 28px 18px;
            border-radius: 16px;
          }

          .market-visual {
            padding: 24px 14px;
          }

          .pie-chart-container {
            padding: 0 10px;
          }

          .currency-selector {
            padding: 20px 14px;
          }

          .certificate-card {
            padding: 24px 14px;
          }

          .product-cta-section {
            padding: 40px 16px;
          }
        }