@charset "UTF-8"; main > .container:not(.product-list-hero) {width: calc(100% - 64px);max-width: 1452px;padding-right: 0;padding-left: 0; } main .breadcrumb {margin: 0;padding: 22px 0 18px;color: var(--gray-500);background: transparent;font-size: 12px;line-height: 15px; } main .breadcrumb .breadcrumb-item {color: var(--gray-500); } main .breadcrumb .breadcrumb-item.active {color: var(--gray-700); } main .breadcrumb .breadcrumb-item + .breadcrumb-item {padding-left: 0; } main .breadcrumb .breadcrumb-item + .breadcrumb-item::before {padding: 0 10px;color: var(--gray-400);content: "›"; } .product-list-hero {position: relative;width: calc(100% - 64px);margin: 0 auto 23px;padding: 31px 48px 34px;color: var(--white);background: var(--primary); } .product-list-hero .product-list-hero-inner {width: 100%; } .product-list-hero h1 {margin: 0;color: var(--white);font-family: "Sora", sans-serif;font-size: 48px;font-style: normal;font-weight: 800;line-height: 1;text-transform: none; } .product-list-hero p {max-width: 720px;margin: 16px 0 0;color: rgba(255, 255, 255, 0.7);font-size: 16px; } .product-list {margin-top: 0;padding-bottom: 32px; } .product-list > .row {margin: 0; } .product-list .list-filter-form > .row {margin-right: 0;margin-left: 0; } .product-list .product-list-content {width: 100%;min-width: 0; } .product-list .col-filter {padding: 0 0 32px; } .product-list .col-filter .filter {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;padding: 0;background: transparent; } .product-list .col-filter h3, .product-list .col-filter .btn-close, .product-list .col-filter .btn-primary {display: none; } .product-list .col-filter .filter-all, .product-list .col-filter .custom-control-label {display: inline-flex;align-items: center;justify-content: center;min-height: 44px;margin: 0;padding: 11px 22px;color: var(--primary);background: var(--white);border: 1px solid var(--gray-300);font-size: 14px;font-weight: 700;line-height: 20px;white-space: nowrap;cursor: pointer;transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; } .product-list .col-filter .filter-all:hover, .product-list .col-filter .custom-control-label:hover {color: var(--primary);background: rgba(251, 187, 31, 0.12);border-color: var(--secondary); } .product-list .col-filter .filter-all.active, .product-list .col-filter .custom-control:has(input:checked) .custom-control-label {color: var(--primary);background: var(--secondary);border-color: var(--secondary); } .product-list .col-filter .form-group {display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin: 0; } .product-list .col-filter .form-group > label {display: none; } .product-list .col-filter .custom-control {min-height: 0;margin: 0;padding: 0; } .product-list .col-filter .custom-control-label {position: static; } .product-list .col-filter .custom-control-label::before, .product-list .col-filter .custom-control-label::after {display: none; } .product-list .col-filter .custom-control-input {position: absolute;opacity: 0;pointer-events: none; } .product-list .row-card {margin-right: -6px;margin-left: -6px; } .product-list .col-card {padding: 0 6px 12px; } .product-list .card {position: relative;padding: 0;overflow: hidden;background: var(--white);border: 1px solid var(--gray-300);border-radius: 0;transition: transform 0.2s ease, box-shadow 0.2s ease; } .product-list .card:hover {transform: translateY(-4px);box-shadow: 0 18px 50px -24px rgba(9, 9, 9, 0.28); } .product-list .card .card-img-top {position: relative;aspect-ratio: 1/1;background: var(--light); } .product-list .card .card-img-top .img-fluid {width: 100%;height: 100%;object-fit: contain; } .product-list .card .product-card-category {position: absolute;top: 16px;left: 16px;z-index: 1;padding: 6px 10px;color: var(--primary);background: var(--secondary);font-size: 11px;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase; } .product-list .card .card-body {padding: 24px 24px 10px; } .product-list .card .card-title {margin: 0;color: var(--primary);font-family: "Sora", sans-serif;font-size: 18px;font-style: normal;font-weight: 700;line-height: 1.25;text-align: left; } .product-list .card .product-card-code {margin: 8px 0 0;color: var(--gray-500);font-size: 12px;letter-spacing: 0.1em;text-transform: uppercase; } .product-list .card .card-text {margin: 16px 0 0;color: var(--gray-600);font-size: 14px;line-height: 1.55;text-align: left; } .product-list .card .card-footer {align-items: flex-start;padding: 12px 24px 24px;background: transparent; } .product-list .card .card-footer .btn {padding: 0;color: var(--primary);background: transparent;border: 0;font-size: 14px;font-weight: 700; } .product-list .card .card-footer .btn::after {content: " →"; } .product-list-categories .row-card {width: 100%;justify-content: flex-start; } @media (max-width: 991.98px) {main > .container:not(.product-list-hero),.product-list-hero {width: calc(100% - 16px);}.product-list-hero {padding: 32px 0;}.product-list-hero .product-list-hero-inner {padding: 0 24px;}.product-list-hero h1 {font-size: 40px;}.product-list .col-filter .filter {align-items: flex-start;flex-wrap: nowrap;overflow-x: auto;padding-bottom: 4px;}.product-list > .container {width: calc(100% - 16px);max-width: none;padding-right: 0;padding-left: 0;}.product-list > .container > .row {margin-right: 0;margin-left: 0;}.product-list .row-card {margin-right: -4px;margin-left: -4px;}.product-list .col-card {padding-right: 4px;padding-bottom: 8px;padding-left: 4px;} }