.wc-block-components-product-metadata__description{display:none!important;} .wc-block-components-quantity-selector{display:none!important;} .shop-container { --container: 1600px; } .inventory-container { margin: 0 auto; box-sizing: border-box; max-width: var(--container); } .inventory-content { display: flex; gap: 20px; flex-wrap: nowrap; } .inventory-sidebar { flex: 0 0 270px; min-width: 270px; max-width: 270px; background-color: #f5f5f5; padding: 20px; border-radius: 5px; box-sizing: border-box; } .inventory-main { flex-grow: 1; min-width: 0; overflow: hidden; } .metrics-snapshot { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 20px; margin-bottom: 30px; margin-left: 16px; margin-right: 16px; } .metric-card { display: flex; align-items: center; justify-content: center; background-color: #fff; padding: 15px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-align: center; text-decoration: none; border: 1px solid transparent; transition: background-color 0.5s ease, color 0.5s ease, border 0.5s ease; box-sizing: border-box; } .metric-card h3 { font-size: 14px; color: #333; margin: 0; } .metric-card:hover { background-color: #0F2D50 !important; color: #ffffff !important; border: 1px solid #0F2D50; } .metric-card:hover h3 { color: #ffffff !important; text-decoration: none; } .thumbnails-container { margin-top: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(277px, 1fr)); gap: 20px; justify-content: center; width: 100%; box-sizing: border-box; padding: 0; list-style: none; margin-left: 15px; } .thumbnails-container ul.products { display: contents; } /* Generator Finder Tabs */ .generator-finder-tabs { max-width: 1300px; margin: 0 auto; padding: 20px; } .tab-navigation { display: flex; justify-content: center; margin-bottom: 20px; } .tab-button { padding: 10px 20px; margin: 0 5px; border: none; border-radius: 20px; cursor: pointer; font-size: 16px; } .tab-button.active { background-color: #007bff; color: white; } .tab-content { background-color: white; padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .tab-pane { display: none; } .tab-pane.active { display: block; } #generator-finder-form { display: flex; gap: 15px; align-items: center; justify-content: center; } #generator-finder-form select, #generator-finder-form button { padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; min-width: 150px; box-sizing: border-box; } #generator-finder-form select option[disabled] { color: #999; } #search-button { display: flex; align-items: center; padding: 10px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; } #search-button:hover { background-color: #0056b3; } #reset-button { padding: 10px 20px; background-color: white; color: #3d3d3d; border: 1px solid #3d3d3d; border-radius: 5px; cursor: pointer; font-size: 14px; } #reset-button:hover { background-color: #007bff; color: white; border-color: #007bff; } .loading-spinner { display: none; width: 16px; height: 16px; border: 2px solid white; border-top: 2px solid transparent; border-radius: 50%; animation: spin 1s linear infinite; margin-right: 8px; } .loading-spinner.active { display: inline-block; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Generator Finder Results */ .results-anchor { max-width: 1300px; margin: 0 auto; padding: 0px; } .results-count { text-align: center; margin: 20px 0; font-size: 16px; color: #333; } .back-to-top { text-align: center; margin: 20px 0; font-size: 14px; width: 100%; } .back-to-top a { color: #007bff; text-decoration: none; } .back-to-top a:hover { text-decoration: underline; } #back-to-top-link { display: none; } .results-grid { margin-top: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; justify-content: center; width: 100%; box-sizing: border-box; padding: 0; list-style: none; } /* Global Styles */ .action-button { border-radius: 20px !important; } .related.products .sp-product-image.sp-same-image-height.grayscale { display: none !important; } .woocommerce-breadcrumb { font-size: 12px !important; } .woocommerce ul.products.custom-products-grid::before, .woocommerce ul.products.custom-products-grid::after, .woocommerce ul.products.nv-shop-col-4::before, .woocommerce ul.products.nv-shop-col-4::after, .woocommerce ul.products.columns-4::before, .woocommerce ul.products.columns-4::after { display: none !important; } .custom-result-count { font-size: 14px; margin-bottom: 20px; text-align: left; } .custom-result-count.initially-hidden { display: none; } .show-all-link { color: #0073aa; text-decoration: none; } .show-all-link:hover { text-decoration: underline; } .nv-woo-filters { display: none !important; } .orderby { display: none; } main .nv-shop { margin-top: 20px !important; } .nv-shop.col { max-width: 100% !important; } .woocommerce .nv-shop ul.products:not(.tns-slider) { gap: 40px 20px !important; } .spec-button { color: #004ba2; font-size: 18px; text-align: center !important; cursor: pointer; font-weight: 600; text-decoration: none; margin-right: 2em; } .spec-button:hover { text-decoration: underline; color: #3d3d3d; } .print-page { color: #004ba2; font-size: 18px; float: left; cursor: pointer; font-weight: 600; text-decoration: none; margin-right: 2em; } #loading-indicator { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 1000; } .product-card { width: 278px !important; max-width: 100% !important; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; } .inventory-page-card-image-wrapper { position: relative; display: block; width: 278px !important; height: 165px !important; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: 2px solid #0f2d50; } .inventory-page-card-image-wrapper img { width: 100% !important; height: 165px !important; object-fit: cover !important; object-position: center; border-top-left-radius: 10px; border-top-right-radius: 10px; } .inventory-card-image { width: 100%; height: 165px; object-fit: cover; object-position: center; display: block; } .no-image { width: 100%; height: 165px; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #666; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: 2px solid #0f2d50; } .status-overlay { position: absolute; bottom: 0; right: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); display: flex; justify-content: right; color: #EDCE3E !important; font-size: 12px; font-weight: 600; text-align: right; z-index: 1; padding-right: 5px; border-radius: 6px; } .inventory-card-header { padding: 10px; width: 100%; text-align: center; display: flex; justify-content: center; padding-bottom: 0px; } .inventory-card-title { font-size: 14px; font-weight: 600; margin: 0; color: #0f2d50; } .inventory-card-title a { color: #0f2d50; text-decoration: none; } .inventory-card-title a:hover { text-decoration: underline; } .inventory-card-details { display: flex; flex-wrap: nowrap; gap: 5px; padding: 7px; padding-top: 0px !important; margin-top: 0px !important; justify-content: space-between; width: 100% !important; margin: 5px 0 !important; font-size: 12px; color: #333; line-height: 1.4; } .inventory-card-details p { padding-left: 8px; padding-right: 8px; line-height: 22px; margin: 2px 0 !important; } .inventory-card-details b { display: inline; } .inventory-card-details .woocommerce-Price-amount { display: inline; font-weight: normal; } .inventory-details-column { flex: 1 1 50% !important; width: 50% !important; box-sizing: border-box; } .details-button { display: block; padding: 2px; background-color: #0f2d50; color: #fff; text-align: center; text-decoration: none; border-radius: 5px; font-size: 12px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } .details-button:hover { background-color: #0073aa; } .filter-section { margin-bottom: 20px; } .filter-section h3 { font-size: 14px; font-weight: 600; color: #333; margin: 0 0 10px; } .filter-section ul { list-style: none; padding: 0; margin: 0; max-height: 200px; overflow-y: auto; } .filter-section li { margin-bottom: 5px; } .filter-section button { width: 100%; text-align: left; background: none; border: none; font-size: 12px; color: #0f2d50; cursor: pointer; padding: 0px; white-space: normal; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 15px; padding-bottom: 5px; } .filter-section button:hover, .filter-section button.active { color: #0073aa; font-weight: 600; } .reset-button { display: block; width: 100%; padding: 10px; background-color: #0f2d50; color: #fff; text-align: center; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; margin-top: 10px; margin-bottom: 20px; } .reset-button:hover { background-color: #0073aa; } .filter-toggle { display: none; width: 100%; padding: 10px; background-color: #0f2d50; color: #fff; text-align: center; border: none; border-radius: 5px; cursor: pointer; font-size: 14px; margin-bottom: 10px; } .filter-toggle:hover { background-color: #0073aa; } .filter-info { font-size: 14px; color: #333; text-align: left; font-weight: 600; margin-bottom: 0px; } .select-multiple { font-size: 12px; margin-bottom: 10px; } .inventory-main .pagination { width: 100%; max-width: 100%; text-align: center; margin-top: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; } .inventory-main .pagination a, .inventory-main .pagination span { display: block; padding: 8px 12px; margin: 0; background-color: #f5f5f5; color: #0f2d50; text-decoration: none; border-radius: 5px; min-width: 40px; text-align: center; box-sizing: border-box; } .inventory-main .pagination a:hover { background-color: #0f2d50; color: #fff; } .inventory-main .pagination .current { background-color: #0f2d50; color: #fff; font-weight: bold; } .selected-filters { margin-bottom: 15px; } .selected-filters h3 { font-size: 14px; font-weight: 600; color: #333; margin: 0 0 5px; } .selected-filters ul { list-style: none; padding: 0; margin: 0; } .selected-filters li { font-size: 12px; color: #0f2d50; margin-bottom: 5px; } .selected-filters a { color: #ff0000; text-decoration: none; } .selected-filters a:hover { text-decoration: underline; } ul.custom-products-grid, ul.products.nv-shop-col-4, ul.products.columns-4 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(278px, 1fr)) !important; gap: 20px !important; margin-bottom: 36px !important; padding: 0 !important; list-style: none !important; } .woocommerce .nv-shop ul.products.custom-products-grid li.product, .woocommerce .nv-shop ul.products.nv-shop-col-4 li.product, .woocommerce ul.products.columns-4 li.product { width: 278px !important; max-width: 100% !important; margin: 0 !important; float: none !important; box-sizing: border-box !important; display: block !important; } .comparable-generators ul.custom-products-grid { grid-template-columns: repeat(6, 1fr) !important; gap: 10px 15px !important; } .comparable-generators .product-card { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .comparable-generators .inventory-page-card-image-wrapper { min-height: 150px; max-height: 150px; border-top-width: 2px; } .comparable-generators .inventory-page-card-image-wrapper img { min-height: 150px; } .comparable-generators .inventory-card-title { font-size: 13px !important; padding: 5px !important; } .comparable-generators .inventory-card-details p { font-size: 11px; line-height: 18px; } .comparable-generators .details-button { font-size: 12px; padding: 8px; } .inventory-filters { margin-bottom: 20px; } .inventory-filters select, .inventory-filters button { margin-right: 10px; padding: 5px; } .unitsearch { font-size: 13px !important; width: 194px; } .custom-result-count .show-all-link { color: #003366; text-decoration: none; margin-left: 5px; } .custom-result-count .show-all-link:hover { text-decoration: underline; color: #002244; } #inventory-filter-form-wrapper { padding-top: 15px; padding-bottom: 15px; border-radius: 5px; width: 100%; display: flex; justify-content: left; flex-wrap: wrap; gap: 15px; text-align: left; } #inventory-filter-form { display: flex; flex-wrap: wrap; gap: 14px; width: 100%; } #inventory-filter-form select, #inventory-filter-form button { padding: 6px; border-radius: 5px; border: 1px solid #ccc; font-size: 14px; flex: 1 1 150px; max-width: calc(25% - 14px); } #inventory-filter-form button { background: #ffffff; color: #666666; cursor: pointer; } #inventory-filter-form button:hover { background: #e2e1dd; color: #000000; } .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { border-radius: 7px !important; } .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more .dgwt-wcas-st-more { display: none !important; } .filter-row { display: flex; flex-wrap: wrap; gap: 10px; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } ul.products.fade-out { animation: fadeOut 0.5s ease forwards; } #inventory-results.fade-in { animation: fadeIn 0.5s ease forwards; } .inventory-card-image-container { animation: fadeIn 0.5s ease forwards; } .fade-in { animation: fadeIn 0.5s ease-in; } .fade-out { animation: fadeOut 0.5s ease-out; } .request-quote { font-size: 16px; font-weight: 600; color: #004ba2; } .product-headline { font-size: 28px; font-weight: 600; color: #0f2d50; margin-bottom: 15px; } .woocommerce-product-details__short-description { font-size: 14px; color: #333; margin-bottom: 20px; } .custom-product-buttons { display: block; margin-top: 20px; } .custom-product-buttons .single_add_to_cart_button { display: block; width: 100%; padding: 10px 20px; font-size: 14px; text-align: center; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; margin-bottom: 10px; } .custom-product-buttons .single_add_to_cart_button:hover { background-color: #0056b3; } @media (max-width: 1250px) { #generator-finder-form { flex-direction: column; align-items: stretch; } #generator-finder-form select, #generator-finder-form button { width: 100%; margin-bottom: 10px; } #search-button, #reset-button { width: 100%; } } @media (max-width: 1199px) { ul.custom-products-grid, ul.products.nv-shop-col-4, ul.products.columns-4, .results-grid { grid-template-columns: repeat(auto-fit, minmax(278px, 1fr)) !important; } .comparable-generators ul.custom-products-grid { grid-template-columns: repeat(3, 1fr) !important; } .product-card { width: 100% !important; } .woocommerce .nv-shop ul.products.custom-products-grid li.product, .woocommerce .nv-shop ul.products.nv-shop-col-4 li.product, .woocommerce ul.products.columns-4 li.product { width: 100% !important; } .inventory-page-card-image-wrapper { width: 100% !important; height: auto !important; aspect-ratio: 278 / 165 !important; } .inventory-page-card-image-wrapper img { width: 100% !important; height: auto !important; } } @media (max-width: 1023px) { ul.custom-products-grid, ul.products.nv-shop-col-4, ul.products.columns-4, .results-grid { grid-template-columns: repeat(auto-fit, minmax(278px, 1fr)) !important; } .product-card { width: 100% !important; } .woocommerce .nv-shop ul.products.custom-products-grid li.product, .woocommerce .nv-shop ul.products.nv-shop-col-4 li.product, .woocommerce ul.products.columns-4 li.product { width: 100% !important; } } @media (max-width: 991px), (max-device-width: 991px) { .inventory-container { padding: 10px; } .inventory-content { flex-direction: column; flex-wrap: wrap; } .inventory-sidebar { width: 100%; min-width: 100%; flex: 0 0 0px; } .filter-toggle { display: block; } .filter-sections { display: none; margin-top: 10px; } .filter-sections.active { display: block; } .inventory-main { width: 100%; padding: 0; } .metrics-snapshot { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin-bottom: 10px; } .metric-card { padding: 8px; } .metric-card h3 { font-size: 12px; } .thumbnails-container { grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); gap: 10px; overflow-x: hidden; } .inventory-page-card-image-wrapper { height: 212px !important; } .inventory-card-image { height: 180px; } .no-image { height: 180px; font-size: 11px; } .status-overlay { font-size: 11px; height: 30%; } .inventory-card-title { font-size: 13px; } .inventory-card-details { font-size: 11px; } .details-button { font-size: 11px; padding: 2px; margin: 8px; } .filter-section { margin-bottom: 10px; } .filter-section h3 { font-size: 13px; } .filter-section button { font-size: 11px; } .reset-button { font-size: 13px; padding: 8px; margin-bottom: 0px; } .filter-info { display: none; } .select-multiple { display: none; } .custom-result-count { font-size: 12px; margin-bottom: 15px; } } @media (max-width: 767px) { ul.custom-products-grid, ul.products.nv-shop-col-4, ul.products.columns-4, .results-grid { grid-template-columns: repeat(auto-fit, minmax(278px, 1fr)) !important; } .woocommerce .nv-shop ul.products.custom-products-grid li.product, .woocommerce .nv-shop ul.products.nv-shop-col-4 li.product, .woocommerce ul.products.columns-4 li.product { width: 94% !important; margin: 0 auto !important; } .product-card { width: 93% !important; } .nv-bc-count-wrap { display: none !important; } } @media (max-width: 479px) { .comparable-generators ul.custom-products-grid { grid-template-columns: 1fr !important; } } .woocommerce-loop-product__title { font-size: 16px !important; text-transform: uppercase !important; margin-left: 5px !important; padding-bottom: 3px !important; } .woocommerce-result-count { display: none; } .thumbnails-container .product-card .inventory-card-image-wrapper { position: relative; width: 278px !important; height: 165px !important; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: 2px solid #0f2d50; } .thumbnails-container .product-card .inventory-card-image-wrapper img { width: 100% !important; height: 165px !important; object-fit: cover !important; object-position: center; border-top-left-radius: 10px; border-top-right-radius: 10px; } .thumbnails-container .product-card .inventory-details { display: flex; flex-wrap: nowrap; gap: 5px; padding: 7px; justify-content: space-between; width: 100% !important; margin: 5px 0 !important; font-size: 12px; color: #333; line-height: 1.4; } .thumbnails-container .product-card .inventory-details p { padding-left: 8px; padding-right: 8px; line-height: 22px; margin: 2px 0 !important; } .thumbnails-container .product-card .inventory-details strong { display: inline; font-weight: bold; } .thumbnails-container .product-card .inventory-details .inventory-details-column { flex: 1 1 50% !important; width: 50% !important; box-sizing: border-box; } .thumbnails-container .product-card .product-flag { position: absolute; bottom: 0; right: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); display: flex; justify-content: right; color: #EDCE3E !important; font-size: 12px; font-weight: 600; text-align: right; z-index: 1; padding-right: 5px; border-radius: 6px; } .thumbnails-container .product-card .inventory-card-image-wrapper img.inventory-card-image { width: 278px !important; height: 165px !important; } .thumbnails-container .product-card .inventory-details p:has(.woocommerce-Price-amount) { display: none; } body.logged-in .thumbnails-container .product-card .inventory-details p:has(.woocommerce-Price-amount) { display: block; } @media (max-width: 991px), (max-device-width: 991px) { .thumbnails-container .product-card .inventory-card-image-wrapper { height: 180px !important; } .thumbnails-container .product-card .inventory-card-image-wrapper img { height: 180px !important; } .thumbnails-container .product-card .product-flag { font-size: 11px; height: 30%; } .thumbnails-container .product-card .inventory-details { font-size: 11px; } }