.commodity-page{background-color:#f8f9fa;border-radius:15px;margin:0 auto;max-width:1200px;min-height:auto;padding:0}.commodity-page h1{color:#215b85;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:2rem}.commodity-cards{margin-bottom:2rem}.commodity-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:100%;padding:1.5rem;transition:transform .3s ease}.commodity-card:hover{transform:translateY(-5px)}.commodity-icon{font-size:2rem}.commodity-icon,.commodity-name{color:#215b85;margin-bottom:.5rem}.commodity-name{font-size:1.25rem;font-weight:600}.commodity-value{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.commodity-unit{color:#666;font-size:.9rem;margin-bottom:1rem}.commodity-description{color:#666;font-size:.9rem;line-height:1.4}#commodity-timestamp{color:#666;font-size:.8rem;margin-bottom:2rem}.commodity-info{margin:0 auto;max-width:800px;padding:1rem 0}.commodity-info h2{color:#215b85;font-size:1.5rem;margin-bottom:1rem}.cta-section{background:#215b85;border-radius:15px;color:#fff;margin-top:2rem;padding:2rem}.cta-section h3{color:#fff;font-size:1.25rem;margin-bottom:.75rem}.btn-primary{background-color:#fff;border:none;color:#215b85;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background-color:#00a651;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.commodity-page{margin:0 15px;padding:0}.container-fluid{padding-left:0;padding-right:0}#about-text{padding-left:15px;padding-right:15px;width:auto}.commodity-card{margin-bottom:1.5rem;padding:1.25rem}.commodity-value{font-size:2rem;text-align:center}.commodity-name{font-size:1.2rem;text-align:center}.commodity-icon{font-size:1.75rem;text-align:center}.commodity-description,.commodity-unit{font-size:.85rem;text-align:center}.commodity-description{line-height:1.4}.commodity-page h1{font-size:1.5rem;line-height:1.3;margin-bottom:1.5rem;margin-top:1rem;padding:0 1rem}.commodity-info{padding:0 1rem}.commodity-info h2{font-size:1.3rem;text-align:center}.commodity-info p{font-size:.9rem;text-align:center}.cta-section{margin:1.5rem 0;padding:1.5rem 1rem}.cta-section h3{font-size:1.2rem}.cta-section p{font-size:.9rem}#commodity-timestamp{margin-bottom:1.5rem}#navCards .card{margin-bottom:1rem;width:100%!important}#navCards .col-4{padding:0 .5rem}}@media (max-width:480px){.commodity-page h1{font-size:1.3rem}.commodity-value{font-size:1.75rem}.commodity-card{padding:1rem}.cta-section{padding:1.25rem 1rem}}@media (min-width:769px){.container-lg{margin:0 auto;max-width:1140px}}