/* IVORY PHARMA EXPORT - Component Styles *//* Reusable Component Styles *//* Professional Button Components */.btn {display: inline-flex;align-items: center;justify-content: center;padding: var(--space-3) var(--space-5);font-family: var(--font-family-primary);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);line-height: 1;text-align: center;text-decoration: none;border: 2px solid transparent;border-radius: var(--radius-lg);cursor: pointer;transition: all var(--transition-normal);user-select: none;white-space: nowrap;letter-spacing: 0.025em;text-transform: none;position: relative;overflow: hidden;box-shadow: var(--shadow-sm);}.btn:focus {outline: 2px solid var(--primary-blue);outline-offset: 2px;}.btn:disabled {opacity: 0.6;cursor: not-allowed;}/* Button Variants */.btn-primary {background-color: var(--primary-blue);color: var(--white);border-color: var(--primary-blue);}.btn-primary:hover:not(:disabled) {background-color: var(--primary-blue-dark);border-color: var(--primary-blue-dark);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(30, 58, 138, 0.3);}.btn-secondary {background-color: var(--secondary-green);color: var(--white);border-color: var(--secondary-green);}.btn-secondary:hover:not(:disabled) {background-color: var(--secondary-green-dark);border-color: var(--secondary-green-dark);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(5, 150, 105, 0.3);}.btn-outline {background-color: transparent;color: var(--primary-blue);border-color: var(--primary-blue);}.btn-outline:hover:not(:disabled) {background-color: var(--primary-blue);color: var(--white);transform: translateY(-1px);box-shadow: var(--shadow-md);}.btn-accent {background-color: var(--accent-gold);color: var(--white);border-color: var(--accent-gold);}.btn-accent:hover:not(:disabled) {background-color: var(--accent-gold-dark);border-color: var(--accent-gold-dark);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(217, 119, 6, 0.3);}/* Button Sizes */.btn-sm {padding: var(--space-1) var(--space-3);font-size: var(--font-size-sm);}.btn-lg {padding: var(--space-3) var(--space-6);font-size: var(--font-size-lg);}.btn-xl {padding: var(--space-4) var(--space-8);font-size: var(--font-size-xl);}/* Professional Card Components */.card {background-color: var(--white);border-radius: var(--radius-lg);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border: 1px solid var(--border-gray);overflow: hidden;transition: all var(--transition-normal);position: relative;}.card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--gradient-primary);opacity: 0;transition: opacity var(--transition-normal);}.card:hover {transform: translateY(-4px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border-color: var(--primary-blue-light);}.card:hover::before {opacity: 1;}.card-header {padding: var(--space-4);border-bottom: 1px solid var(--light-gray);}.card-body {padding: var(--space-4);}.card-footer {padding: var(--space-4);border-top: 1px solid var(--light-gray);background-color: var(--light-gray);}.card-title {font-size: var(--font-size-lg);font-weight: 600;color: var(--primary-blue);margin-bottom: var(--space-2);}.card-text {color: var(--neutral-gray);margin-bottom: var(--space-2);}/* Form Components */.form-group {margin-bottom: var(--space-3);}.form-label {display: block;font-weight: 500;color: var(--primary-blue);margin-bottom: var(--space-1);font-size: var(--font-size-sm);}.form-label.required::after {content: " *";color: #dc2626;}.form-input,.form-textarea,.form-select {width: 100%;padding: var(--space-2);font-size: var(--font-size-base);line-height: 1.5;color: var(--black);background-color: var(--white);border: 2px solid var(--light-gray);border-radius: var(--radius-md);transition: border-color var(--transition-fast);}.form-input:focus,.form-textarea:focus,.form-select:focus {outline: none;border-color: var(--primary-blue);box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);}.form-input.error,.form-textarea.error,.form-select.error {border-color: #dc2626;}.form-input.error:focus,.form-textarea.error:focus,.form-select.error:focus {box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);}.form-textarea {resize: vertical;min-height: 120px;}.form-error {display: block;margin-top: var(--space-1);font-size: var(--font-size-sm);color: #dc2626;}.form-help {display: block;margin-top: var(--space-1);font-size: var(--font-size-sm);color: var(--neutral-gray);}/* Contact Form Specific Styles */.contact-form {background-color: var(--white);padding: var(--space-6);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);}.contact-form .form-row {display: grid;gap: var(--space-3);grid-template-columns: 1fr;margin-bottom: var(--space-3);}.contact-form .form-group {margin-bottom: var(--space-3);}.contact-form label {display: block;font-weight: 600;color: var(--primary-blue);margin-bottom: var(--space-1);font-size: var(--font-size-sm);}.contact-form input,.contact-form textarea {width: 100%;padding: var(--space-2);font-size: var(--font-size-base);line-height: 1.5;color: var(--black);background-color: var(--white);border: 2px solid var(--light-gray);border-radius: var(--radius-md);transition: all var(--transition-fast);font-family: inherit;}.contact-form input:focus,.contact-form textarea:focus {outline: none;border-color: var(--primary-blue);box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);}.contact-form input.valid,.contact-form textarea.valid {border-color: var(--secondary-green);background-color: rgba(5, 150, 105, 0.05);}.contact-form input.error,.contact-form textarea.error {border-color: #dc2626;background-color: rgba(220, 38, 38, 0.05);}.contact-form input.error:focus,.contact-form textarea.error:focus {box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);}.contact-form textarea {resize: vertical;min-height: 120px;}.error-message {display: none;margin-top: var(--space-1);font-size: var(--font-size-sm);color: #dc2626;font-weight: 500;}.error-message:empty {display: none;}/* Character Counter */.character-counter {font-size: var(--font-size-xs);color: var(--neutral-gray);text-align: right;margin-top: var(--space-1);font-weight: 500;}/* CAPTCHA Styles */.captcha-group {margin-bottom: var(--space-4);}.captcha-container {display: flex;align-items: center;gap: var(--space-3);margin-top: var(--space-2);}.captcha-question {background-color: var(--light-gray);padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);font-weight: 600;color: var(--primary-blue);border: 2px solid var(--neutral-gray);min-width: 120px;text-align: center;}.captcha-display {display: flex;align-items: center;gap: var(--space-2);justify-content: center;}.captcha-text {font-size: var(--font-size-base);font-weight: 600;color: var(--primary-blue);user-select: none;}.captcha-refresh {background: none;border: none;font-size: var(--font-size-lg);cursor: pointer;padding: var(--space-1);border-radius: var(--radius-sm);transition: all var(--transition-fast);color: var(--neutral-gray);display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;}.captcha-refresh:hover {background-color: var(--primary-blue);color: var(--white);transform: rotate(180deg);}.captcha-refresh:focus {outline: 2px solid var(--primary-blue);outline-offset: 2px;}.captcha-container input {flex: 1;max-width: 150px;}/* Form Actions */.form-actions {display: flex;gap: var(--space-3);justify-content: flex-start;margin-top: var(--space-6);padding-top: var(--space-4);border-top: 1px solid var(--light-gray);}.form-actions .btn-primary {min-width: 140px;}.form-actions .btn-secondary {min-width: 120px;}/* Success and Error Messages */.success-message {background-color: #dcfce7;border: 2px solid #bbf7d0;color: #166534;padding: var(--space-4);border-radius: var(--radius-lg);margin-top: var(--space-4);text-align: center;}.success-message h3 {color: #166534;margin-bottom: var(--space-2);font-size: var(--font-size-lg);}.success-message p {margin-bottom: 0;font-size: var(--font-size-base);}.error-message-global {background-color: #fef2f2;border: 2px solid #fecaca;color: #dc2626;padding: var(--space-4);border-radius: var(--radius-lg);margin-top: var(--space-4);text-align: center;}.error-message-global h3 {color: #dc2626;margin-bottom: var(--space-2);font-size: var(--font-size-lg);}.error-message-global p {margin-bottom: 0;font-size: var(--font-size-base);}/* Loading State */.loading {display: inline-block;width: 16px;height: 16px;border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: var(--white);animation: spin 1s ease-in-out infinite;margin-right: var(--space-1);}/* Form Validation Visual Enhancements */.contact-form input.valid::after,.contact-form textarea.valid::after {content: '✓';position: absolute;right: var(--space-2);top: 50%;transform: translateY(-50%);color: var(--secondary-green);font-weight: bold;pointer-events: none;}.contact-form .form-group {position: relative;}.contact-form input.valid,.contact-form textarea.valid {padding-right: var(--space-6);}.contact-form input:focus,.contact-form textarea:focus {transform: translateY(-1px);box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);}.contact-form input.error:focus,.contact-form textarea.error:focus {box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1), 0 4px 8px rgba(220, 38, 38, 0.1);}/* Form submission states */.contact-form button[type="submit"]:disabled {opacity: 0.7;cursor: not-allowed;transform: none !important;}.contact-form button[type="submit"]:disabled:hover {transform: none !important;box-shadow: none !important;}/* Contact Info Styles */.contact-info {padding: var(--space-8) 0;background-color: var(--white);}.contact-grid {display: grid;gap: var(--space-8);grid-template-columns: 1fr;align-items: start;}.contact-details {background-color: var(--light-gray);padding: var(--space-6);border-radius: var(--radius-lg);}.contact-details h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-6);text-align: center;}.contact-details .contact-item {margin-bottom: var(--space-4);padding: var(--space-3);background-color: var(--white);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);}.contact-details .contact-item h3 {font-size: var(--font-size-lg);color: var(--primary-blue);margin-bottom: var(--space-2);font-weight: 600;}.contact-details .contact-item p,.contact-details .contact-item address {color: var(--neutral-gray);margin-bottom: var(--space-1);font-size: var(--font-size-base);line-height: 1.5;}.contact-details .contact-item address {font-style: normal;}.contact-details .contact-item:last-child {margin-bottom: 0;}.contact-form-section h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-4);text-align: center;}/* Navigation Components */.nav {display: flex;align-items: center;padding: 0;margin: 0;list-style: none;}.nav-item {margin: 0;}.nav-link {display: block;padding: var(--space-2) var(--space-3);color: var(--primary-blue);text-decoration: none;font-weight: 500;transition: all var(--transition-fast);border-radius: var(--radius-md);}.nav-link:hover,.nav-link:focus {color: var(--secondary-green);background-color: rgba(30, 58, 138, 0.1);}.nav-link.active {color: var(--white);background-color: var(--primary-blue);}/* Professional Header Components */.header {background-color: var(--white);box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border-bottom: 1px solid var(--border-gray);position: sticky;top: 0;z-index: 1000;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.95);}.header-top {display: flex;align-items: center;justify-content: space-between;padding: var(--space-2) 0;border-bottom: 1px solid var(--light-gray);}.logo h1 {font-size: var(--font-size-2xl);font-weight: var(--font-weight-extrabold);color: var(--primary-blue);margin: 0;line-height: 1.1;letter-spacing: -0.02em;}.tagline {font-size: var(--font-size-sm);color: var(--accent-gold);font-weight: var(--font-weight-semibold);margin: var(--space-1) 0 0 0;line-height: 1;letter-spacing: 0.1em;text-transform: uppercase;}/* Language Selector */.language-selector {position: relative;display: inline-block;}.language-toggle {display: flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-2);background-color: var(--white);border: 2px solid var(--light-gray);border-radius: var(--radius-md);cursor: pointer;transition: all var(--transition-fast);font-size: var(--font-size-sm);font-weight: 500;color: var(--primary-blue);}.language-toggle:hover {border-color: var(--primary-blue);background-color: rgba(30, 58, 138, 0.05);}.flag-icon {width: 20px;height: 15px;border-radius: var(--radius-sm);object-fit: cover;}.language-text {font-weight: 600;letter-spacing: 0.5px;}.dropdown-arrow {font-size: 10px;transition: transform var(--transition-fast);}.language-selector.open .dropdown-arrow {transform: rotate(180deg);}.language-dropdown {position: absolute;top: 100%;right: 0;min-width: 160px;background-color: var(--white);border: 2px solid var(--light-gray);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);z-index: 1001;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all var(--transition-fast);margin-top: var(--space-1);}.language-selector.open .language-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}/* New Compact Header Layout */.header-main {display: flex;align-items: center;justify-content: space-between;padding: var(--space-2) 0;min-height: 60px;gap: var(--space-4);}/* IPE Logo Styles */.logo {flex-shrink: 0;}.logo-container {display: flex;align-items: center;}.ipe-logo {display: flex;align-items: center;gap: var(--space-2);}.logo-text {font-size: var(--font-size-3xl);font-weight: var(--font-weight-extrabold);color: var(--primary-blue);background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: -0.02em;line-height: 1;}/* Navigation in Header */.navigation {flex: 1;display: flex;justify-content: center;}.nav-menu {display: flex;list-style: none;margin: 0;padding: 0;gap: var(--space-4);align-items: center;}.nav-item {margin: 0;}.nav-link {display: block;padding: var(--space-1) var(--space-2);color: var(--neutral-gray-dark);text-decoration: none;font-weight: var(--font-weight-medium);font-size: var(--font-size-sm);border-radius: var(--radius-md);transition: all var(--transition-fast);position: relative;}.nav-link:hover,.nav-link.active {color: var(--primary-blue);background-color: rgba(30, 58, 138, 0.05);}.nav-link.active::after {content: '';position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);width: 20px;height: 2px;background-color: var(--primary-blue);border-radius: 1px;}/* Header Actions */.header-actions {display: flex;align-items: center;gap: var(--space-3);flex-shrink: 0;}/* Get Quotes Button in Header */.get-quotes-btn {background-color: var(--primary-blue);color: var(--white);border: none;padding: var(--space-1) var(--space-3);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);cursor: pointer;transition: all var(--transition-fast);white-space: nowrap;}.get-quotes-btn:hover {background-color: var(--primary-blue-dark);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);}/* Mobile Menu Toggle */.mobile-menu-toggle {display: none;background: none;border: none;cursor: pointer;padding: var(--space-1);border-radius: var(--radius-sm);transition: background-color var(--transition-fast);}.mobile-menu-toggle:hover {background-color: rgba(30, 58, 138, 0.05);}.hamburger {display: flex;flex-direction: column;gap: 3px;}.hamburger span {width: 20px;height: 2px;background-color: var(--primary-blue);border-radius: 1px;transition: all var(--transition-fast);}.language-option {display: flex;align-items: center;gap: var(--space-2);padding: var(--space-2);cursor: pointer;transition: background-color var(--transition-fast);font-size: var(--font-size-sm);color: var(--primary-blue);}.language-option:hover {background-color: var(--light-gray);}.language-option:first-child {border-radius: var(--radius-md) var(--radius-md) 0 0;}.language-option:last-child {border-radius: 0 0 var(--radius-md) var(--radius-md);}/* Navigation */.navigation {display: flex;align-items: center;justify-content: space-between;padding: var(--space-2) 0;}.nav-menu {display: flex;align-items: center;gap: var(--space-1);list-style: none;margin: 0;padding: 0;}.nav-item {margin: 0;}.nav-link {display: block;padding: var(--space-2) var(--space-3);color: var(--primary-blue);text-decoration: none;font-weight: 500;font-size: var(--font-size-base);transition: all var(--transition-fast);border-radius: var(--radius-md);position: relative;}.nav-link:hover {color: var(--secondary-green);background-color: rgba(30, 58, 138, 0.1);}.nav-link.active {color: var(--white);background-color: var(--primary-blue);}.nav-link.active::after {content: '';position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;background-color: var(--accent-gold);border-radius: 50%;}/* Get Quotes Button */.get-quotes-btn {background-color: var(--accent-gold);color: var(--white);border: 2px solid var(--accent-gold);padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-weight: 600;font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);text-transform: uppercase;letter-spacing: 0.5px;}.get-quotes-btn:hover {background-color: #c2410c;border-color: #c2410c;transform: translateY(-1px);box-shadow: var(--shadow-md);}/* Floating Get Quotes Button */.floating-quotes-btn {position: fixed;bottom: 30px;right: 30px;z-index: 1000;background: linear-gradient(135deg, var(--accent-gold), #c2410c);color: var(--white);border: none;border-radius: 50px;padding: var(--space-3) var(--space-5);font-weight: 700;font-size: var(--font-size-base);cursor: pointer;transition: all var(--transition-normal);text-transform: uppercase;letter-spacing: 0.5px;box-shadow: 0 8px 25px rgba(217, 119, 6, 0.4);display: flex;align-items: center;gap: var(--space-2);animation: pulse-glow 2s infinite;text-decoration: none;}.floating-quotes-btn:hover {transform: translateY(-3px) scale(1.05);box-shadow: 0 12px 35px rgba(217, 119, 6, 0.6);background: linear-gradient(135deg, #c2410c, var(--accent-gold));}.floating-quotes-btn:active {transform: translateY(-1px) scale(1.02);}.floating-quotes-btn .icon {font-size: var(--font-size-lg);animation: bounce 1s infinite alternate;}@keyframes pulse-glow {0%, 100% {box-shadow: 0 8px 25px rgba(217, 119, 6, 0.4);} 50% {box-shadow: 0 8px 35px rgba(217, 119, 6, 0.6);}}@keyframes bounce {0% {transform: translateY(0);} 100% {transform: translateY(-2px);}}/* Sticky Get Quotes Bar */.sticky-quotes-bar {position: fixed;top: 0;left: 0;right: 0;background: linear-gradient(90deg, var(--primary-blue), var(--secondary-green));color: var(--white);padding: var(--space-2) 0;z-index: 999;transform: translateY(-100%);transition: transform var(--transition-normal);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.sticky-quotes-bar.visible {transform: translateY(0);}.sticky-quotes-content {display: flex;align-items: center;justify-content: space-between;max-width: 1200px;margin: 0 auto;padding: 0 var(--space-4);}.sticky-quotes-text {font-weight: 600;font-size: var(--font-size-sm);display: flex;align-items: center;gap: var(--space-2);}.sticky-quotes-text .icon {font-size: var(--font-size-lg);}.sticky-quotes-btn {background-color: var(--accent-gold);color: var(--white);border: none;padding: var(--space-1) var(--space-3);border-radius: var(--radius-md);font-weight: 600;font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);text-transform: uppercase;letter-spacing: 0.5px;}.sticky-quotes-btn:hover {background-color: #c2410c;transform: translateY(-1px);box-shadow: var(--shadow-md);}.sticky-quotes-close {background: none;border: none;color: var(--white);font-size: var(--font-size-lg);cursor: pointer;padding: var(--space-1);border-radius: var(--radius-sm);transition: all var(--transition-fast);opacity: 0.8;}.sticky-quotes-close:hover {opacity: 1;background-color: rgba(255, 255, 255, 0.1);}/* Quick Quote CTA Sections */.quick-quote-cta {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-green));color: var(--white);padding: var(--space-6) var(--space-4);border-radius: var(--radius-lg);text-align: center;margin: var(--space-6) 0;position: relative;overflow: hidden;}.quick-quote-cta::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="quotegrid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23quotegrid)"/></svg>');opacity: 0.3;}.quick-quote-cta .container {position: relative;z-index: 1;}.quick-quote-cta h3 {font-size: var(--font-size-xl);font-weight: 700;margin-bottom: var(--space-3);color: var(--white);}.quick-quote-cta p {font-size: var(--font-size-lg);margin-bottom: var(--space-4);opacity: 0.9;max-width: 600px;margin-left: auto;margin-right: auto;}.quick-quote-cta .btn {background-color: var(--accent-gold);color: var(--white);border: 2px solid var(--accent-gold);padding: var(--space-3) var(--space-6);font-size: var(--font-size-lg);font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;}.quick-quote-cta .btn:hover {background-color: #c2410c;border-color: #c2410c;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(217, 119, 6, 0.4);}/* Inline Quote Buttons */.inline-quote-btn {display: inline-flex;align-items: center;gap: var(--space-1);background: linear-gradient(135deg, var(--accent-gold), #c2410c);color: var(--white);border: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-weight: 600;font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);text-transform: uppercase;letter-spacing: 0.5px;text-decoration: none;}.inline-quote-btn:hover {transform: translateY(-1px);box-shadow: 0 4px 15px rgba(217, 119, 6, 0.4);background: linear-gradient(135deg, #c2410c, var(--accent-gold));}.inline-quote-btn .icon {font-size: var(--font-size-base);}/* Mobile Menu Toggle */.mobile-menu-toggle {display: none;background: none;border: none;cursor: pointer;padding: var(--space-1);border-radius: var(--radius-sm);transition: background-color var(--transition-fast);}/* Mobile-specific responsive styles */@media (max-width: 767px) {.mobile-menu-toggle {display: block;} .nav-menu {display: none;position: absolute;top: 100%;left: 0;right: 0;background-color: var(--white);box-shadow: var(--shadow-lg);border-radius: 0 0 var(--radius-lg) var(--radius-lg);padding: var(--space-4);flex-direction: column;gap: var(--space-2);z-index: 1000;} .nav-menu.active {display: flex;} .header-top {flex-direction: column;gap: var(--space-2);align-items: center;} .header-contact {order: -1;} .contact-info {flex-direction: column;gap: var(--space-1);text-align: center;} .language-selector {margin-top: var(--space-2);} .get-quotes-btn {width: 100%;justify-content: center;margin-top: var(--space-2);} /* Mobile floating button adjustments */ .floating-quotes-btn {bottom: 20px;right: 20px;padding: var(--space-2) var(--space-4);font-size: var(--font-size-sm);} .sticky-quotes-content {flex-direction: column;gap: var(--space-2);text-align: center;} .sticky-quotes-text {font-size: var(--font-size-xs);} .quick-quote-cta {margin: var(--space-4) 0;padding: var(--space-4) var(--space-3);} .quick-quote-cta h3 {font-size: var(--font-size-lg);} .quick-quote-cta p {font-size: var(--font-size-base);}}.mobile-menu-toggle:hover {background-color: var(--light-gray);}.hamburger {width: 24px;height: 18px;position: relative;display: flex;flex-direction: column;justify-content: space-between;}.hamburger span {display: block;height: 2px;width: 100%;background-color: var(--primary-blue);transition: all var(--transition-fast);border-radius: 1px;}.mobile-menu-toggle.active .hamburger span:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}.mobile-menu-toggle.active .hamburger span:nth-child(2) {opacity: 0;}.mobile-menu-toggle.active .hamburger span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}/* Professional Hero Section */.hero {background: var(--gradient-primary);color: var(--white);padding: var(--space-10) 0 var(--space-8) 0;position: relative;overflow: hidden;min-height: 70vh;display: flex;align-items: center;}.hero::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity: 0.3;}.hero .container {position: relative;z-index: 1;}.hero-content {text-align: center;margin-bottom: var(--space-8);}.hero-branding {margin-bottom: var(--space-6);}.hero-title {font-size: var(--font-size-4xl);font-weight: var(--font-weight-extrabold);margin-bottom: var(--space-3);color: var(--white);letter-spacing: -0.02em;text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);line-height: 1.1;}.hero-subtitle {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--accent-gold);margin-bottom: var(--space-6);letter-spacing: 0.15em;text-transform: uppercase;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);position: relative;}.hero-subtitle::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 80px;height: 3px;background: var(--accent-gold);border-radius: 2px;}.hero-description {font-size: var(--font-size-lg);margin-bottom: var(--space-6);max-width: 700px;margin-left: auto;margin-right: auto;color: rgba(255, 255, 255, 0.9);line-height: 1.6;}.hero-actions {display: flex;gap: var(--space-3);justify-content: center;flex-wrap: wrap;margin-bottom: var(--space-8);}/* Milestone Timeline */.milestone-timeline {background: rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--space-6);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);}.timeline-title {font-size: var(--font-size-2xl);font-weight: 600;color: var(--white);text-align: center;margin-bottom: var(--space-6);}.timeline-container {display: grid;gap: var(--space-6);grid-template-columns: 1fr;max-width: 800px;margin: 0 auto;}.timeline-item {display: flex;align-items: flex-start;gap: var(--space-4);position: relative;}.timeline-item:not(:last-child)::after {content: '';position: absolute;left: 15px;top: 40px;bottom: -24px;width: 2px;background: linear-gradient(to bottom, var(--accent-gold), rgba(217, 119, 6, 0.3));}.timeline-marker {width: 32px;height: 32px;border-radius: 50%;background: var(--accent-gold);border: 4px solid var(--white);flex-shrink: 0;position: relative;z-index: 2;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.timeline-content {flex: 1;background: rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);padding: var(--space-4);border: 1px solid rgba(255, 255, 255, 0.2);}.timeline-year {font-size: var(--font-size-xl);font-weight: 700;color: var(--accent-gold);margin-bottom: var(--space-2);}.timeline-description {font-size: var(--font-size-lg);color: var(--white);margin-bottom: var(--space-3);font-weight: 500;}.timeline-achievements {list-style: none;padding: 0;margin: 0;}.timeline-achievements li {position: relative;padding-left: var(--space-4);margin-bottom: var(--space-2);color: rgba(255, 255, 255, 0.9);font-size: var(--font-size-base);}.timeline-achievements li::before {content: '✓';position: absolute;left: 0;top: 0;color: var(--accent-gold);font-weight: bold;font-size: var(--font-size-lg);}.timeline-achievements li:last-child {margin-bottom: 0;}/* Product Grid */.product-grid {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}.product-card {background-color: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: var(--space-4);transition: all var(--transition-normal);border: 2px solid transparent;}.product-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-blue);}.product-category {font-size: var(--font-size-sm);color: var(--accent-gold);font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: var(--space-1);}.product-title {font-size: var(--font-size-lg);font-weight: 600;color: var(--primary-blue);margin-bottom: var(--space-2);}.product-description {color: var(--neutral-gray);margin-bottom: var(--space-3);line-height: 1.6;}/* Product Search and Filtering */.product-search {padding: var(--space-6) 0;background-color: var(--light-gray);}.search-bar {display: flex;gap: var(--space-2);max-width: 600px;margin: 0 auto var(--space-4) auto;}.search-bar input {flex: 1;padding: var(--space-3);font-size: var(--font-size-base);border: 2px solid var(--neutral-gray);border-radius: var(--radius-md);transition: border-color var(--transition-fast);}.search-bar input:focus {outline: none;border-color: var(--primary-blue);box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);}.search-btn {padding: var(--space-3) var(--space-4);background-color: var(--primary-blue);color: var(--white);border: none;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all var(--transition-fast);}.search-btn:hover {background-color: #1e40af;transform: translateY(-1px);box-shadow: var(--shadow-md);}/* Category Filters */.category-filters {margin-top: var(--space-4);}.filter-buttons {display: flex;flex-wrap: wrap;gap: var(--space-2);justify-content: center;max-width: 1000px;margin: 0 auto;}.filter-btn {padding: var(--space-2) var(--space-3);background-color: var(--white);color: var(--primary-blue);border: 2px solid var(--primary-blue);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: 500;cursor: pointer;transition: all var(--transition-fast);white-space: nowrap;}.filter-btn:hover {background-color: var(--primary-blue);color: var(--white);transform: translateY(-1px);box-shadow: var(--shadow-sm);}.filter-btn.active {background-color: var(--primary-blue);color: var(--white);box-shadow: var(--shadow-md);}/* Search Results */.search-results {padding: var(--space-6) 0;}.search-header {margin-bottom: var(--space-6);text-align: center;}.search-header h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-2);}.search-info {font-size: var(--font-size-base);color: var(--neutral-gray);margin-bottom: 0;}.back-to-categories {display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-2) var(--space-3);background-color: var(--secondary-green);color: var(--white);border: none;border-radius: var(--radius-md);font-weight: 500;cursor: pointer;transition: all var(--transition-fast);margin-bottom: var(--space-4);}.back-to-categories:hover {background-color: #047857;transform: translateY(-1px);box-shadow: var(--shadow-sm);}.search-results-content {display: grid;gap: var(--space-6);}.search-category-section {background-color: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden;}.search-category-header {background-color: var(--primary-blue);color: var(--white);padding: var(--space-3) var(--space-4);}.search-category-header h3 {font-size: var(--font-size-lg);font-weight: 600;margin: 0;}.subcategory-section {padding: var(--space-4);}.subcategory-header {display: flex;align-items: center;justify-content: space-between;padding: var(--space-3);background-color: var(--light-gray);border-radius: var(--radius-md);cursor: pointer;transition: all var(--transition-fast);margin-bottom: var(--space-2);}.subcategory-header:hover {background-color: #e5e7eb;transform: translateY(-1px);}.subcategory-header h4 {font-size: var(--font-size-base);font-weight: 600;color: var(--primary-blue);margin: 0;}.product-count {font-size: var(--font-size-sm);color: var(--neutral-gray);font-weight: 500;}.toggle-icon {font-size: var(--font-size-lg);font-weight: bold;color: var(--primary-blue);transition: transform var(--transition-fast);}.product-list {padding: var(--space-2) 0;border-radius: var(--radius-md);background-color: var(--white);}.product-list ul {list-style: none;padding: 0;margin: 0;display: grid;gap: var(--space-1);grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.product-item {padding: var(--space-2) var(--space-3);background-color: var(--light-gray);border-radius: var(--radius-sm);font-size: var(--font-size-sm);color: var(--primary-blue);transition: all var(--transition-fast);cursor: pointer;}.product-item:hover {background-color: var(--primary-blue);color: var(--white);transform: translateY(-1px);box-shadow: var(--shadow-sm);}/* Search Highlighting */.search-highlight {background-color: var(--accent-gold);color: var(--white);padding: 0 2px;border-radius: 2px;font-weight: 600;}/* No Results */.no-results {text-align: center;padding: var(--space-8);background-color: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);}.no-results p {font-size: var(--font-size-lg);color: var(--neutral-gray);margin-bottom: var(--space-2);}.no-results p:last-child {margin-bottom: 0;}/* Company Overview Section */.company-overview {padding: var(--space-10) 0;background-color: var(--light-gray);position: relative;}.company-overview::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="overviewgrid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(30,58,138,0.03)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23overviewgrid)"/></svg>');opacity: 0.5;}.overview-grid {display: grid;gap: var(--space-8);grid-template-columns: 1fr;align-items: center;position: relative;z-index: 1;}.overview-content h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);margin-bottom: var(--space-4);text-align: center;font-weight: var(--font-weight-bold);}.overview-description {font-size: var(--font-size-lg);color: var(--neutral-gray);margin-bottom: var(--space-6);max-width: 700px;margin-left: auto;margin-right: auto;text-align: center;line-height: 1.7;}.overview-highlights {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));margin-bottom: var(--space-6);}.highlight-item {background-color: var(--white);padding: var(--space-4);border-radius: var(--radius-lg);text-align: center;box-shadow: var(--shadow-sm);border: 1px solid var(--border-gray);transition: all var(--transition-normal);position: relative;overflow: hidden;}.highlight-item::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--gradient-secondary);transform: scaleX(0);transition: transform var(--transition-normal);}.highlight-item:hover {transform: translateY(-2px);box-shadow: var(--shadow-lg);}.highlight-item:hover::before {transform: scaleX(1);}.highlight-item h4 {color: var(--primary-blue);margin-bottom: var(--space-2);font-weight: var(--font-weight-semibold);}.highlight-item p {color: var(--neutral-gray);margin-bottom: 0;font-size: var(--font-size-sm);}.overview-actions {display: flex;gap: var(--space-3);justify-content: center;flex-wrap: wrap;margin-bottom: var(--space-6);}.overview-stats {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));max-width: 800px;margin: 0 auto;}.stat-item {background-color: var(--white);padding: var(--space-4);border-radius: var(--radius-lg);text-align: center;box-shadow: var(--shadow-sm);border: 1px solid var(--border-gray);transition: all var(--transition-normal);}.stat-item:hover {transform: translateY(-2px);box-shadow: var(--shadow-md);border-color: var(--primary-blue-light);}.stat-number {font-size: var(--font-size-3xl);font-weight: var(--font-weight-extrabold);color: var(--primary-blue);margin-bottom: var(--space-1);line-height: 1;}.stat-label {font-size: var(--font-size-sm);color: var(--neutral-gray);margin-bottom: 0;font-weight: var(--font-weight-medium);text-transform: uppercase;letter-spacing: 0.05em;}/* Certifications Preview Section */.certifications-preview {padding: var(--space-10) 0;background-color: var(--white);}.certifications-preview h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-4);font-weight: var(--font-weight-bold);}.cert-grid {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));margin-bottom: var(--space-6);}.cert-item {background-color: var(--light-gray);padding: var(--space-4);border-radius: var(--radius-lg);text-align: center;transition: all var(--transition-normal);border: 2px solid transparent;cursor: pointer;}.cert-item:hover {background-color: var(--white);border-color: var(--primary-blue);transform: translateY(-2px);box-shadow: var(--shadow-lg);}.cert-image {width: 80px;height: 80px;margin: 0 auto var(--space-2) auto;object-fit: contain;}.cert-title {font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--primary-blue);margin-bottom: 0;}/* Professional Footer */.footer {background: var(--gradient-primary);color: var(--white);padding: var(--space-10) 0 var(--space-4) 0;position: relative;overflow: hidden;}.footer::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footergrid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23footergrid)"/></svg>');opacity: 0.3;}.footer .container {position: relative;z-index: 1;}.footer-content {display: grid;gap: var(--space-4);grid-template-columns: repeat(3, 1fr);margin-bottom: var(--space-4);}.footer-section {background: rgba(255, 255, 255, 0.05);padding: var(--space-3);border-radius: var(--radius-lg);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);}.footer-section h3 {color: var(--white);margin-bottom: var(--space-2);font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);letter-spacing: -0.01em;}.footer-section h4 {color: var(--accent-gold);margin-bottom: var(--space-2);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);letter-spacing: -0.01em;}.footer-section p {color: rgba(255, 255, 255, 0.8);margin-bottom: var(--space-1);line-height: 1.5;}.footer-section a {color: rgba(255, 255, 255, 0.8);text-decoration: none;transition: all var(--transition-fast);}.footer-section a:hover {color: var(--accent-gold);transform: translateX(4px);}/* Company Info Section */.company-info .tagline {color: var(--accent-gold);font-weight: 600;font-size: var(--font-size-sm);text-transform: uppercase;letter-spacing: 1px;margin-bottom: var(--space-3);}.company-address {font-style: normal;}.address-item,.contact-item {display: flex;align-items: center;gap: var(--space-1);margin-bottom: var(--space-1);color: rgba(255, 255, 255, 0.9);font-size: var(--font-size-sm);}.address-icon,.contact-icon {font-size: var(--font-size-base);width: 20px;text-align: center;}.address-link {color: rgba(255, 255, 255, 0.9);text-decoration: none;transition: all var(--transition-fast);}.address-link:hover {color: var(--accent-gold);text-decoration: underline;}/* Quick Links Section */.footer-nav {list-style: none;padding: 0;margin: 0;}.footer-nav li {margin-bottom: var(--space-2);}.footer-nav a {display: flex;align-items: center;padding: var(--space-1) 0;font-weight: 500;position: relative;}.footer-nav a::before {content: '→';margin-right: var(--space-2);transition: transform var(--transition-fast);}.footer-nav a:hover::before {transform: translateX(4px);}.cert-logo:hover .cert-image {opacity: 1;}/* Contact CTA Section */.contact-cta p {font-size: var(--font-size-sm);margin-bottom: var(--space-3);}.footer-cta-btn {background: linear-gradient(135deg, var(--accent-gold) 0%, #c2410c 100%);color: var(--white);border: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-weight: 600;font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);text-transform: uppercase;letter-spacing: 0.5px;width: 100%;box-shadow: 0 2px 8px rgba(217, 119, 6, 0.3);}.footer-cta-btn:hover {transform: translateY(-2px);box-shadow: 0 4px 16px rgba(217, 119, 6, 0.4);background: linear-gradient(135deg, #c2410c 0%, var(--accent-gold) 100%);}/* Product Modal Styles */.product-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: all 0.3s ease;}.product-modal.modal-open {opacity: 1;visibility: visible;}.modal-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(5px);}.modal-container {position: relative;background: var(--white);border-radius: var(--radius-lg);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);max-width: 800px;width: 90%;max-height: 80vh;overflow: hidden;transform: scale(0.9) translateY(20px);transition: all 0.3s ease;}.product-modal.modal-open .modal-container {transform: scale(1) translateY(0);}.modal-header {display: flex;align-items: center;justify-content: space-between;padding: var(--space-4);background: var(--gradient-primary);color: var(--white);}.modal-header h2 {margin: 0;font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);}.modal-close {background: none;border: none;color: var(--white);cursor: pointer;padding: var(--space-1);border-radius: var(--radius-sm);transition: all var(--transition-fast);display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;}.modal-close:hover {background: rgba(255, 255, 255, 0.2);transform: scale(1.1);}.close-icon {font-size: 24px;line-height: 1;font-weight: 300;}.modal-body {padding: var(--space-4);max-height: 60vh;overflow-y: auto;}.category-description {margin-bottom: var(--space-4);padding-bottom: var(--space-3);border-bottom: 1px solid var(--border-gray);}.category-description p {color: var(--neutral-gray);font-size: var(--font-size-base);margin: 0;}.subcategories-container {display: grid;gap: var(--space-4);}.subcategory-section {background: var(--light-gray);border-radius: var(--radius-md);padding: var(--space-3);border: 1px solid var(--border-gray);}.subcategory-title {color: var(--primary-blue);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin: 0 0 var(--space-2) 0;display: flex;align-items: center;gap: var(--space-1);}.subcategory-title::before {content: '▶';font-size: var(--font-size-sm);color: var(--secondary-green);}.products-list {display: flex;flex-wrap: wrap;gap: var(--space-1);}.product-item {background: var(--white);color: var(--neutral-gray-dark);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);font-size: var(--font-size-sm);border: 1px solid var(--border-gray);transition: all var(--transition-fast);cursor: default;}.product-item:hover {background: var(--primary-blue);color: var(--white);transform: translateY(-1px);box-shadow: 0 2px 8px rgba(30, 58, 138, 0.3);}.modal-footer {padding: var(--space-3) var(--space-4);background: var(--light-gray);border-top: 1px solid var(--border-gray);display: flex;justify-content: center;}.no-products {text-align: center;color: var(--neutral-gray);font-style: italic;padding: var(--space-4);}/* Product Categories Section */.product-categories h2 {text-align: center;color: var(--primary-blue);margin-bottom: var(--space-2);}.categories-description {text-align: center;color: var(--neutral-gray);margin-bottom: var(--space-6);font-size: var(--font-size-base);}.loading-message {text-align: center;color: var(--primary-blue);font-size: var(--font-size-lg);padding: var(--space-8);background: var(--light-gray);border-radius: var(--radius-lg);border: 2px dashed var(--border-gray);}.loading-message::before {content: '⏳';display: block;font-size: 2rem;margin-bottom: var(--space-2);}.error-message {text-align: center;color: var(--error-red);font-size: var(--font-size-base);padding: var(--space-6);background: #fef2f2;border-radius: var(--radius-lg);border: 2px solid #fecaca;}.error-message::before {content: '⚠️';display: block;font-size: 2rem;margin-bottom: var(--space-2);}.category-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--space-4);margin-top: var(--space-4);}/* Category Card Enhancements */.category-card {background: var(--white);border-radius: var(--radius-lg);padding: var(--space-4);box-shadow: var(--shadow-md);border: 1px solid var(--border-gray);transition: all var(--transition-normal);text-align: center;position: relative;overflow: hidden;}.category-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: var(--gradient-primary);transform: scaleX(0);transition: transform var(--transition-normal);}.category-card:hover {transform: translateY(-4px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}.category-card:hover::before {transform: scaleX(1);}.category-icon {font-size: 2.5rem;margin-bottom: var(--space-2);display: block;}.category-card h3 {color: var(--primary-blue);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin: 0 0 var(--space-2) 0;}.category-card p {color: var(--neutral-gray);font-size: var(--font-size-sm);margin: 0 0 var(--space-3) 0;line-height: 1.5;}.view-products-btn {background: var(--primary-blue);color: var(--white);border: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);cursor: pointer;transition: all var(--transition-fast);width: 100%;}.view-products-btn:hover {background: var(--primary-blue-dark);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);}/* Mobile Responsive */@media (max-width: 768px) {.modal-container {width: 95%;max-height: 90vh;} .modal-header {padding: var(--space-3);} .modal-header h2 {font-size: var(--font-size-lg);} .modal-body {padding: var(--space-3);max-height: 70vh;} .subcategory-section {padding: var(--space-2);} .products-list {gap: var(--space-1);} .product-item {font-size: var(--font-size-xs);padding: 4px var(--space-1);}}/* Footer Bottom */.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top: var(--space-6);padding-top: var(--space-4);}.footer-bottom-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--space-3);}.footer-bottom p {color: rgba(255, 255, 255, 0.6);margin: 0;font-size: var(--font-size-sm);}.footer-languages {display: flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-xs);color: rgba(255, 255, 255, 0.5);}.footer-lang-text {font-weight: 500;}.footer-lang-list {color: rgba(255, 255, 255, 0.7);}/* Certification Display */.certifications-preview {padding: var(--space-8) 0;background-color: var(--light-gray);}.certifications {padding: var(--space-8) 0;background-color: var(--light-gray);}.certifications h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-6);font-weight: 600;}.cert-grid,.cert-gallery {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));max-width: 1200px;margin: 0 auto;}.certification-item {background-color: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);overflow: hidden;transition: all var(--transition-normal);cursor: pointer;position: relative;}.certification-item:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);}.certification-item::after {content: '🔍';position: absolute;top: var(--space-2);right: var(--space-2);background-color: rgba(30, 58, 138, 0.9);color: var(--white);width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-sm);opacity: 0;transition: opacity var(--transition-fast);}.certification-item:hover::after {opacity: 1;}.certification-image-container {padding: var(--space-4);text-align: center;background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);}.certification-image {max-width: 120px;height: auto;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);transition: transform var(--transition-fast);}.certification-item:hover .certification-image {transform: scale(1.05);}.certification-info {padding: var(--space-3) var(--space-4);text-align: center;}.certification-title {font-size: var(--font-size-base);font-weight: 600;color: var(--primary-blue);margin-bottom: var(--space-1);line-height: 1.3;}.certification-description {font-size: var(--font-size-sm);color: var(--neutral-gray);margin-bottom: var(--space-2);line-height: 1.4;}.certification-status {display: inline-block;padding: var(--space-1) var(--space-2);background-color: var(--secondary-green);color: var(--white);font-size: var(--font-size-xs);font-weight: 600;border-radius: var(--radius-sm);text-transform: uppercase;letter-spacing: 0.5px;}/* Certification Modal Styles */.certification-modal .modal {max-width: 800px;width: 90vw;}.certification-modal .modal-body {padding: var(--space-6);text-align: center;}.certification-modal-image {max-width: 100%;height: auto;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);margin-bottom: var(--space-4);}.certification-modal-info {text-align: left;background-color: var(--light-gray);padding: var(--space-4);border-radius: var(--radius-md);margin-top: var(--space-4);}.certification-modal-info h3 {color: var(--primary-blue);font-size: var(--font-size-lg);margin-bottom: var(--space-2);}.certification-modal-info p {color: var(--neutral-gray);margin-bottom: var(--space-2);line-height: 1.6;}.certification-modal-info .cert-details {display: grid;gap: var(--space-2);grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));margin-top: var(--space-3);}.cert-detail-item {background-color: var(--white);padding: var(--space-2);border-radius: var(--radius-sm);border-left: 4px solid var(--primary-blue);}.cert-detail-label {font-size: var(--font-size-xs);color: var(--neutral-gray);font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;margin-bottom: var(--space-1);}.cert-detail-value {font-size: var(--font-size-sm);color: var(--primary-blue);font-weight: 600;}/* Modal Components */.modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 2000;opacity: 0;visibility: hidden;transition: all var(--transition-normal);}.modal-overlay.active {opacity: 1;visibility: visible;}.modal {background-color: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);max-width: 90vw;max-height: 90vh;overflow: auto;transform: scale(0.9);transition: transform var(--transition-normal);}.modal-overlay.active .modal {transform: scale(1);}.modal-header {padding: var(--space-4);border-bottom: 1px solid var(--light-gray);display: flex;align-items: center;justify-content: space-between;}.modal-title {font-size: var(--font-size-lg);font-weight: 600;color: var(--primary-blue);}.modal-close {background: none;border: none;font-size: var(--font-size-xl);cursor: pointer;color: var(--neutral-gray);padding: var(--space-1);border-radius: var(--radius-sm);transition: all var(--transition-fast);}.modal-close:hover {background-color: var(--light-gray);color: var(--primary-blue);}.modal-body {padding: var(--space-4);}/* Loading States */.loading {display: inline-block;width: 16px;height: 16px;border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: var(--white);animation: spin 1s ease-in-out infinite;margin-right: var(--space-1);}.loading-large {width: 20px;height: 20px;border: 2px solid var(--light-gray);border-top-color: var(--primary-blue);}@keyframes spin {to {transform: rotate(360deg);}}/* Form Submission States */.form-submitting {pointer-events: none;opacity: 0.8;}.form-submitting .contact-form {position: relative;}.form-submitting .contact-form::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.7);border-radius: var(--radius-lg);z-index: 10;}/* Enhanced Success Message */.success-message {background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);border: 2px solid #16a34a;color: #166534;padding: var(--space-6);border-radius: var(--radius-lg);margin-top: var(--space-4);text-align: center;box-shadow: var(--shadow-md);animation: slideInUp 0.5s ease-out;}.success-message h3 {color: #166534;margin-bottom: var(--space-3);font-size: var(--font-size-xl);font-weight: 700;display: flex;align-items: center;justify-content: center;gap: var(--space-2);}.success-message h3::before {content: '✅';font-size: var(--font-size-2xl);}.success-message p {margin-bottom: 0;font-size: var(--font-size-base);line-height: 1.6;font-weight: 500;}/* Enhanced Error Message */.error-message-global {background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);border: 2px solid #dc2626;color: #dc2626;padding: var(--space-6);border-radius: var(--radius-lg);margin-top: var(--space-4);text-align: center;box-shadow: var(--shadow-md);animation: slideInUp 0.5s ease-out;}.error-message-global h3 {color: #dc2626;margin-bottom: var(--space-3);font-size: var(--font-size-xl);font-weight: 700;display: flex;align-items: center;justify-content: center;gap: var(--space-2);}.error-message-global h3::before {content: '❌';font-size: var(--font-size-2xl);}.error-message-global p {margin-bottom: 0;font-size: var(--font-size-base);line-height: 1.6;font-weight: 500;}/* Slide in animation for messages */@keyframes slideInUp {from {opacity: 0;transform: translateY(20px);} to {opacity: 1;transform: translateY(0);}}/* Form submission progress indicator */.submission-progress {position: fixed;top: 0;left: 0;right: 0;height: 3px;background-color: var(--primary-blue);transform: scaleX(0);transform-origin: left;animation: progressBar 2s ease-in-out;z-index: 9999;}@keyframes progressBar {0% {transform: scaleX(0);} 50% {transform: scaleX(0.7);} 100% {transform: scaleX(1);}}/* Alert Components */.alert {padding: var(--space-3);border-radius: var(--radius-md);margin-bottom: var(--space-3);border: 1px solid transparent;}.alert-success {background-color: #dcfce7;border-color: #bbf7d0;color: #166534;}.alert-error {background-color: #fef2f2;border-color: #fecaca;color: #dc2626;}.alert-warning {background-color: #fffbeb;border-color: #fed7aa;color: #d97706;}.alert-info {background-color: #eff6ff;border-color: #bfdbfe;color: #1d4ed8;}/* Mobile Navigation Styles */@media (max-width: 767px) {.header-top {flex-wrap: wrap;gap: var(--space-2);} .logo {order: 1;} .language-selector {order: 2;} .header-contact {order: 3;width: 100%;justify-content: center;margin-top: var(--space-1);} .contact-info {flex-direction: column;gap: var(--space-1);text-align: center;} .contact-item {font-size: var(--font-size-xs);} .navigation {position: relative;} .mobile-menu-toggle {display: block;order: 3;} .nav-menu {position: absolute;top: 100%;left: 0;right: 0;background-color: var(--white);border: 2px solid var(--light-gray);border-top: none;border-radius: 0 0 var(--radius-md) var(--radius-md);box-shadow: var(--shadow-lg);flex-direction: column;gap: 0;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all var(--transition-fast);z-index: 1000;} .nav-menu.active {opacity: 1;visibility: visible;transform: translateY(0);} .nav-item {width: 100%;} .nav-link {padding: var(--space-3);border-radius: 0;border-bottom: 1px solid var(--light-gray);text-align: center;} .nav-item:last-child .nav-link {border-bottom: none;border-radius: 0 0 var(--radius-md) var(--radius-md);} .nav-item:first-child .nav-link {border-radius: 0;} .get-quotes-btn {margin-left: auto;margin-right: var(--space-2);}}@media (max-width: 480px) {.header-top {padding: var(--space-1) 0;} .logo h1 {font-size: var(--font-size-lg);} .tagline {font-size: var(--font-size-xs);} .language-toggle {padding: var(--space-1);font-size: var(--font-size-xs);} .language-text {display: none;} .get-quotes-btn {padding: var(--space-1) var(--space-2);font-size: var(--font-size-xs);}}/* Company Overview Section */.company-overview {padding: var(--space-10) 0;background-color: var(--light-gray);}.overview-grid {display: grid;gap: var(--space-8);grid-template-columns: 1fr;align-items: center;}.overview-content h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);margin-bottom: var(--space-4);text-align: center;}.overview-description {font-size: var(--font-size-lg);color: var(--neutral-gray);line-height: 1.7;margin-bottom: var(--space-6);text-align: center;max-width: 600px;margin-left: auto;margin-right: auto;}.overview-highlights {display: grid;gap: var(--space-4);grid-template-columns: 1fr;margin-bottom: var(--space-6);}.highlight-item {text-align: center;padding: var(--space-4);background: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);transition: all var(--transition-normal);}.highlight-item:hover {transform: translateY(-2px);box-shadow: var(--shadow-md);}.highlight-item h4 {font-size: var(--font-size-lg);color: var(--primary-blue);margin-bottom: var(--space-2);font-weight: 600;}.highlight-item p {color: var(--neutral-gray);margin-bottom: 0;font-size: var(--font-size-base);}.overview-actions {display: flex;gap: var(--space-3);justify-content: center;flex-wrap: wrap;margin-bottom: var(--space-6);}.overview-stats {display: grid;gap: var(--space-4);grid-template-columns: repeat(2, 1fr);}.stat-item {text-align: center;padding: var(--space-4);background: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);border: 2px solid transparent;transition: all var(--transition-normal);}.stat-item:hover {border-color: var(--primary-blue);transform: translateY(-2px);box-shadow: var(--shadow-md);}.stat-number {font-size: var(--font-size-3xl);font-weight: 700;color: var(--primary-blue);margin-bottom: var(--space-1);line-height: 1;}.stat-label {font-size: var(--font-size-sm);color: var(--neutral-gray);margin-bottom: 0;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;}/* Animation Classes */.animate-in {animation: fadeInUp 0.6s ease-out forwards;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);} to {opacity: 1;transform: translateY(0);}}/* Hero Animation Enhancements */.hero-title,.hero-subtitle,.hero-description,.hero-actions {animation-fill-mode: both;}/* Hover Effects for Interactive Elements */.hero-actions .btn:hover {transform: translateY(-3px) scale(1.05);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);}.timeline-item:hover .timeline-content {background: rgba(255, 255, 255, 0.15);transform: translateY(-2px);}.timeline-item:hover .timeline-marker {transform: scale(1.1);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}/* Responsive Animation Adjustments */@media (prefers-reduced-motion: reduce) {.animate-in, .hero-title, .hero-subtitle, .hero-description, .hero-actions, .timeline-item {animation: none !important;transition: none !important;} .hero-actions .btn:hover, .timeline-item:hover .timeline-content, .timeline-item:hover .timeline-marker {transform: none !important;}}/* About Page Specific Styles */.page-header {background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-green) 100%);color: var(--white);padding: var(--space-8) 0;text-align: center;}.page-header h1 {font-size: var(--font-size-3xl);font-weight: 700;margin-bottom: var(--space-2);color: var(--white);}.page-header p {font-size: var(--font-size-lg);color: rgba(255, 255, 255, 0.9);margin-bottom: 0;}/* Company Story Section */.company-story {padding: var(--space-10) 0;background-color: var(--white);}.company-story h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-8);}.story-content {display: grid;gap: var(--space-8);grid-template-columns: 1fr;align-items: start;}.story-text {max-width: 800px;margin: 0 auto var(--space-8) auto;}.story-text p {font-size: var(--font-size-lg);color: var(--neutral-gray);line-height: 1.7;margin-bottom: var(--space-4);text-align: center;}.story-highlights {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}.story-highlights .highlight-item {text-align: center;padding: var(--space-6);background: var(--light-gray);border-radius: var(--radius-lg);transition: all var(--transition-normal);}.story-highlights .highlight-item:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);background: var(--white);}.highlight-icon {font-size: var(--font-size-3xl);margin-bottom: var(--space-3);display: block;}.story-highlights .highlight-item h4 {font-size: var(--font-size-xl);color: var(--primary-blue);margin-bottom: var(--space-2);font-weight: 600;}.story-highlights .highlight-item p {color: var(--neutral-gray);font-size: var(--font-size-base);margin-bottom: 0;}/* Timeline Section */.milestone-timeline {padding: var(--space-10) 0;background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-green) 100%);color: var(--white);}.milestone-timeline h2 {font-size: var(--font-size-3xl);color: var(--white);text-align: center;margin-bottom: var(--space-8);}.timeline {max-width: 900px;margin: 0 auto;position: relative;}.timeline-item {display: flex;align-items: flex-start;gap: var(--space-4);margin-bottom: var(--space-8);position: relative;}.timeline-item:not(:last-child)::after {content: '';position: absolute;left: 15px;top: 40px;bottom: -32px;width: 2px;background: linear-gradient(to bottom, var(--accent-gold), rgba(217, 119, 6, 0.3));}.timeline-marker {width: 32px;height: 32px;border-radius: 50%;background: var(--accent-gold);border: 4px solid var(--white);flex-shrink: 0;position: relative;z-index: 2;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.timeline-dot {width: 100%;height: 100%;border-radius: 50%;background: var(--accent-gold);}.timeline-content {flex: 1;background: rgba(255, 255, 255, 0.1);border-radius: var(--radius-lg);padding: var(--space-6);border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);transition: all var(--transition-normal);}.timeline-content:hover {background: rgba(255, 255, 255, 0.15);transform: translateY(-2px);}.timeline-year {font-size: var(--font-size-2xl);font-weight: 700;color: var(--accent-gold);margin-bottom: var(--space-2);}.timeline-content h3 {font-size: var(--font-size-xl);color: var(--white);margin-bottom: var(--space-3);font-weight: 600;}.timeline-content p {font-size: var(--font-size-base);color: rgba(255, 255, 255, 0.9);margin-bottom: var(--space-4);line-height: 1.6;}.timeline-achievements {list-style: none;padding: 0;margin: 0;}.timeline-achievements li {position: relative;padding-left: var(--space-4);margin-bottom: var(--space-2);color: rgba(255, 255, 255, 0.9);font-size: var(--font-size-base);}.timeline-achievements li::before {content: '✓';position: absolute;left: 0;top: 0;color: var(--accent-gold);font-weight: bold;font-size: var(--font-size-lg);}.timeline-achievements li:last-child {margin-bottom: 0;}/* Mission Vision Section */.mission-vision {padding: var(--space-10) 0;background-color: var(--light-gray);}.mission-grid {display: grid;gap: var(--space-8);grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));align-items: start;}.mission,.vision {background: var(--white);padding: var(--space-8);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);text-align: center;transition: all var(--transition-normal);}.mission:hover,.vision:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);}.mission-icon,.vision-icon {font-size: var(--font-size-4xl);margin-bottom: var(--space-4);display: block;}.mission h3,.vision h3 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-4);font-weight: 600;}.mission p,.vision p {font-size: var(--font-size-lg);color: var(--neutral-gray);line-height: 1.6;margin-bottom: var(--space-4);}.mission-points,.vision-points {list-style: none;padding: 0;margin: 0;text-align: left;}.mission-points li,.vision-points li {position: relative;padding-left: var(--space-4);margin-bottom: var(--space-2);color: var(--neutral-gray);font-size: var(--font-size-base);}.mission-points li::before,.vision-points li::before {content: '•';position: absolute;left: 0;top: 0;color: var(--primary-blue);font-weight: bold;font-size: var(--font-size-lg);}/* Quality Commitment Section */.quality-commitment {padding: var(--space-10) 0;background-color: var(--white);}.quality-commitment h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-8);}.quality-grid {display: grid;gap: var(--space-6);grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}.quality-item {background: var(--light-gray);padding: var(--space-6);border-radius: var(--radius-lg);text-align: center;transition: all var(--transition-normal);}.quality-item:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);background: var(--white);}.quality-icon {font-size: var(--font-size-3xl);margin-bottom: var(--space-3);display: block;}.quality-item h4 {font-size: var(--font-size-xl);color: var(--primary-blue);margin-bottom: var(--space-3);font-weight: 600;}.quality-item p {color: var(--neutral-gray);font-size: var(--font-size-base);line-height: 1.6;margin-bottom: var(--space-3);}.quality-features {list-style: none;padding: 0;margin: 0;text-align: left;}.quality-features li {position: relative;padding-left: var(--space-4);margin-bottom: var(--space-2);color: var(--neutral-gray);font-size: var(--font-size-sm);}.quality-features li::before {content: '✓';position: absolute;left: 0;top: 0;color: var(--secondary-green);font-weight: bold;font-size: var(--font-size-base);}/* Customer Support Section */.customer-support {padding: var(--space-10) 0;background-color: var(--light-gray);}.customer-support h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-8);}.support-grid {display: grid;gap: var(--space-8);grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));margin-bottom: var(--space-8);}.support-item {background: var(--white);padding: var(--space-8);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);transition: all var(--transition-normal);}.support-item:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);}.support-icon {font-size: var(--font-size-3xl);margin-bottom: var(--space-4);display: block;text-align: center;}.support-item h4 {font-size: var(--font-size-xl);color: var(--primary-blue);margin-bottom: var(--space-4);font-weight: 600;text-align: center;}.support-item p {color: var(--neutral-gray);font-size: var(--font-size-base);line-height: 1.6;margin-bottom: var(--space-4);text-align: center;}.support-features {list-style: none;padding: 0;margin: 0;}.support-features li {position: relative;padding-left: var(--space-4);margin-bottom: var(--space-2);color: var(--neutral-gray);font-size: var(--font-size-base);}.support-features li::before {content: '•';position: absolute;left: 0;top: 0;color: var(--primary-blue);font-weight: bold;font-size: var(--font-size-lg);}.support-contact {background: var(--white);padding: var(--space-8);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);text-align: center;}.support-contact h3 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-6);font-weight: 600;}.contact-methods {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.contact-method {display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4);background: var(--light-gray);border-radius: var(--radius-md);transition: all var(--transition-normal);}.contact-method:hover {background: var(--primary-blue);color: var(--white);transform: translateY(-2px);}.contact-method:hover .contact-details strong,.contact-method:hover .contact-details p {color: var(--white);}.contact-icon {font-size: var(--font-size-2xl);flex-shrink: 0;}.contact-details {text-align: left;}.contact-details strong {display: block;font-size: var(--font-size-base);color: var(--primary-blue);margin-bottom: var(--space-1);font-weight: 600;}.contact-details p {color: var(--neutral-gray);font-size: var(--font-size-sm);margin: 0;}/* Certifications Section */.certifications {padding: var(--space-10) 0;background-color: var(--white);}.certifications h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-8);}.cert-gallery {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));text-align: center;}/* Responsive Design for About Page */@media (max-width: 768px) {.story-content {gap: var(--space-6);} .story-highlights {grid-template-columns: 1fr;} .mission-grid {grid-template-columns: 1fr;gap: var(--space-6);} .mission, .vision {padding: var(--space-6);} .quality-grid {grid-template-columns: 1fr;} .support-grid {grid-template-columns: 1fr;} .contact-methods {grid-template-columns: 1fr;} .timeline-item {flex-direction: column;align-items: center;text-align: center;} .timeline-item::after {display: none;} .timeline-content {width: 100%;}}@media (max-width: 480px) {.page-header {padding: var(--space-6) 0;} .page-header h1 {font-size: var(--font-size-2xl);} .company-story, .milestone-timeline, .mission-vision, .quality-commitment, .customer-support, .certifications {padding: var(--space-8) 0;} .company-story h2, .milestone-timeline h2, .customer-support h2, .certifications h2 {font-size: var(--font-size-2xl);} .story-text p {font-size: var(--font-size-base);} .mission h3, .vision h3 {font-size: var(--font-size-xl);} .mission p, .vision p {font-size: var(--font-size-base);} .timeline-content {padding: var(--space-4);} .timeline-year {font-size: var(--font-size-xl);} .timeline-content h3 {font-size: var(--font-size-lg);}}/* Product Catalog Styles */.product-search {padding: var(--space-6) 0;background-color: var(--light-gray);}.search-bar {display: flex;gap: var(--space-2);max-width: 600px;margin: 0 auto;}.search-bar input {flex: 1;padding: var(--space-3);font-size: var(--font-size-base);border: 2px solid var(--primary-blue);border-radius: var(--radius-md);outline: none;}.search-bar input:focus {border-color: var(--secondary-green);box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);}.search-btn {padding: var(--space-3) var(--space-4);background-color: var(--primary-blue);color: var(--white);border: none;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all var(--transition-fast);}.search-btn:hover {background-color: #1e40af;transform: translateY(-1px);}.product-categories {padding: var(--space-8) 0;background-color: var(--white);}.product-categories h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-8);}.category-grid {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}.category-card {background: var(--white);border: 2px solid var(--light-gray);border-radius: var(--radius-lg);padding: var(--space-6);text-align: center;transition: all var(--transition-normal);cursor: pointer;}.category-card:hover {border-color: var(--primary-blue);transform: translateY(-4px);box-shadow: var(--shadow-lg);}.category-card h3 {font-size: var(--font-size-xl);color: var(--primary-blue);margin-bottom: var(--space-3);font-weight: 600;}.category-card p {color: var(--neutral-gray);margin-bottom: var(--space-4);line-height: 1.6;}.view-products-btn {background-color: var(--accent-gold);color: var(--white);border: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all var(--transition-fast);text-transform: uppercase;letter-spacing: 0.5px;font-size: var(--font-size-sm);}.view-products-btn:hover {background-color: #c2410c;transform: translateY(-1px);}/* Product Listings Styles */.product-listings {padding: var(--space-8) 0;background-color: var(--light-gray);min-height: 400px;}.category-header {display: flex;align-items: center;gap: var(--space-4);margin-bottom: var(--space-6);flex-wrap: wrap;}.back-to-categories {background-color: var(--secondary-green);color: var(--white);border: none;padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);font-weight: 500;cursor: pointer;transition: all var(--transition-fast);display: flex;align-items: center;gap: var(--space-1);font-size: var(--font-size-sm);}.back-to-categories:hover {background-color: #047857;transform: translateY(-1px);}.category-header h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);margin: 0;flex: 1;}.product-subcategories {display: grid;gap: var(--space-4);grid-template-columns: 1fr;}.subcategory-section {background: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden;transition: all var(--transition-normal);}.subcategory-section:hover {box-shadow: var(--shadow-md);}.subcategory-header {display: flex;align-items: center;justify-content: space-between;padding: var(--space-4);background-color: var(--primary-blue);color: var(--white);cursor: pointer;transition: all var(--transition-fast);}.subcategory-header:hover {background-color: #1e40af;}.subcategory-header h3,.subcategory-header h4 {font-size: var(--font-size-lg);margin: 0;font-weight: 600;}.toggle-icon {font-size: var(--font-size-xl);font-weight: bold;transition: transform var(--transition-fast);width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.2);border-radius: 50%;}.product-list {padding: var(--space-4);background-color: var(--white);}.product-list ul {list-style: none;padding: 0;margin: 0;display: grid;gap: var(--space-2);grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.product-item {padding: var(--space-3);background-color: var(--light-gray);border-radius: var(--radius-md);color: var(--primary-blue);font-weight: 500;transition: all var(--transition-fast);border: 2px solid transparent;}.product-item:hover {background-color: var(--primary-blue);color: var(--white);transform: translateY(-2px);border-color: var(--accent-gold);}/* Search Results Styles */.search-results {margin-bottom: var(--space-6);}.search-results h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-4);}.search-results-content {display: grid;gap: var(--space-6);grid-template-columns: 1fr;}.category-results {background: var(--white);border-radius: var(--radius-lg);padding: var(--space-6);box-shadow: var(--shadow-sm);}.category-title {font-size: var(--font-size-xl);color: var(--secondary-green);margin-bottom: var(--space-4);font-weight: 600;border-bottom: 2px solid var(--light-gray);padding-bottom: var(--space-2);}.no-results {text-align: center;color: var(--neutral-gray);font-size: var(--font-size-lg);margin: var(--space-8) 0;padding: var(--space-6);background: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);}/* Highlight search terms */.product-item mark {background-color: var(--accent-gold);color: var(--white);padding: 2px 4px;border-radius: var(--radius-sm);font-weight: 600;}/* Get Quote CTA Section */.get-quote-cta {padding: var(--space-8) 0;background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-green) 100%);color: var(--white);text-align: center;}.get-quote-cta h2 {font-size: var(--font-size-3xl);color: var(--white);margin-bottom: var(--space-3);}.get-quote-cta p {font-size: var(--font-size-lg);color: rgba(255, 255, 255, 0.9);margin-bottom: var(--space-6);max-width: 600px;margin-left: auto;margin-right: auto;}.get-quote-cta .get-quotes-btn {background-color: var(--accent-gold);color: var(--white);border: 2px solid var(--accent-gold);padding: var(--space-3) var(--space-6);font-size: var(--font-size-lg);font-weight: 600;text-transform: uppercase;letter-spacing: 1px;transition: all var(--transition-fast);}.get-quote-cta .get-quotes-btn:hover {background-color: transparent;border-color: var(--white);color: var(--white);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);}/* Responsive Design for Product Catalog */@media (max-width: 768px) {.category-grid {grid-template-columns: 1fr;} .category-header {flex-direction: column;align-items: flex-start;gap: var(--space-2);} .category-header h2 {font-size: var(--font-size-2xl);} .back-to-categories {align-self: flex-start;} .product-list ul {grid-template-columns: 1fr;} .search-bar {flex-direction: column;} .search-btn {align-self: stretch;}}@media (max-width: 480px) {.product-categories {padding: var(--space-6) 0;} .product-categories h2 {font-size: var(--font-size-2xl);} .category-card {padding: var(--space-4);} .category-card h3 {font-size: var(--font-size-lg);} .subcategory-header h3, .subcategory-header h4 {font-size: var(--font-size-base);} .product-item {padding: var(--space-2);font-size: var(--font-size-sm);} .get-quote-cta h2 {font-size: var(--font-size-2xl);} .get-quote-cta p {font-size: var(--font-size-base);}}/* Product Catalog Specific Styles */.product-search {padding: var(--space-6) 0;background-color: var(--light-gray);}.search-bar {display: flex;gap: var(--space-2);max-width: 600px;margin: 0 auto;}.search-bar input {flex: 1;padding: var(--space-3);font-size: var(--font-size-base);border: 2px solid var(--primary-blue);border-radius: var(--radius-md);outline: none;}.search-bar input:focus {border-color: var(--secondary-green);box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);}.search-btn {padding: var(--space-3) var(--space-4);background-color: var(--primary-blue);color: var(--white);border: none;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all var(--transition-fast);}.search-btn:hover {background-color: #1e40af;transform: translateY(-1px);}/* Product Categories Grid */.product-categories {padding: var(--space-8) 0;background-color: var(--white);}.product-categories h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);text-align: center;margin-bottom: var(--space-8);}.category-grid {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}.category-card {background: var(--white);border: 2px solid var(--light-gray);border-radius: var(--radius-lg);padding: var(--space-6);text-align: center;transition: all var(--transition-normal);cursor: pointer;}.category-card:hover {border-color: var(--primary-blue);transform: translateY(-4px);box-shadow: var(--shadow-lg);}.category-card h3 {font-size: var(--font-size-xl);color: var(--primary-blue);margin-bottom: var(--space-3);font-weight: 600;}.category-card p {color: var(--neutral-gray);margin-bottom: var(--space-4);line-height: 1.6;}.view-products-btn {background-color: var(--secondary-green);color: var(--white);border: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all var(--transition-fast);}.view-products-btn:hover {background-color: #047857;transform: translateY(-1px);}/* Product Listings Section */.product-listings {padding: var(--space-8) 0;background-color: var(--light-gray);}.category-header {display: flex;align-items: center;gap: var(--space-4);margin-bottom: var(--space-6);flex-wrap: wrap;}.back-to-categories {background-color: var(--neutral-gray);color: var(--white);border: none;padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);font-weight: 500;cursor: pointer;transition: all var(--transition-fast);font-size: var(--font-size-sm);}.back-to-categories:hover {background-color: var(--primary-blue);transform: translateY(-1px);}.category-header h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin: 0;flex: 1;}/* Product Subcategories */.product-subcategories {display: grid;gap: var(--space-4);grid-template-columns: 1fr;}.subcategory-section {background: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden;transition: all var(--transition-normal);}.subcategory-section:hover {box-shadow: var(--shadow-md);}.subcategory-header {display: flex;align-items: center;justify-content: space-between;padding: var(--space-4);background-color: var(--primary-blue);color: var(--white);cursor: pointer;transition: all var(--transition-fast);}.subcategory-header:hover {background-color: #1e40af;}.subcategory-header h3,.subcategory-header h4 {font-size: var(--font-size-lg);margin: 0;font-weight: 600;}.toggle-icon {font-size: var(--font-size-xl);font-weight: bold;transition: transform var(--transition-fast);width: 24px;text-align: center;}.product-list {padding: var(--space-4);background-color: var(--white);border-top: 1px solid var(--light-gray);}.product-list ul {list-style: none;padding: 0;margin: 0;display: grid;gap: var(--space-2);grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.product-item {padding: var(--space-2) var(--space-3);background-color: var(--light-gray);border-radius: var(--radius-md);color: var(--primary-blue);font-weight: 500;transition: all var(--transition-fast);border: 2px solid transparent;}.product-item:hover {background-color: var(--primary-blue);color: var(--white);transform: translateY(-1px);border-color: var(--secondary-green);}/* Search Results Styles */.search-results {padding: var(--space-4) 0;}.search-results h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-6);}.search-results-content {display: grid;gap: var(--space-6);grid-template-columns: 1fr;}.category-results {background: var(--white);border-radius: var(--radius-lg);padding: var(--space-4);box-shadow: var(--shadow-sm);}.category-title {font-size: var(--font-size-xl);color: var(--secondary-green);margin-bottom: var(--space-4);font-weight: 600;border-bottom: 2px solid var(--light-gray);padding-bottom: var(--space-2);}.no-results {text-align: center;color: var(--neutral-gray);font-size: var(--font-size-lg);margin: var(--space-8) 0;}/* Highlight search terms */.product-item mark {background-color: var(--accent-gold);color: var(--white);padding: 2px 4px;border-radius: var(--radius-sm);font-weight: 600;}/* Get Quote CTA Section */.get-quote-cta {padding: var(--space-8) 0;background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-green) 100%);color: var(--white);text-align: center;}.get-quote-cta h2 {font-size: var(--font-size-2xl);color: var(--white);margin-bottom: var(--space-3);}.get-quote-cta p {font-size: var(--font-size-lg);color: rgba(255, 255, 255, 0.9);margin-bottom: var(--space-4);max-width: 600px;margin-left: auto;margin-right: auto;}.get-quote-cta .btn-primary {background-color: var(--accent-gold);border-color: var(--accent-gold);font-size: var(--font-size-lg);padding: var(--space-3) var(--space-6);}.get-quote-cta .btn-primary:hover {background-color: #c2410c;border-color: #c2410c;}/* Responsive Design for Product Catalog */@media (max-width: 768px) {.category-grid {grid-template-columns: 1fr;} .category-header {flex-direction: column;align-items: flex-start;gap: var(--space-2);} .category-header h2 {font-size: var(--font-size-xl);} .search-bar {flex-direction: column;} .product-list ul {grid-template-columns: 1fr;} .subcategory-header h3, .subcategory-header h4 {font-size: var(--font-size-base);}}@media (max-width: 480px) {.product-categories {padding: var(--space-4) 0;} .product-listings {padding: var(--space-4) 0;} .category-card {padding: var(--space-4);} .category-card h3 {font-size: var(--font-size-lg);} .subcategory-header {padding: var(--space-3);} .product-list {padding: var(--space-3);} .product-item {padding: var(--space-2);font-size: var(--font-size-sm);}}/* Product Search and Filtering Styles */.product-search {padding: var(--space-6) 0;background-color: var(--light-gray);}.search-bar {display: flex;gap: var(--space-2);max-width: 600px;margin: 0 auto var(--space-4) auto;}.search-bar input {flex: 1;padding: var(--space-3);font-size: var(--font-size-base);border: 2px solid var(--light-gray);border-radius: var(--radius-md);transition: border-color var(--transition-fast);}.search-bar input:focus {outline: none;border-color: var(--primary-blue);box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);}.search-btn {padding: var(--space-3) var(--space-4);background-color: var(--primary-blue);color: var(--white);border: none;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all var(--transition-fast);}.search-btn:hover {background-color: #1e40af;transform: translateY(-1px);box-shadow: var(--shadow-md);}/* Category Filters */.category-filters {text-align: center;margin-top: var(--space-4);}.category-filters h3 {font-size: var(--font-size-lg);color: var(--primary-blue);margin-bottom: var(--space-3);font-weight: 600;}.filter-buttons {display: flex;flex-wrap: wrap;gap: var(--space-2);justify-content: center;max-width: 1000px;margin: 0 auto;}.filter-btn {padding: var(--space-2) var(--space-3);background-color: var(--white);color: var(--primary-blue);border: 2px solid var(--light-gray);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: 500;cursor: pointer;transition: all var(--transition-fast);white-space: nowrap;}.filter-btn:hover {border-color: var(--primary-blue);background-color: rgba(30, 58, 138, 0.05);}.filter-btn.active {background-color: var(--primary-blue);color: var(--white);border-color: var(--primary-blue);}/* Product Categories Grid */.category-grid {display: grid;gap: var(--space-4);grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));margin-top: var(--space-6);}.category-card {background-color: var(--white);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: var(--space-6);text-align: center;transition: all var(--transition-normal);border: 2px solid transparent;}.category-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--primary-blue);}.category-card h3 {font-size: var(--font-size-xl);color: var(--primary-blue);margin-bottom: var(--space-3);font-weight: 600;}.category-card p {color: var(--neutral-gray);margin-bottom: var(--space-4);line-height: 1.6;}.view-products-btn {background-color: var(--secondary-green);color: var(--white);border: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: all var(--transition-fast);text-transform: uppercase;letter-spacing: 0.5px;font-size: var(--font-size-sm);}.view-products-btn:hover {background-color: #047857;transform: translateY(-1px);box-shadow: var(--shadow-md);}/* Product Listings */.product-listings {padding: var(--space-8) 0;background-color: var(--white);}.category-header,.search-results-header {text-align: center;margin-bottom: var(--space-6);padding-bottom: var(--space-4);border-bottom: 2px solid var(--light-gray);}.back-to-categories {background-color: var(--accent-gold);color: var(--white);border: none;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);font-weight: 600;cursor: pointer;margin-bottom: var(--space-4);transition: all var(--transition-fast);font-size: var(--font-size-sm);}.back-to-categories:hover {background-color: #c2410c;transform: translateY(-1px);box-shadow: var(--shadow-md);}.category-header h2,.search-results-header h2 {font-size: var(--font-size-3xl);color: var(--primary-blue);margin-bottom: var(--space-2);font-weight: 700;}.results-count {font-size: var(--font-size-lg);color: var(--neutral-gray);font-weight: 500;}/* Subcategory Sections */.product-subcategories,.search-results-content {max-width: 1000px;margin: 0 auto;}.subcategory-section,.search-subcategory-section {margin-bottom: var(--space-6);background-color: var(--light-gray);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);}.search-category-section {margin-bottom: var(--space-8);}.search-category-title {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-4);font-weight: 600;text-align: center;padding: var(--space-4);background-color: var(--light-gray);border-radius: var(--radius-lg);}.search-subcategories {margin-top: var(--space-4);}.subcategory-header {display: flex;align-items: center;justify-content: space-between;padding: var(--space-4);background-color: var(--white);cursor: pointer;transition: all var(--transition-fast);border-bottom: 1px solid var(--light-gray);}.subcategory-header:hover {background-color: rgba(30, 58, 138, 0.05);}.subcategory-header h3,.subcategory-header h4 {font-size: var(--font-size-lg);color: var(--primary-blue);margin: 0;font-weight: 600;flex: 1;}.product-count {font-size: var(--font-size-sm);color: var(--neutral-gray);font-weight: 500;margin-right: var(--space-3);background-color: var(--light-gray);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);}.toggle-icon {font-size: var(--font-size-xl);color: var(--primary-blue);font-weight: bold;transition: transform var(--transition-fast);width: 24px;text-align: center;}.product-list {background-color: var(--white);padding: var(--space-4);}.product-list ul {list-style: none;padding: 0;margin: 0;display: grid;gap: var(--space-2);grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.product-item {padding: var(--space-3);background-color: var(--light-gray);border-radius: var(--radius-md);font-size: var(--font-size-base);color: var(--primary-blue);font-weight: 500;transition: all var(--transition-fast);border: 2px solid transparent;}.product-item:hover {background-color: var(--white);border-color: var(--primary-blue);transform: translateY(-1px);box-shadow: var(--shadow-sm);}/* Search Highlighting */.search-highlight {background-color: var(--accent-gold);color: var(--white);padding: 2px 4px;border-radius: var(--radius-sm);font-weight: 600;}/* No Results State */.search-no-results {text-align: center;padding: var(--space-10) var(--space-4);}.no-results-content h2 {font-size: var(--font-size-2xl);color: var(--primary-blue);margin-bottom: var(--space-3);}.no-results-content p {font-size: var(--font-size-lg);color: var(--neutral-gray);margin-bottom: var(--space-6);max-width: 500px;margin-left: auto;margin-right: auto;}/* Get Quote CTA */.get-quote-cta {padding: var(--space-10) 0;background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-green) 100%);color: var(--white);text-align: center;}.get-quote-cta h2 {font-size: var(--font-size-3xl);color: var(--white);margin-bottom: var(--space-3);font-weight: 700;}.get-quote-cta p {font-size: var(--font-size-lg);color: rgba(255, 255, 255, 0.9);margin-bottom: var(--space-6);max-width: 600px;margin-left: auto;margin-right: auto;}.get-quote-cta .get-quotes-btn {font-size: var(--font-size-lg);padding: var(--space-3) var(--space-6);}/* Responsive Design for Product Search */@media (max-width: 768px) {.search-bar {flex-direction: column;max-width: 100%;} .search-btn {width: 100%;} .filter-buttons {gap: var(--space-1);} .filter-btn {font-size: var(--font-size-xs);padding: var(--space-1) var(--space-2);} .category-grid {grid-template-columns: 1fr;gap: var(--space-3);} .subcategory-header {flex-direction: column;align-items: flex-start;gap: var(--space-2);} .subcategory-header h3, .subcategory-header h4 {font-size: var(--font-size-base);} .product-count {align-self: flex-start;} .toggle-icon {position: absolute;right: var(--space-4);top: var(--space-4);} .product-list ul {grid-template-columns: 1fr;} .product-item {font-size: var(--font-size-sm);padding: var(--space-2);}}@media (max-width: 480px) {.category-filters h3 {font-size: var(--font-size-base);} .filter-btn {font-size: var(--font-size-xs);padding: 6px 8px;} .category-header h2, .search-results-header h2 {font-size: var(--font-size-xl);} .search-category-title {font-size: var(--font-size-lg);} .subcategory-header {padding: var(--space-3);position: relative;} .product-count {font-size: var(--font-size-xs);}}/* Responsive Styles for Product Search and Filtering */@media (max-width: 767px) {.search-bar {flex-direction: column;gap: var(--space-2);} .search-btn {width: 100%;} .filter-buttons {gap: var(--space-1);} .filter-btn {padding: var(--space-1) var(--space-2);font-size: var(--font-size-xs);} .subcategory-header {flex-direction: column;align-items: flex-start;gap: var(--space-1);} .subcategory-header h4 {font-size: var(--font-size-sm);} .product-count {font-size: var(--font-size-xs);} .product-list ul {grid-template-columns: 1fr;} .search-category-header h3 {font-size: var(--font-size-base);} .search-header h2 {font-size: var(--font-size-xl);} .search-info {font-size: var(--font-size-sm);}}@media (max-width: 480px) {.product-search {padding: var(--space-4) 0;} .search-bar input {padding: var(--space-2);font-size: var(--font-size-sm);} .search-btn {padding: var(--space-2);font-size: var(--font-size-sm);} .filter-btn {padding: var(--space-1);font-size: var(--font-size-xs);} .back-to-categories {padding: var(--space-1) var(--space-2);font-size: var(--font-size-sm);} .subcategory-section {padding: var(--space-2);} .product-item {padding: var(--space-1) var(--space-2);font-size: var(--font-size-xs);}}/* Contact Form Responsive Styles */@media (min-width: 768px) {.contact-grid {grid-template-columns: 1fr 1.5fr;gap: var(--space-10);} .contact-form .form-row {grid-template-columns: 1fr 1fr;} .contact-form .form-group:has(textarea), .contact-form .captcha-group {grid-column: 1 / -1;} .form-actions {justify-content: flex-end;}}@media (max-width: 767px) {.contact-form {padding: var(--space-4);} .contact-details {padding: var(--space-4);} .captcha-container {flex-direction: column;align-items: stretch;gap: var(--space-2);} .captcha-container input {max-width: none;} .form-actions {flex-direction: column;} .form-actions .btn-primary, .form-actions .btn-secondary {width: 100%;min-width: auto;}}@media (max-width: 480px) {.contact-form {padding: var(--space-3);} .contact-details {padding: var(--space-3);} .contact-details h2, .contact-form-section h2 {font-size: var(--font-size-xl);} .contact-form input, .contact-form textarea {font-size: var(--font-size-sm);}}/* Footer Responsive Styles */@media (max-width: 768px) {.footer-content {grid-template-columns: 1fr;gap: var(--space-3);} .footer-section {padding: var(--space-2);} .cert-logo {padding: var(--space-1);} .cert-image {width: 32px;height: 32px;} .footer-bottom-content {flex-direction: column;text-align: center;gap: var(--space-2);} .footer-languages {flex-direction: column;gap: var(--space-1);}}@media (max-width: 480px) {.footer {padding: var(--space-6) 0 var(--space-3) 0;} .footer-section h3 {font-size: var(--font-size-lg);} .footer-section h4 {font-size: var(--font-size-base);} .address-item, .contact-item {font-size: var(--font-size-sm);} .cert-image {width: 28px;height: 28px;}}/* Professional Enhancement Utilities *//* Trust Indicators */.trust-badge {display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-2);background-color: rgba(5, 150, 105, 0.1);color: var(--secondary-green);border-radius: var(--radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-transform: uppercase;letter-spacing: 0.05em;}.trust-badge::before {content: '✓';font-weight: var(--font-weight-bold);}/* Professional Animations */@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);} to {opacity: 1;transform: translateY(0);}}@keyframes pulse {0%, 100% {opacity: 1;} 50% {opacity: 0.7;}}@keyframes slideInRight {from {opacity: 0;transform: translateX(30px);} to {opacity: 1;transform: translateX(0);}}/* Animation Classes */.animate-fade-in-up {animation: fadeInUp 0.6s ease-out;}.animate-pulse {animation: pulse 2s infinite;}.animate-slide-in-right {animation: slideInRight 0.5s ease-out;}/* Professional Hover Effects */.hover-lift {transition: transform var(--transition-normal), box-shadow var(--transition-normal);}.hover-lift:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}/* Professional Borders */.border-gradient {position: relative;background: var(--white);border-radius: var(--radius-lg);}.border-gradient::before {content: '';position: absolute;inset: 0;padding: 2px;background: var(--gradient-primary);border-radius: inherit;mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite: xor;-webkit-mask-composite: xor;}/* Professional Typography Enhancements */.text-gradient {background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: var(--font-weight-bold);}.text-professional {font-family: var(--font-family-primary);font-weight: var(--font-weight-medium);letter-spacing: -0.01em;line-height: 1.6;}/* Professional Status Indicators */.status-indicator {display: inline-flex;align-items: center;gap: var(--space-1);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}.status-indicator::before {content: '';width: 8px;height: 8px;border-radius: 50%;background-color: currentColor;}.status-active {color: var(--success-green);}.status-certified {color: var(--secondary-green);}.status-premium {color: var(--accent-gold);}/* Professional Loading States */.loading-skeleton {background: linear-gradient(90deg, var(--light-gray) 25%, rgba(248, 250, 252, 0.5) 50%, var(--light-gray) 75%);background-size: 200% 100%;animation: loading 1.5s infinite;}@keyframes loading {0% {background-position: 200% 0;} 100% {background-position: -200% 0;}}/* Professional Focus States */.focus-ring {transition: box-shadow var(--transition-fast);}.focus-ring:focus {outline: none;box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1), 0 0 0 1px var(--primary-blue);}/* Professional Spacing Utilities */.section-padding {padding: var(--space-10) 0;}.section-padding-sm {padding: var(--space-6) 0;}.section-padding-lg {padding: var(--space-8) 0 var(--space-10) 0;}/* Professional Background Patterns */.bg-pattern-dots {background-image: radial-gradient(circle, rgba(30, 58, 138, 0.1) 1px, transparent 1px);background-size: 20px 20px;}.bg-pattern-grid {background-image: linear-gradient(rgba(30, 58, 138, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 58, 138, 0.05) 1px, transparent 1px);background-size: 40px 40px;}/* Professional Content Sections */.content-section {background-color: var(--white);border-radius: var(--radius-lg);padding: var(--space-6);box-shadow: var(--shadow-sm);border: 1px solid var(--border-gray);margin-bottom: var(--space-6);}.content-section h3 {color: var(--primary-blue);margin-bottom: var(--space-4);font-weight: var(--font-weight-semibold);border-bottom: 2px solid var(--border-gray);padding-bottom: var(--space-2);}/* Professional Call-to-Action Sections */.cta-section {background: var(--gradient-secondary);color: var(--white);padding: var(--space-8);border-radius: var(--radius-lg);text-align: center;position: relative;overflow: hidden;}.cta-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="ctagrid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23ctagrid)"/></svg>');opacity: 0.3;}.cta-section .container {position: relative;z-index: 1;}.cta-section h3 {color: var(--white);margin-bottom: var(--space-3);font-size: var(--font-size-2xl);}.cta-section p {color: rgba(255, 255, 255, 0.9);margin-bottom: var(--space-4);font-size: var(--font-size-lg);}/* Professional Footer Enhancements */.footer-nav {list-style: none;padding: 0;margin: 0;}.footer-nav li {margin-bottom: var(--space-2);}.footer-nav a {color: rgba(255, 255, 255, 0.8);text-decoration: none;font-weight: var(--font-weight-medium);transition: all var(--transition-fast);display: inline-flex;align-items: center;gap: var(--space-1);}.footer-nav a:hover {color: var(--accent-gold);transform: translateX(4px);}.footer-nav a::before {content: '→';opacity: 0;transform: translateX(-10px);transition: all var(--transition-fast);}.footer-nav a:hover::before {opacity: 1;transform: translateX(0);}.footer-certifications {display: grid;grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));gap: var(--space-3);margin-top: var(--space-3);}.cert-logo {background-color: rgba(255, 255, 255, 0.1);padding: var(--space-2);border-radius: var(--radius-md);transition: all var(--transition-normal);cursor: pointer;}.cert-logo:hover {background-color: rgba(255, 255, 255, 0.2);transform: translateY(-2px);}.cert-logo img {width: 100%;height: 40px;object-fit: contain;filter: brightness(0) invert(1);opacity: 0.8;transition: opacity var(--transition-fast);}.cert-logo:hover img {opacity: 1;}.footer-cta-btn {background-color: var(--accent-gold);color: var(--white);border: none;padding: var(--space-3) var(--space-5);border-radius: var(--radius-lg);font-weight: var(--font-weight-semibold);font-size: var(--font-size-base);cursor: pointer;transition: all var(--transition-normal);text-transform: uppercase;letter-spacing: 0.05em;}.footer-cta-btn:hover {background-color: var(--accent-gold-dark);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(217, 119, 6, 0.3);}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.2);padding-top: var(--space-4);margin-top: var(--space-6);}.footer-bottom-content {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--space-3);}.footer-languages {display: flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-sm);}.footer-lang-text {color: rgba(255, 255, 255, 0.7);font-weight: var(--font-weight-medium);}.footer-lang-list {color: var(--accent-gold);font-weight: var(--font-weight-medium);}