.customize-detailed-list .sticky-header-content { position: -webkit-sticky; position: sticky; top: 125px; z-index: 10 } .customize-detailed-list .grid-container-1 { display: grid; grid-template-columns: repeat(6,1fr); -moz-column-gap: 5px; column-gap: 5px } .customize-detailed-list .grid-item-1 { grid-column-end: span 2; padding: 20px; background-color: #fff; box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) } .customize-detailed-list .grid-item-1 h3 { line-height: 1 } .customize-detailed-list .customize-table-wrap { margin-top: 30px } .customize-detailed-list .single-table-item { margin-top: 15px; padding: 40px 20px; background-color: #fff7e8 } .customize-detailed-list .single-table-item.single-clothing { background-color: #fff7e8 } .customize-detailed-list .single-table-item.single-shoes { background-color: #ffe8dd } .customize-detailed-list .single-table-item.single-bags { background-color: #fffce7 } .customize-detailed-list .top-wrap { display: grid; grid-template-columns: repeat(6,1fr); row-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; align-items: center } .customize-detailed-list .top-wrap h4 { grid-column-end: span 2 } .customize-detailed-list .select-wrap { position: relative; grid-column-end: span 4; border: 1px solid #60514475; padding: 10px 20px; cursor: pointer } .customize-detailed-list .select-wrap.active .wt-list { display: block } .customize-detailed-list .content { position: relative } .customize-detailed-list .content i { position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .customize-detailed-list .current-selected-wrap { text-align: center; font-size: 16px; font-weight: 500 } .customize-detailed-list .wt-list { display: none; width: 100%; position: absolute; left: 0; bottom: -1px; transform: translateY(100%); background-color: #fff7e8; z-index: 2 } .customize-detailed-list .wt-item { padding: 10px 20px; text-align: center; border-bottom: 1px solid #ccc } .customize-detailed-list .wt-item:last-child { border-bottom: none } .customize-detailed-list .product-list { max-height: 650px; overflow-y: auto } .customize-detailed-list .grid-container-2 { margin-top: 20px; display: grid; grid-template-columns: repeat(6,1fr); -moz-column-gap: 20px; column-gap: 20px; align-items: center } .customize-detailed-list .grid-container-2 h4 { grid-column-end: span 2 } .customize-detailed-list .grid-container-2 input { grid-column-end: span 2; outline: 0; border: 1px solid #60514475; padding: 12px 20px; background-color: transparent } .customize-detailed-list .grid-container-2 input::-moz-placeholder { opacity: .6 } .customize-detailed-list .grid-container-2 input:-ms-input-placeholder { opacity: .6 } .customize-detailed-list .grid-container-2 input::placeholder { opacity: .6 } .customize-detailed-list .grid-container-2 .wt-input { cursor: default; color: #777 } .customize-detailed-list .statistics-data-table { padding: 40px 20px } .customize-detailed-list .statistics-data-item { margin-top: 20px } .customize-detailed-list .statistics-data-item input { border-color: #ddd; padding: 8px 20px; cursor: default } .customize-detailed-list .statistics-data-item h4 { grid-column-end: span 2; color: #605144 } .customize-detailed-list .clothing-data h4 { color: #f36e17 } .customize-detailed-list .shoes-data h4 { color: #ef381d } .customize-detailed-list .bags-data h4 { color: #f9a42b } .customize-detailed-list .btn-wrap { margin-top: 20px; text-align: center } @media (max-width: 600px) { .customize-detailed-list .sticky-header-content { display:none } .customize-detailed-list .single-table-item { padding: 30px } .customize-detailed-list .top-wrap h4 { grid-column-end: span 6 } .customize-detailed-list .top-wrap .select-wrap { grid-column-end: span 6 } .customize-detailed-list .product-list { margin-top: 20px; max-height: 430px; -webkit-overflow-scrolling: touch } .customize-detailed-list .product-list::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,0); border-left: 1px solid transparent } .customize-detailed-list .product-list::-webkit-scrollbar { width: 8px; height: 5px; border-radius: 5px } .customize-detailed-list .product-list::-webkit-scrollbar-thumb { background-color: #bfbfbf; background-clip: padding-box; border-radius: 5px; min-height: 28px } .customize-detailed-list .product-list::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,.5); border-radius: 5px } .customize-detailed-list .grid-container-2 h4 { grid-column-end: span 6; margin-bottom: 10px } .customize-detailed-list .grid-container-2 input { grid-column-end: span 3 } .customize-detailed-list .grid-container-2 input.qty-input { grid-column-end: span 6 } .customize-detailed-list .grid-container-2 input::-moz-placeholder { font-size: 12px } .customize-detailed-list .grid-container-2 input:-ms-input-placeholder { font-size: 12px } .customize-detailed-list .grid-container-2 input::placeholder { font-size: 12px } .customize-detailed-list .params-list { display: none } .customize-detailed-list .wt-input { display: none } .customize-detailed-list .wt-input::-moz-placeholder { color: transparent } .customize-detailed-list .wt-input:-ms-input-placeholder { color: transparent } .customize-detailed-list .wt-input::placeholder { color: transparent } .customize-detailed-list .input-type-2::-moz-placeholder { color: transparent } .customize-detailed-list .input-type-2:-ms-input-placeholder { color: transparent } .customize-detailed-list .input-type-2::placeholder { color: transparent } }