.calc-page{padding-top:88px;min-height:100vh;background:var(--bg-secondary,var(--bg-secondary))}.calc-page .breadcrumb{display:flex;align-items:center;gap:6px;padding:16px 0;font-size:13px;color:var(--text-tertiary)}.calc-page .breadcrumb a{color:var(--accent);text-decoration:none}.calc-page .breadcrumb .sep{color:var(--text-light)}.calc-hero{padding:32px 0 24px}.calc-hero h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.calc-hero p{font-size:16px;color:var(--text-secondary);margin:0}.calc-tabs-section{padding:0 0 24px}.calc-tabs{display:flex;gap:8px;flex-wrap:wrap}.calc-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid var(--border-color,var(--border-color));border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:.2s}.calc-tab:hover{border-color:var(--accent);color:var(--accent)}.calc-tab.active{background:var(--accent,var(--accent));color:var(--bg-primary);border-color:var(--accent)}.calc-tab svg{flex-shrink:0}.calc-panel{display:none}.calc-panel.active{display:block}.calc-panel-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.calc-input-section{background:var(--bg-primary);border-radius:12px;padding:32px;box-shadow:var(--shadow-sm)}.calc-input-section h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.calc-desc{font-size:14px;color:var(--text-tertiary);margin:0 0 24px;line-height:1.6}.calc-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-input{height:44px;border:1px solid var(--border-color,var(--border-color));border-radius:8px;padding:0 12px;font-size:15px;color:var(--text-primary);transition:border-color .2s}.calc-input:focus{border-color:var(--accent);outline:2px solid var(--accent-glow);outline-offset:1px}.calc-select{height:44px;border:1px solid var(--border-color,var(--border-color));border-radius:8px;padding:0 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);cursor:pointer}.calc-select:focus{border-color:var(--accent);outline:2px solid var(--accent-glow);outline-offset:1px}.btn-calc{margin-top:8px;height:48px}.calc-result-section{background:var(--bg-primary);border-radius:12px;padding:32px;box-shadow:var(--shadow-sm);min-height:300px}.calc-result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-light);gap:12px}.calc-result-placeholder p{font-size:14px}.calc-result-content{opacity:0;transform:translateY(10px);transition:.3s}.calc-result-content.show{opacity:1;transform:translateY(0)}.calc-result-content h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.calc-result-content h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:20px 0 12px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-card{background:var(--bg-secondary);border-radius:10px;padding:16px}.result-card.result-primary{background:var(--primary,var(--primary));color:var(--bg-primary)}.result-card span{display:block}.result-label{font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.result-primary .result-label{color:rgba(255,255,255,.7)}.result-value{font-size:24px;font-weight:700;color:var(--text-primary)}.result-primary .result-value{color:var(--bg-primary)}.result-note{background:var(--info-bg);padding:12px 16px;border-radius:8px;font-size:13px;color:var(--info);margin-top:12px}.result-info{background:var(--bg-secondary);padding:12px 16px;border-radius:8px;font-size:13px;color:var(--text-secondary);margin-top:12px}.result-info strong{color:var(--text-primary)}.result-tips{margin-top:12px}.tip{font-size:13px;color:var(--text-secondary);padding:6px 0}.result-cta{margin-top:20px}.rec-products{display:flex;flex-direction:column;gap:8px}.rec-product{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:8px}.rec-product-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rec-product-tag{display:inline-flex;padding:2px 8px;border-radius:9999px;font-size:9px;font-weight:700;text-transform:uppercase;color:var(--bg-primary)}.rec-product-info strong{font-size:14px}.rec-spec{font-size:12px;color:var(--text-tertiary)}.rec-product-actions{display:flex;gap:6px}.no-rec{font-size:14px;color:var(--text-tertiary)}.din-module-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.din-module-row .calc-select{flex:1}.din-module-row .calc-input{width:80px}.din-breakdown{margin-top:12px}.din-breakdown h4{font-size:14px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.din-breakdown-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color,var(--border-color))}.din-breakdown-total{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;font-weight:600;color:var(--text-primary);border-top:2px solid var(--text-primary);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:.2s;border:2px solid transparent}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:0 0;color:var(--accent);border-color:var(--accent)}.btn-outline:hover{background:var(--primary-50)}.btn-sm{padding:6px 12px;font-size:12px}@media (max-width:768px){.calc-page{padding-top:76px}.calc-hero h1{font-size:24px}.calc-panel-layout{grid-template-columns:1fr}.calc-tabs{gap:6px}.calc-tab{padding:8px 14px;font-size:13px}.calc-tab span{display:none}.form-row,.result-grid{grid-template-columns:1fr}.rec-product{flex-direction:column;align-items:flex-start;gap:8px}}