.catalog-app * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }.catalog-app {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ed 100%);
            color: #333;
            line-height: 1.6;
            min-height: 100vh;
        }.catalog-app .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 15px;
        }.catalog-app header {
            background: linear-gradient(135deg, #1a73e8, #0d47a1);
            color: white;
            padding: 25px 15px;
            text-align: center;
            border-radius: 10px;
            margin-bottom: 25px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }.catalog-app h1 {
            font-size: 2rem;
            margin-bottom: 10px;
        }.catalog-app .subtitle {
            font-size: 1rem;
            opacity: 0.9;
        }.catalog-app .search-container {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            margin-bottom: 25px;
        }.catalog-app .search-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }.catalog-app .search-header i {
            font-size: 1.3rem;
            color: #1a73e8;
            margin-right: 10px;
        }.catalog-app .search-box {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 20px;
        }.catalog-app .search-input {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 1rem;
            transition: border 0.3s;
        }.catalog-app .search-input:focus {
            border-color: #1a73e8;
            outline: none;
        }.catalog-app .btn {
            padding: 12px 20px;
            border: none;
            border-radius: 6px;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s;
        }.catalog-app .btn-primary {
            background-color: #1a73e8;
            color: white;
        }.catalog-app .btn-primary:hover {
            background-color: #0d47a1;
        }.catalog-app .btn-secondary {
            background-color: #f1f3f4;
            color: #333;
        }.catalog-app .btn-secondary:hover {
            background-color: #e0e0e0;
        }.catalog-app .search-options {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-top: 20px;
        }.catalog-app .option-card {
            background-color: #f8f9fa;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            transition: transform 0.3s;
        }.catalog-app .option-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }.catalog-app .option-card i {
            font-size: 1.8rem;
            color: #1a73e8;
            margin-bottom: 10px;
        }.catalog-app .option-card h3 {
            margin-bottom: 10px;
            font-size: 1.1rem;
        }.catalog-app .option-card p {
            font-size: 0.9rem;
            color: #666;
        }.catalog-app .table-container {
            background-color: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            margin-bottom: 30px;
            overflow-x: auto;
        }.catalog-app table {
            width: 100%;
            border-collapse: collapse;
            min-width: 600px; 
        }.catalog-app thead {
            background-color: #f8f9fa;
        }.catalog-app th, .catalog-app td {
            padding: 12px 10px;
            text-align: left;
            border-bottom: 1px solid #e0e0e0;
            word-break: break-word; 
        }.catalog-app th {
            color: #1a73e8;
            font-weight: 600;
            font-size: 1rem;
        }.catalog-app tbody tr {
            background-color: white;
        }.catalog-app tbody tr:nth-child(even) {
            background-color: #f8f9fa;
        }.catalog-app tbody tr:hover {
            background-color: #e3f2fd;
        }.catalog-app .no-results {
            text-align: center;
            padding: 30px;
            color: #666;
            display: none;
        }.catalog-app .initial-message {
            text-align: center;
            padding: 40px;
            color: #666;
        }.catalog-app .initial-message i {
            font-size: 3rem;
            color: #1a73e8;
            margin-bottom: 15px;
        }.catalog-app footer {
            text-align: center;
            padding: 20px;
            color: #666;
            font-size: 0.9rem;
        }.catalog-app .result-count {
            margin: 15px;
            color: #666;
            font-style: italic;
        }.catalog-app .button-group {
            display: flex;
            gap: 10px;
            width: 100%;
        }.catalog-app .button-group .btn {
            flex: 1;
        }

        
        @media (min-width: 768px) {
            .catalog-app .container {
                padding: 20px;
            }.catalog-app header {
                padding: 30px 0;
            }.catalog-app h1 {
                font-size: 2.5rem;
            }.catalog-app .subtitle {
                font-size: 1.2rem;
            }.catalog-app .search-container {
                padding: 25px;
            }.catalog-app .search-box {
                flex-direction: row;
            }.catalog-app .search-options {
                flex-direction: row;
            }.catalog-app th, .catalog-app td {
                padding: 15px;
                font-size: 1rem;
            }.catalog-app .button-group {
                width: auto;
            }.catalog-app .button-group .btn {
                flex: none;
            }
        }
    
