/* Products page styles */
.container { max-width: 1200px; margin: 0 auto; padding: 120px 5% 4rem; }
h1 { font-size: 3.5rem; margin-bottom: 1rem; text-align: center; }
.page-intro { text-align: center; font-size: 1.2rem; opacity: .9; margin-bottom: 3rem; max-width: 700px; margin-left: auto; margin-right: auto; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 2.5rem; margin-top: 3rem; }
.product-link { text-decoration: none; color: inherit; display: block; }
.product-card { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 3rem; border-radius: 20px; border:1px solid rgba(255,255,255,0.2); transition:.3s; }
.clickable-card { cursor:pointer; }
.clickable-card:hover { transform: translateY(-12px) scale(1.02); box-shadow: 0 15px 40px rgba(0,0,0,.4); background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.4); }
.product-icon { font-size: 3.5rem; margin-bottom: 1.5rem; }
.product-card h2 { font-size: 1.8rem; margin-bottom: 1rem; color: inherit; }
.external-link-icon { font-size: 0.8em; opacity: 0.7; margin-left: 0.3rem; }
.product-card p { opacity: .9; line-height: 1.7; margin-bottom: 1.5rem; color: inherit; }
.product-features { list-style:none; padding:0; }
.product-features li { padding:.5rem 0 .5rem 1.5rem; position:relative; opacity:.95; }
.product-features li:before { content:'✓'; position:absolute; left:0; color:#a8edea; font-weight:bold; }
.brochure-btn { display:inline-block; margin-top:1rem; padding:.7rem 1.5rem; background:rgba(255,255,255,0.2); color:white; text-decoration:none; border-radius:25px; font-weight:600; font-size:.9rem; transition:.3s; border:1px solid rgba(255,255,255,0.3);} 
.brochure-btn:hover { background:rgba(255,255,255,0.3); transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,.2);} 
.cta-section { text-align:center; margin-top:4rem; padding:3rem; background:rgba(255,255,255,0.1); border-radius:16px; backdrop-filter:blur(10px); }
.cta-section h2 { font-size:2.2rem; margin-bottom:1rem; }
.cta-section p { font-size:1.1rem; opacity:.9; margin-bottom:2rem; }
.cta-btn { display:inline-block; padding:1.1rem 2.5rem; background:white; color:#667eea; border-radius:50px; font-weight:700; font-size:1.1rem; text-decoration:none; box-shadow:0 4px 20px rgba(0,0,0,.3); transition:.3s; }
.cta-btn:hover { transform:translateY(-3px); box-shadow:0 6px 30px rgba(0,0,0,.4);} 
.empty-state { text-align:center; padding:4rem 2rem; opacity:.9; }
@media (max-width:768px){ h1{font-size:2.5rem;} .product-grid{grid-template-columns:1fr;} }