/*
 * CSS of vutruso/tinh-vat-tu.php, moved verbatim from its inline <style> blocks, in source order.
 * Printed as a <link> where the block renders: kosmos_block_css('tinh-vat-tu') (functions/actions.php).
 */
            .prod_detail_wrap_cont .prod_url {
                display: flex;
                gap: 10px;
                justify-content: center;
                flex-wrap: nowrap;
                flex-direction: row;
            }
            
            .prod_detail_wrap_cont button {
                border-radius: 99px;
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                text-transform: uppercase;
                color: #fff;
                padding: 8px 15px;
            }
            
            .prod_detail_wrap_cont a {
                padding: 8px 15px;
            }
            
            .material-calculator .note{
                margin-top: 15px;
                margin-bottom: 0;
            }
            
            .material-calculator {
                max-width: 600px;
                margin: 30px auto;
                padding: 25px;
                border: 1px solid #ddd;
                border-radius: 8px;
                box-shadow: 0 2px 10px rgba(0,0,0,0.1);
                background: #fff;
            }
            
            .material-calculator.show {
                display: block !important;
            }
            
            .material-calculator h3 {
                text-align: center;
                color: #333;
                margin-bottom: 25px;
                font-size: 24px;
            }
            
            .calc-input-group {
                margin-bottom: 20px;
            }
            
            .calc-input-group label {
                display: block;
                margin-bottom: 8px;
                font-weight: bold;
                color: #555;
            }
            
            .calc-input-group input {
                width: 100%;
                padding: 12px;
                border: 1px solid #ddd;
                border-radius: 4px;
                box-sizing: border-box;
                font-size: 16px;
            }
            
            .calc-input-group input:focus {
                outline: none;
                border-color: var(--primary-color);
            }
            
            .calc-specs {
                background: #f9f9f9;
                padding: 15px;
                border-radius: 4px;
                margin-bottom: 20px;
            }
            
            .calc-specs h4 {
                margin-top: 0;
                color: #333;
                font-size: 18px;
            }
            
            .calc-specs p {
                margin: 8px 0;
                color: #666;
            }
            
            .calc-button {
                font-family: 'Roboto';
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                text-transform: uppercase;
                color: #fff;
                padding: 8px 30px;
                border: 1px solid var(--primary-color);
                border-radius: 99px;
                background-color: #E31937;
                transition: background-color 0.3s;
            }
            
            .calc-button:disabled {
                background-color: #cccccc;
                cursor: not-allowed;
            }
            
            .calc-result {
                margin-top: 25px;
                padding: 20px;
                border: 2px solid var(--primary-color);
                border-radius: 4px;
                background-color: #f1f8f4;
                display: none;
            }
            
            .calc-result h4 {
                margin-top: 0;
                color: #2e7d32;
                font-size: 20px;
            }
            
            .calc-result p {
                margin: 12px 0;
                color: #333;
                font-size: 15px;
            }
            
            .calc-result strong {
                color: #1b5e20;
                font-size: 18px;
            }
            
            .calc-note {
                margin-top: 20px;
                padding: 15px;
                background: #fff9e6;
                border-left: 4px solid #ffa000;
                border-radius: 4px;
            }
            
            .calc-note p {
                margin: 5px 0;
                color: #666;
                font-style: italic;
            }
            
            .calc-error {
                color: #d32f2f;
                background: #ffebee;
                padding: 10px;
                border-radius: 4px;
                margin-top: 15px;
                display: none;
            }