@media(max-width:760px){
 .catalog-app{min-height:0}.catalog-app .container{padding:18px 14px;width:100%;max-width:100%!important}
 .catalog-app header{padding:28px 18px;margin-bottom:20px}.catalog-app h1{font-size:28px;line-height:1.25;overflow-wrap:anywhere}.catalog-app .subtitle{font-size:15px;line-height:1.6;margin-top:12px}
 .catalog-app .search-container{padding:22px 18px}.catalog-app .search-header{margin-bottom:18px}.catalog-app .search-header h2{font-size:25px}.catalog-app .search-container>p{font-size:14px;line-height:1.7;margin-block:15px}
 .catalog-app .search-box{flex-direction:column;gap:12px}.catalog-app .search-input{font-size:16px;min-width:0;max-width:100%;padding:13px 12px}.catalog-app .button-group{width:100%;gap:12px}.catalog-app .button-group .btn{flex:1;min-height:46px;padding:12px;font-size:16px}
 .catalog-app .search-options{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}.catalog-app .option-card{display:grid;grid-template-columns:30px minmax(0,1fr);text-align:left;gap:6px 14px;padding:18px;min-width:0}.catalog-app .option-card i{grid-row:1/3;margin:0;align-self:center;font-size:26px}.catalog-app .option-card h3{font-size:17px;line-height:1.4;margin:0}.catalog-app .option-card p{grid-column:2;font-size:13px;margin:0;line-height:1.6}.catalog-app .option-card:hover{transform:none}
 .catalog-app .initial-message,.catalog-app .no-results{padding:30px 20px}.catalog-app .initial-message h3,.catalog-app .no-results h3{font-size:20px;line-height:1.4;margin-bottom:12px}.catalog-app .initial-message p,.catalog-app .no-results p{font-size:14px;line-height:1.7}
 .catalog-app .table-container{overflow:visible;box-shadow:none;background:transparent;border-radius:0}.catalog-app .result-count{font-size:14px;line-height:1.6;margin:16px 0;padding:0 4px}
 .catalog-app #productTable{width:100%;min-width:0!important;border-collapse:separate;border-spacing:0;table-layout:fixed;background:transparent}
 .catalog-app #productTable thead{display:none}.catalog-app #productTable tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .catalog-app #productTable tr{display:block;width:100%;border:1px solid #e3e9f0;border-radius:12px;padding:10px 14px;background:white;box-shadow:0 4px 12px #00000006}
 .catalog-app #productTable td{display:grid;grid-template-columns:minmax(0,95px) minmax(0,1fr);gap:12px;padding:12px 0;font-size:14px;line-height:1.65;word-break:normal;overflow-wrap:anywhere;text-align:left;border-bottom:1px solid #eef1f4;min-width:0}
 .catalog-app #productTable td:before{content:attr(data-label);font-weight:600;color:#4d5c6c;font-size:12px;line-height:1.8}.catalog-app #productTable td:last-child{border-bottom:0}.catalog-app #productTable td a{font-weight:600;overflow-wrap:anywhere}
}
@media(min-width:761px) and (max-width:1000px){.catalog-app .search-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-app .option-card{min-width:0}.catalog-app .search-box{flex-wrap:wrap}.catalog-app .search-input{flex:1 1 350px}.catalog-app .button-group{flex:0 0 auto}.catalog-app .table-container{max-width:100%;overflow-x:auto}}

.catalog-app .search-container>p,.catalog-app .initial-message p,.catalog-app .no-results p,.catalog-app .result-count{font-size:16px;line-height:1.75}.catalog-app .option-card p{font-size:15px}.catalog-app .option-card h3{font-size:20px}.catalog-app th,.catalog-app td{font-size:16px}.catalog-app .search-header h2{font-size:30px}
@media(max-width:760px){.catalog-app .search-container>p,.catalog-app .initial-message p,.catalog-app .no-results p,.catalog-app .result-count{font-size:16px}.catalog-app .option-card p{font-size:15px}.catalog-app .option-card h3{font-size:19px}.catalog-app #productTable td{font-size:16px}.catalog-app #productTable td:before{font-size:14px}.catalog-app #productTable td{grid-template-columns:100px minmax(0,1fr)}.catalog-app .search-header h2{font-size:28px}}