#compatibility-container {display: flex;flex-direction: row;gap: 20px;margin: 0;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;background: #ffffff;border-radius: 8px;padding: 32px;}.left-column {flex: 1;min-width: 300px;padding: 16px;border: 1px solid #e9eaec;border-radius: 6px;background: #fff;}.right-column {flex: 1;min-width: 300px;padding: 16px;border: 1px solid #e9eaec;border-radius: 6px;background: #fff;}.left-column h4,.right-column h4 {font-size: 16px;font-weight: 600;color: #333;margin: 0 0 16px 0;display: flex;align-items: center;justify-content: space-between;}.brand-counter,.models-counter {font-size: 12px;font-weight: 500;color: #666;background: #f5f5f5;padding: 2px 8px;border-radius: 12px;}#brand-filter {width: 100%;padding: 12px;border: 1px solid #e9eaec;border-radius: 4px;font-size: 14px;background: #fff;color: #333;margin-bottom: 16px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 10a1 1 0 0 1-1.414 0L4.646 7.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 16px;padding-right: 40px;}#brand-filter:focus {outline: none;border-color: var(--okay-basic-company, #0598f3);}#brand-filter option {background: #fff;color: #333;padding: 10px 12px;border: none;}#compatibility #brand-filter option:checked {background: var(--okay-basic-company, #0598f3);color: #fff;font-weight: bold;}#compatibility #brand-filter option:hover {background: var(--okay-basic-company, #0598f3);color: #fff;}#brand-filter::-webkit-scrollbar {width: 8px;}#brand-filter::-webkit-scrollbar-track {background: #f1f1f1;}#brand-filter::-webkit-scrollbar-thumb {background: var(--okay-basic-company, #0598f3);border-radius: 4px;}#brand-filter::-webkit-scrollbar-thumb:hover {background: var(--okay-second-company, #1c70d6);}#search-input,#search-input-mobile {width: 100%;padding: 12px;border: 1px solid #e9eaec;border-radius: 4px;font-size: 14px;background: #fff;color: #333;transition: border-color 0.2s ease;}#search-input:focus,#search-input-mobile:focus {outline: none;border-color: var(--okay-basic-company, #0598f3);box-shadow: 0 0 0 2px rgba(5, 152, 243, 0.1);}#search-input::placeholder,#search-input-mobile::placeholder {color: #999;font-style: italic;}.search-input-wrapper {margin-top: 8px;}#models-list {max-height: 300px;overflow-y: auto;border: 1px solid #e9eaec;border-radius: 4px;background: #fff;}.model-item {padding: 12px;border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;cursor: pointer;text-decoration: none !important;color: inherit;}.model-item:last-child {border-bottom: none;}.model-item:hover {background: #f8f9fa;}.model-name {font-size: 14px;color: #333;font-weight: 500;}a.model-item .model-name {color: var(--okay-basic-company, #0598f3);transition: color 0.2s ease;}a.model-item:hover .model-name {text-decoration: underline;}#compatibility .model-check {color: #358651;font-weight: bold;font-size: 16px;}.models-loading {text-align: center;padding: 32px 16px;color: #666;font-style: italic;background: #f8f9fa;}.info-block {background: #f8f9fa;border-radius: 4px;padding: 16px;border: 1px solid #e9eaec;margin-top: 16px;}.info-block p {margin: 0 0 12px 0;font-size: 14px;line-height: 1.5;color: #555;}.info-block p:last-child {margin-bottom: 0;}.info-block a {color: var(--okay-basic-company, #0598f3);text-decoration: none;font-weight: 500;}.info-block a:hover {text-decoration: underline;}.mobile-search,.mobile-info-block {display: none;}@media (max-width: 992px) {#compatibility-container {gap: 16px;padding: 24px;}.left-column,.right-column {min-width: 250px;padding: 14px;}}@media (max-width: 768px) {#compatibility-container {flex-direction: column;gap: 16px;padding: 20px;border: none;}.left-column,.right-column {min-width: auto;width: 100%;padding: 16px;}.left-column {order: 1;display: flex;flex-direction: column;}.right-column {display: none;}.search-section {order: 2;margin: 16px 0;}.brand-selector {order: 1;}#models-list {order: 3;max-height: 250px;}.mobile-search {display: block;margin-top: 8px;}.right-column .search-section {display: none;}.right-column .info-block {display: none;}#compatibility .left-column .mobile-info-block {display: block;order: 4;margin-top: 16px;}.left-column h4,.right-column h4 {font-size: 15px;flex-direction: column;align-items: flex-start;gap: 4px;}}@media (max-width: 480px) {#compatibility-container {border: none;padding: 16px;}.left-column,.right-column {padding: 12px;}#brand-filter,#search-input,#search-input-mobile {padding: 10px;font-size: 14px;}#search-input,#search-input-mobile {padding-left: 12px;}.model-item {padding: 10px;}#compatibility .left-column .mobile-info-block {display: block;}}.corporate-apply-btn {background: var(--okay-basic-company, #0598f3);color: var(--okay-basic-company-text, #fff);border: none;padding: 10px 20px;border-radius: 4px;font-size: 14px;font-weight: 500;cursor: pointer;width: 100%;margin-top: 12px;}.corporate-apply-btn:hover {background: var(--okay-second-company, #1c70d6);}.corporate-blue-btn {background: var(--okay-basic-company, #0598f3);color: var(--okay-basic-company-text, #fff);border: none;padding: 10px 20px;border-radius: 4px;font-size: 14px;font-weight: 500;cursor: pointer;width: 100%;margin-top: 12px;}.corporate-blue-btn:hover {background: var(--okay-second-company, #1c70d6);}#compatibility .text-primary {color: var(--okay-basic-company, #0598f3);}#compatibility .mb-0 {margin-bottom: 0;}#compatibility .mt-2 {margin-top: 8px;}#compatibility .p-2 {padding: 8px;}.compatibility_block {margin: 20px 0;border: 1px solid #e8e8e8;border-radius: 4px;}.compatibility_header {padding: 15px;margin: 0;cursor: pointer;display: flex;justify-content: space-between;align-items: center;background: #f8f8f8;border-bottom: 1px solid #e8e8e8;}.compatibility_content {padding: 15px;}.compatibility_brand {margin-bottom: 20px;}.compatibility_brand:last-child {margin-bottom: 0;}.brand_name {font-weight: bold;font-size: 16px;color: #333;margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px solid #f0f0f0;}.models_list {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 10px;}.model_item {padding: 8px;background: #f9f9f9;border-radius: 4px;}.model_item:hover {background: #f0f0f0;}.model_name {display: block;color: #444;}.model_type {display: block;font-size: 12px;color: #666;margin-top: 2px;}.product-compatibility {margin: 20px 0;padding: 15px;background: #f8f9fa;border-radius: 5px;}.product-compatibility h3 {margin: 0 0 15px;font-size: 18px;color: #333;}.compatibility-list {list-style: none;padding: 0;margin: 0;}.compatibility-item {display: flex;align-items: center;padding: 8px 0;border-bottom: 1px solid #e9ecef;}.compatibility-item:last-child {border-bottom: none;}.compatibility-brand {font-weight: 600;color: #495057;margin-right: 10px;}.compatibility-model {color: #6c757d;}.compatibility-error {padding: 10px;color: #856404;background-color: #fff3cd;border: 1px solid #ffeeba;border-radius: 4px;margin: 10px 0;font-size: 14px;}
/*# sourceMappingURL=Tehno-Shop.style.css.6c25af6692c8eb31ab56f062ab8884da.css.map */