.bg-gradient-primary{background:var(--gradient-primary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:1rem 0;padding:2rem 0}.product-card{display:flex;flex-direction:column;min-height:500px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-card:hover img{transform:scale(1.05)}.product-no-image{width:100%;height:250px;background:#f8f9fa;border-radius:10px 10px 0 0}.product-card-body{flex:1;display:flex;flex-direction:column;padding:1.5rem}.product-card-body p{flex:1}.product-card-body .d-flex.justify-content-between{margin-top:auto!important}.product-card-title{font-size:1.25rem;font-weight:600;color:var(--dark-color);margin-bottom:.75rem}.product-card-price{margin-bottom:1rem}.products-search{position:relative}.products-search>.input-group{position:relative;width:100%;height:3rem;border-radius:999rem;background:#fff;border:0;box-shadow:none;padding-left:2.75rem}.products-search>.input-group>.input-group-text,.products-search>.input-group>button{padding:0;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;font-size:.8rem}.products-search>.input-group>.input-group-text{position:absolute;left:.37rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:var(--primary-color);color:#fff;z-index:2;pointer-events:none;line-height:1}.products-search>.input-group>.input-group-text>.fa-search{display:block;line-height:1;transform:translate(-1px,2px)}#searchInput{border:0;box-shadow:none;height:3rem;padding-left:.25rem}.products-search>.input-group>button{align-self:center;flex:0 0 2.25rem;width:2.25rem;height:2.25rem;margin-right:.375rem;background:0 0;transform:translateY(2px)}.products-search>.input-group>button:focus{box-shadow:none}.products-search>.input-group>button.dropdown-toggle::after{display:none}.products-filter-menu{width:min(280px,100vw - 2rem);min-width:0;padding:.875rem}.products-filter-menu>.form-check,.products-filter-menu>.mb-3{margin-bottom:.625rem!important}.products-filter-menu .form-label{margin-bottom:.25rem;font-size:.875rem}.products-filter-menu .form-select{min-height:2.25rem;padding-top:.25rem;padding-bottom:.25rem;font-size:.875rem}.products-filter-menu .dropdown-divider{margin:.625rem 0}#resultCount{position:absolute;right:-4.9rem;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.875rem;color:#fff;z-index:1}@media (max-width:992px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}#resultCount{position:static;right:auto;top:auto;transform:none;display:block;margin-top:.5rem;text-align:center}}.header-section{padding-top:2rem;padding-bottom:2rem}#products-section{min-height:67vh}.dropdown-menu .form-check-input:where(:not(.is-invalid):not(.validation_error_group)){border-color:#dee2e6}.dropdown-menu .form-check-input:where(:not(.is-invalid):not(.validation_error_group)):checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)}#features-section .feature-icon{width:60px;height:60px}@media (max-width:768px){.products-grid{grid-template-columns:1fr;gap:1rem;padding:1rem 0}.product-card-body{padding:1rem}#features-section .feature-icon{width:60px;height:60px}#features-section .row{--bs-gutter-y:1.25rem}#features-section .row>[class*=col-]{padding-top:.25rem;padding-bottom:.25rem}}html[data-bs-theme=dark] .bg-gradient-primary{background:var(--gradient-section)}html[data-bs-theme=dark] .product-card{background:var(--surface-bg);box-shadow:0 10px 30px var(--shadow-color)}html[data-bs-theme=dark] .product-no-image{background:var(--page-muted-bg)}html[data-bs-theme=dark] #resultCount,html[data-bs-theme=dark] .product-card-title,html[data-bs-theme=dark] .products-search>.input-group>button{color:var(--heading-color)}html[data-bs-theme=dark] .products-search>.input-group{background:var(--input-bg)}html[data-bs-theme=dark] .products-search>.input-group>.input-group-text{color:var(--action-foreground)!important}html[data-bs-theme=dark] #features-section .feature-icon{color:var(--action-foreground);box-shadow:0 10px 30px var(--shadow-color)}html[data-bs-theme=dark] .dropdown-menu .form-check-input{border-color:var(--bs-border-color)}