.universal-pricing-grid{width:100%}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap}.selected-color-indicator{display:flex;align-items:center;font-size:.9em;background-color:var(--primary-light, #e3f2fd);padding:8px 12px;border-radius:var(--radius-sm, 4px);border-left:3px solid var(--primary-color, #0066cc);box-shadow:var(--shadow-xs, 0 1px 3px rgba(0,0,0,.1))}.mini-color-swatch{width:30px;height:30px;border-radius:50%;margin:0 8px;border:2px solid var(--border-color, #dee2e6);display:inline-block;vertical-align:middle;box-shadow:0 1px 3px #0003;background-size:cover;background-position:center;box-sizing:border-box;aspect-ratio:1/1;transition:all .3s ease}.mini-color-swatch.clickable{cursor:pointer;position:relative}.mini-color-swatch.clickable:hover{transform:scale(1.1);border-color:var(--primary-color, #0066cc)}.enhanced-loading-container{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 5px 15px #00000014;position:relative;overflow:hidden}.enhanced-loading-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.loading-content{background:#fff;display:inline-block;padding:30px 40px;border-radius:8px;box-shadow:0 3px 10px #0000001a;position:relative;z-index:1}.loading-spinner-dual{position:relative;display:inline-block;margin-bottom:20px}.loading-spinner-outer{width:50px;height:50px;border:3px solid #e8f5e9;border-top:3px solid #2e5827;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid #c8e6c9;border-top:2px solid #4caf50;border-radius:50%;animation:spin 1.5s linear infinite reverse}.loading-status{color:#2e5827;font-size:1.1em;font-weight:500;margin-bottom:10px}.loading-step{color:#666;font-size:.9em;margin-top:5px}.loading-progress{width:100%;height:8px;background-color:#e8f5e9;border-radius:4px;overflow:hidden;margin:15px 0}.loading-progress-bar{height:100%;background:linear-gradient(45deg,#4caf50 25%,#66bb6a 25% 50%,#4caf50 50% 75%,#66bb6a 75%);background-size:20px 20px;border-radius:4px;animation:progressPulse 2s ease-in-out infinite;transition:width .3s ease}.skeleton-table{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-row{display:flex;padding:12px;border-bottom:1px solid #e0e0e0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 2s infinite}.skeleton-cell{flex:1;height:20px;background-color:#f5f5f5;border-radius:4px;margin:0 4px}.skeleton-header{background-color:#2e5827;color:#fff;animation:none}.skeleton-header .skeleton-cell{background-color:#fff3;height:16px}.pricing-grid{width:100%;border-collapse:collapse;box-shadow:0 2px 5px #0000001a;border-radius:var(--radius-sm, 4px);overflow:hidden;table-layout:fixed;display:table!important}.pricing-grid thead{display:table-header-group!important}.pricing-grid tbody{display:table-row-group!important}.pricing-grid tr{display:table-row!important;width:100%}.pricing-grid th,.pricing-grid td{display:table-cell!important}.pricing-grid td.price-cell{display:table-cell!important;width:auto!important;min-width:80px!important}.pricing-grid th{background-color:#3a7c52;color:#fff;padding:12px 8px;text-align:center;font-weight:600;width:auto}.pricing-grid th:first-child{text-align:left;padding-left:15px;width:140px}.pricing-grid td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--border-color, #dee2e6);transition:background-color .3s ease;vertical-align:middle}.pricing-grid td:first-child{text-align:left;padding-left:15px;font-weight:500;white-space:nowrap;min-width:140px}.pricing-grid tbody tr:nth-child(2n){background-color:var(--background-ultralight, #fdfdfd)}.pricing-grid tbody tr:hover{background-color:var(--gray-50, #f8f9fa)}.pricing-grid tbody tr.current-pricing-level-highlight td{background-color:var(--primary-extralight, #e6f7ff)!important;font-weight:700}.pricing-grid tbody tr.current-pricing-level-highlight td:first-child{color:var(--primary-dark, #004170)}.price-cell{position:relative;font-weight:500;white-space:nowrap;min-width:80px}.price-cell.best-price{color:var(--success-color, #28a745);font-weight:600}.tier-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:.75em;border-radius:12px;font-weight:500;vertical-align:middle;white-space:nowrap}.tier-badge.popular{background-color:#ffc107;color:#212529}.tier-badge.best-value{background-color:#28a745;color:#fff}.inventory-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:5px;position:relative;top:-2px;cursor:help}.inventory-indicator.inventory-low{background-color:#ff9800;box-shadow:0 0 3px #ff9800}.inventory-indicator.inventory-none{background-color:#dc3545;box-shadow:0 0 3px #dc3545}.inventory-indicator-legend{display:flex;align-items:center;gap:20px;font-size:.85em}.legend-item{display:flex;align-items:center;gap:5px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes progressPulse{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-highlight{0%{transform:scale(1);box-shadow:0 0 #008000b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #00800000}to{transform:scale(1);box-shadow:0 0 #00800000}}.pulse-highlight{animation:pulse-highlight 1s ease}.pricing-grid .stagger-animation{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.pricing-header{flex-direction:column;align-items:flex-start;gap:10px}.selected-color-indicator{width:100%;justify-content:center}.pricing-grid{font-size:.9em}.pricing-grid th,.pricing-grid td{padding:8px 4px}.tier-badge{display:block;margin-left:0;margin-top:4px}}@media(max-width:480px){.loading-content{padding:20px}.pricing-grid{font-size:.8em}.mini-color-swatch{width:25px;height:25px}.inventory-indicator-legend{flex-direction:column;align-items:flex-start;gap:10px}}