.shop-area .product-default { transform: none !important; } .shop-area .product-default .product-title { max-width: 100%; } .shopping-area .quantity-input { max-width: 150px; display: flex; align-items: center; } .shopping-area .quantity-input input { width: 30px; height: 30px; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; cursor: pointer; border-left: none; border-right: none; } .shopping-area .quantity-input .quantity-up { width: 30px; height: 30px; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; cursor: pointer; } .shopping-area .quantity-input .quantity-down { width: 30px; height: 30px; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; cursor: pointer; } .shopping-area.cart tbody td:first-child { -webkit-padding-start: 20px; padding-inline-start: 20px; } .shopping-area.cart .table-heading .first { -webkit-padding-start: 20px; padding-inline-start: 20px; } .shop-area .stock-overlay{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--color-primary-rgb), 0.3); display: flex; align-items: center; justify-content: center; transition: all 0.3s; z-index: 6; pointer-events: none; } .shop-area .stock-overlay span{ padding: 10px 20px; color: var(--color-white); background-color: var(--color-primary); width: fit-content; } .shop-area .product-default .product-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 5%; background-color: rgba(var(--color-primary-rgb), 0.3); display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: all 0.3s; z-index: 5; } .shop-area .product-default .product-overlay a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 14px; color: var(--color-white); border-radius: 50%; background-color: var(--color-primary); margin-inline: 7px; } .shop-area .product-default .product-overlay a:nth-child(1) { transform: translateY(40px); transition: all 0.4s; } .shop-area .product-default .product-overlay a:nth-child(2) { transform: translateY(50px); transition: all 0.5s; } .shop-area .product-default .product-overlay a:nth-child(3) { transform: translateY(60px); transition: all 0.6s; } .shop-area .product-default:hover .product-overlay { height: 100%; visibility: visible; opacity: 1; } .shop-area .product-default:hover .product-overlay a { transform: none; } .shop-single-area .btn-groups { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; } .shop-single-area .shop-single-gallery { position: relative; } .shop-single-area .shop-single-gallery .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; color: var(--color-primary); background: var(--color-white); } .shop-single-area .shop-single-gallery .slider-btn.slider-btn-prev { left: 0; } .shop-single-area .shop-single-gallery .slider-btn.slider-btn-next { right: 0; } .shop-single-area .quantity-input { max-width: 150px; display: flex; align-items: center; } .shop-single-area .quantity-input input { width: 30px; height: 30px; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; cursor: pointer; border-left: none; border-right: none; } .shop-single-area .quantity-input .quantity-up { width: 30px; height: 30px; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; cursor: pointer; } .shop-single-area .quantity-input .quantity-down { width: 30px; height: 30px; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; cursor: pointer; } .shop-single-area .shop-thumb { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); max-width: 80%; z-index: 5; } .shop-single-area .shop-thumbnails .thumbnail-img { cursor: pointer; border: 1px solid var(--color-primary); } .shop-single-area .shop-thumbnails .thumbnail-img img { -o-object-fit: cover; object-fit: cover; height: 100%; } .shop-single-area .product-single-details .product-desc p:last-child { margin-bottom: 0; } .shop-single-area .product-single-details .progress { height: 10px; border-radius: 30px; } .shop-single-area .product-single-details .progress .progress-bar { border-radius: 30px; background: var(--color-primary); } .shop-single-area .quantity-input { max-width: 150px; display: flex; align-items: center; } .shop-single-area .quantity-input input { width: 30px; height: 30px; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e5e5; cursor: pointer; border-left: none; border-right: none; } .shop-single-area .quantity-input .quantity-up, .shop-single-area .quantity-input .quantity-down { width: 40px; height: 44px; } .shop-single-area .quantity-input input { width: 40px; height: 44px; } .shop-single-area .author { display: flex; align-items: self-start; } .shop-single-area .reviews .author:not(:last-child) { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed var(--border-color); } .shop-single-area .author .image { flex: 0 0 auto; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; -webkit-margin-end: 15px; margin-inline-end: 15px; } .shop-single-area .author .image img{ object-fit: cover; height: 100%; } .shop-single-area .shop-review-form .form-group ul.rating li { margin-bottom: 10px; display: inline-block; cursor: pointer; } .shop-single-area .shop-review-form .form-group ul.rating li:after { display: inline-block; content: "|"; margin-left: 10px; margin-right: 7px; } .shop-single-area .shop-review-form .form-group ul.rating li:last-child:after { display: none; } .shop-single-area .shop-review-form .form-group ul.rating li:hover span { color: var(--color-primary); } .shop-single-area .product-desc ul { padding-inline-start: 1.2rem; }