.banner{width:100%;height:auto;background:-webkit-radial-gradient(50% 40%,80% 100%,#6132b8 0,#131673 100%);background:-o-radial-gradient(50% 40%,80% 100%,#6132b8 0,#131673 100%);background:radial-gradient(80% 100% at 50% 40%,#6132b8 0,#131673 100%)} .banner-header{width:100%;height:auto;overflow:hidden;text-align:center;position:relative} .banner-title{text-transform: uppercase;width:100%;margin-top:60px;font-family:"Julius Sans One";font-size:50px;font-weight:700;line-height:1;color:#fff;text-shadow:0 6px 6px rgba(46,20,107,.45)} .banner-intro{padding:0 20px;margin-top:20px;font-size:18px;font-weight:300;line-height:30px;color:#d9f7ff} .banner-footer{width:100%;height:auto;position:relative;margin-top:-30px} .banner-footer img{width:100%;z-index:1} @media (min-width :992px){ .banner-title{margin-top:80px;} .banner-intro{padding:0 80px} } .product-thumb .image{margin-bottom:10px;position:relative;overflow:hidden;z-index:1} .product-thumb .image img{width:100%;height:auto;padding:20px;transition: all 0.5s ease;} .product-thumb:hover .image img{transform: scale(1.1);} .product-thumb .form{ width:50px;right:-50px;bottom:0px;position:absolute;transition:all .2s ease-in-out;z-index:33} .product-thumb:hover .form{right:10px;bottom:0;} .product-thumb .form-button{width:50px;height:50px;line-height:50px;border:none;border-radius:50%;background:var(--ace-color-button);color:#fff;margin-bottom:10px;} .product-thumb .form-button .iconfont{font-size:20px;} .product-thumb .form-button:hover{cursor:pointer} .product-thumb .description{padding:0 10px 10px;text-align:center} .product-thumb .description h3{font-size: 1.375rem;font-weight:400} .category{width:100%;height:auto;overflow:hidden;background:#fff;border-radius:5px;box-shadow:var(--ace-shadow-main);margin-bottom:20px;padding:15px;} .category-title { width: 100%;line-height: 50px;font-size: 30px;color: var(--ace-color-main);text-align: center;margin-bottom: 20px;} .category-children{width:100%;height:auto;overflow:auto;display:flex;flex-wrap:wrap;gap:0 15px;padding:0 10px;} .category-children li{padding:7px 20px;border:1px solid #ddd;background:#fff;border-radius:5px;display:inline-block;flex:1 1 auto;margin-bottom:15px} .category-children li a{color:#333} .category-children li:hover{background:var(--ace-color-main);border:1px solid var(--ace-color-main)} .category-children li:hover a{color:#fff;} .filter { display: flex;flex-wrap: wrap;align-items: center;} .filter .filter-sort { width: 50%;margin-bottom: 20px;margin-right:20px;} .filter .filter-limit { width: calc(50% - 20px);margin-bottom: 20px;flex-wrap: nowrap;} .filter .filter-refine{width: 100%;margin-bottom: 20px;flex-grow: 1;} .filter .filter-search { width: 100%;margin-bottom: 20px;flex-grow: 1;} .filter lable, .filter input, .filter select, .filter .btn{ height:36px;line-height:36px;padding-top:0;padding-bottom:0;} .filter .btn{border-radius: var(--bs-border-radius);} .filter .input-group{ display: flex;flex-wrap: nowrap;} .form-select { display: block;width: 100%;padding: 0.375rem 2.25rem 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);appearance: none;background-color: var(--bs-body-bg);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), var(--bs-form-select-bg-icon, none);background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .form-select:focus { border-color: rgb(134, 182.5, 254);outline: 0;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);} @media (min-width:992px){ .filter{ flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;} .filter .filter-refine{width:220px;margin-right:20px;} .filter .filter-sort{width:220px;margin-bottom: 20px;} .filter .filter-limit{width:130px;margin-bottom: 20px;} .filter .filter-search{ width:auto;margin-right:20px;} } .pagination{margin-bottom:0 !important;} .product-none{width:100%;height:auto;overflow:hidden;background:#fff;padding:30px;text-align:center;border-radius:5px;box-shadow:var(--ace-shadow-main);} .product-list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} .product-list .product-thumb{width:calc(50% - 5px);margin-bottom:10px;margin-right:10px;overflow:hidden;} .product-list .product-thumb:nth-child(2n){margin-right:0;} .product-thumb{border:1px solid rgba(150,50,255,.75);border-radius:5px;box-shadow:0px 5px 15px -5px rgba(90,50,180,1);background:#fff;} @media (min-width:992px){ .product-list .product-thumb{width:calc(25% - 15px);margin-bottom:20px;margin-right:20px;} .product-list .product-thumb:nth-child(2n){margin-right:20px;} .product-list .product-thumb:nth-child(4n){margin-right:0;} }