* {             margin: 0;             padding: 0;             box-sizing: border-box;         }          body {             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;             line-height: 1.6;             color: #333;             background-color: #f8f9fa;         }          .product-specs-container {             max-width: 100%;             margin: 0 auto;             padding: 15px;             background: #ffffff;             border-radius: 12px;             box-shadow: 0 4px 20px rgba(34, 55, 119, 0.1);             border: 1px solid #e9ecef;         }          .spec-item {             display: flex;             align-items: flex-start;             margin-bottom: 12px;             padding: 10px;             background: #f8f9fb;             border-radius: 8px;             border-left: 4px solid #223777;             transition: all 0.3s ease;             position: relative;         }          .spec-item:hover {             background: #f0f2f8;             transform: translateX(5px);             box-shadow: 0 3px 15px rgba(34, 55, 119, 0.15);         }          .spec-icon {             color: #223777;             font-size: 1.2rem;             margin-right: 12px;             min-width: 22px;             margin-top: 2px;             transition: transform 0.3s ease;         }          .spec-item:hover .spec-icon {             transform: scale(1.1);         }          .spec-content {             flex: 1;         }          .spec-label {             font-weight: 600;             color: #223777;             font-size: 0.95rem;             margin-bottom: 2px;             display: block;         }          .spec-value {             color: #000000;             font-size: 0.9rem;             line-height: 1.5;         }          .certifications-container {             background: linear-gradient(135deg, #f8f9fb 0%, #e9ecef 100%);             border-radius: 8px;             padding: 15px;             margin-top: 5px;             border: 1px solid #dde2e6;         }          .certifications-grid {             display: grid;             grid-template-columns: repeat(4, 1fr);             gap: 10px;             justify-items: center;             max-width: 100%;         }          .cert-item {             background: white;             border-radius: 8px;             padding: 10px;             box-shadow: 0 2px 8px rgba(0,0,0,0.08);             transition: all 0.3s ease;             border: 1px solid #e9ecef;             text-align: center;             width: 100%;             display: flex;             flex-direction: column;             justify-content: center;             align-items: center;             position: relative;             overflow: hidden;             min-height: 90px;         }          .cert-item:hover {             transform: translateY(-5px) scale(1.02);             box-shadow: 0 8px 20px rgba(34, 55, 119, 0.2);             border-color: #223777;         }          .cert-image {             width: 100%;             height: 60%;             object-fit: contain;             border-radius: 4px;             transition: all 0.3s ease;             z-index: 2;             position: relative;         }          .cert-item:hover .cert-image {             transform: scale(1.05);         }                  .cert-name {             font-size: 0.8rem;             font-weight: 600;             color: #223777;             margin-top: 5px;             z-index: 2;             position: relative;         }          /* Mobile Responsive Design */         @media (max-width: 768px) {             .product-specs-container {                 padding: 15px;                 margin: 10px;             }              .spec-item {                 flex-direction: column;                 text-align: left;                 padding: 12px;             }              .spec-icon {                 margin-right: 0;                 margin-bottom: 8px;                 align-self: flex-start;             }              .certifications-grid {                 grid-template-columns: repeat(2, 1fr);                 gap: 12px;             }              .cert-item {                 padding: 12px;                 min-height: 100px;             }              .cert-image {                 height: 65%;             }         }          @media (max-width: 480px) {             .product-specs-container {                 padding: 12px;                 margin: 5px;             }              .spec-label {                 font-size: 0.9rem;             }              .spec-value {                 font-size: 0.85rem;             }              .certifications-container {                 padding: 15px;             }         }          /* Enhanced accessibility */         .spec-item:focus-within,         .cert-item:focus-within {             outline: 2px solid #223777;             outline-offset: 2px;         }          /* Print styles */         @media print {             .product-specs-container {                 box-shadow: none;                 border: 1px solid #ccc;             }                          .spec-item:hover {                 transform: none;                 background: #f8f9fb;             }         }