.page-banner{padding:80px 0;color:var(--white);text-align:center}.page-banner h1{font-size:3rem;color:var(--white);margin-bottom:15px}.page-banner p{font-size:1.2rem;opacity:.9}.solutions-wrapper{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:start}.solutions-sidebar{position:sticky;top:100px}.sidebar-nav{background:var(--white);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.sol-tab{padding:18px 25px;cursor:pointer;font-weight:600;color:#555;transition:var(--transition);border-left:4px solid #fff0;display:flex;align-items:center;gap:15px}.sol-tab i{width:24px;font-size:1.1rem;color:var(--primary-color)}.sol-tab:not(:last-child){border-bottom:1px solid #f0f0f0}.sol-tab:hover{background:#f8f9fa;color:var(--primary-color);padding-left:30px}.sol-tab.active{background:#fff;color:var(--primary-color);border-left-color:var(--primary-color);box-shadow:inset 4px 0 0 -4px var(--primary-color)}.sol-pane{display:none;padding:20px;border-radius:12px;box-shadow:0 0 5px rgb(0 0 0 / .15);animation:fadeIn 0.6s ease}.sol-pane.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sol-detail{display:flex;flex-direction:column;gap:40px}.sol-img{width:100%;height:500px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.sol-img img{transition:transform 0.5s ease}.sol-img:hover img{transform:scale(1.05)}.sol-text h2{font-size:2.2rem;margin-bottom:20px;color:var(--secondary-color)}.sol-text p{font-size:1.1rem;color:#666;margin-bottom:30px;line-height:1.8}.sol-text h3{font-size:1.4rem;margin-bottom:20px;color:var(--secondary-color);border-left:4px solid var(--primary-color);padding-left:15px}.sol-list{margin-bottom:40px}.sol-list li{margin-bottom:15px;font-size:1.05rem;display:flex;align-items:center;gap:12px}.sol-list i{color:var(--primary-color)}.rec-materials{display:flex;flex-wrap:wrap;gap:12px}.material-tag{background:rgb(230 0 18 / .05);color:var(--primary-color);padding:8px 18px;border-radius:50px;font-size:.9rem;font-weight:600;border:1px solid rgb(230 0 18 / .1);transition:var(--transition)}.material-tag:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}@media (max-width:1024px){.solutions-wrapper{grid-template-columns:1fr;gap:40px}.solutions-sidebar{position:relative;top:0}.sidebar-nav{display:flex;overflow-x:auto;border-radius:0;box-shadow:none;border-bottom:1px solid #ddd;white-space:nowrap;padding-bottom:10px}.sol-tab{border-left:none;border-bottom:none!important;border-bottom:3px solid transparent!important}.sol-tab.active{border-bottom-color:var(--primary-color)!important}}@media (max-width:768px){.page-banner h1{font-size:2.2rem}.sol-img{height:300px}.sol-text h2{font-size:1.8rem}.sidebar-nav{flex-direction:column}}