@keyframes qv-crazy-loading { 0% { transform: skewX(-45deg) translateX(-80%); } to { transform: skewX(-45deg) translateX(80%); } } @keyframes qv-crazy-loading-dark { 0% { transform: skewX(-45deg) translateX(-80%); } to { transform: skewX(-45deg) translateX(80%); } } #nasa-loader-product-infinite { z-index: 0; } .nasa-modern-9 .add_to_cart_text { display: block; text-transform: none; font-size: 15px; letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 50px); } .nasa-modern-9 .add-to-cart-grid { height: 45px; padding: 0; width: 100%; max-width: 100%; } .nasa-modern-9 .add-to-cart-grid.loading .add_to_cart_text { color: transparent; } .nasa-modern-9 .add-to-cart-grid.loading:before { left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nasa-modern-9 .add-to-cart-grid.loading .nasa-icon { display: none; } .nasa-modern-9 .info .nasa-badges-wrap { top: -15px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; z-index: 3; left: 15px; } .nasa-modern-9 .info .nasa-badges-wrap .badge { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .nasa-modern-9 .product-img-wrap .nasa-list-category { position: relative; z-index: 6; display: block; line-height: 1.2; font-size: 80%; color: #888888; max-width: calc(100% - 35px); padding: 15px; } .nasa-modern-9 .product-img-wrap .nasa-list-category > a { text-transform: uppercase; color: inherit; } .nasa-modern-9 .product-img-wrap .product-img { z-index: 1; } @media only screen and (min-width: 768px) { .nasa-modern-9 .nasa-product-grid .btn-wishlist { -webkit-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .0s ease-out, opacity .2s .0s ease-out, -webkit-transform .2s .0s ease-out; -moz-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .0s ease-out, opacity .2s .0s ease-out, -moz-transform .2s .0s ease-out; -ms-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .0s ease-out, opacity .2s .0s ease-out, -ms-transform .2s .0s ease-out; -o-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .0s ease-out, opacity .2s .0s ease-out, -o-transform .2s .0s ease-out; transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .0s ease-out, opacity .2s .0s ease-out, transform .2s .0s ease-out; } .nasa-modern-9 .nasa-product-grid .quick-view { -webkit-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .10s ease-out, opacity .2s .10s ease-out, -webkit-transform .2s .10s ease-out; -moz-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .10s ease-out, opacity .2s .10s ease-out, -moz-transform .2s .10s ease-out; -ms-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .10s ease-out, opacity .2s .10s ease-out, -ms-transform .2s .10s ease-out; -o-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .10s ease-out, .2s .10s ease-out, -o-transform .2s .10s ease-out; transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .10s ease-out, opacity .2s .10s ease-out, transform .2s .10s ease-out; } .nasa-modern-9 .nasa-product-grid .btn-compare { -webkit-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .20s ease-out, opacity .2s .20s ease-out, -webkit-transform .2s .20s ease-out; -moz-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .20s ease-out, opacity .2s .20s ease-out, -moz-transform .2s .20s ease-out; -ms-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .20s ease-out, opacity .2s .20s ease-out, -ms-transform .2s .20s ease-out; -o-transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .20s ease-out, .2s .20s ease-out, -o-transform .2s .20s ease-out; transition: color .3s .001s ease-out, background .1s .001s ease-out, visibility .2s .20s ease-out, opacity .2s .20s ease-out, transform .2s .20s ease-out; } .nasa-modern-9 .add-to-cart-grid { position: absolute; bottom: 0; left: 0; right: auto; z-index: 1; border: none; visibility: hidden; opacity: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 15px; } .nasa-modern-9 .add-to-cart-grid .nasa-icon svg { height: 20px; width: 20px; } .nasa-modern-9 .add-to-cart-grid.loading .add_to_cart_text { color: inherit; } .nasa-modern-9 .add-to-cart-grid.loading:before { left: auto; position: relative; top: auto; right: auto; transform: translate(0px, 0px); margin: 0; order: 4; } .nasa-modern-9 .add-to-cart-grid.loading .nasa-icon { display: none; } .nasa-modern-9 .nasa-product-grid { padding-top: 0; } .nasa-modern-9 .nasa-product-grid .btn-link { background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #ececec; } .nasa-modern-9 .nasa-product-grid .btn-link .nasa-icon { color: #333; font-size: 20px; } .nasa-modern-9 .nasa-product-grid .btn-wishlist { left: -46px; width: 36px; height: 36px; text-align: center; background-color: transparent; opacity: 0; visibility: hidden; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .nasa-modern-9 .nasa-product-grid .btn-wishlist .nasa-icon { line-height: 36px; } .nasa-modern-9 .nasa-product-grid .btn-wishlist.nasa-added .nasa-icon { color: #00a32a; } .nasa-modern-9 .nasa-product-grid .btn-wishlist svg { height: 36px; } .nasa-modern-9 .product-item { border: 1px solid #ececec; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; margin-top: 0; } .nasa-modern-9 .product-item .product-img-wrap .nasa-sc-pdeal-countdown { bottom: 20px; } .nasa-modern-9 .product-item .info { text-align: start; z-index: 4; background-color: #fff; padding: 5px 15px 15px 15px; } .nasa-modern-9 .product-item .info .price { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 135%; } .nasa-modern-9 .product-item .info .name { padding: 5px 0; } .nasa-modern-9 .product-item .info .nasa-badges-wrap .badge { font-size: 60%; padding: 2px 8px; } .nasa-modern-9 .product-item:hover .add-to-cart-grid { visibility: visible; opacity: 1; } .nasa-modern-9 .product-item:hover .nasa-product-grid .btn-wishlist { background-color: #fff; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .nasa-modern-9 .product-item:hover .nasa-product-grid .btn-link:hover { background-color: #333; border: #333; } .nasa-modern-9 .product-item:hover .nasa-product-grid .btn-link:hover .nasa-icon { color: #fff !important; } .nasa-modern-9 .product-item:hover .product-img-wrap .product-img { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .nasa-modern-9 .product-item:hover .product-img-wrap .nasa-sc-pdeal-countdown { -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -o-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); } .nasa-modern-9 .product-item:hover .info { -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -o-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); } .nasa-modern-9 .product-item:hover .info .nasa-badges-wrap { opacity: 0; visibility: hidden; } .nasa-modern-9 .nasa-compare.added:hover .nasa-icon.icon-nasa-refresh:before, .nasa-modern-9 .nasa-compare.nasa-compare:hover .nasa-icon.icon-nasa-refresh:before { color: #fff; } .nasa-modern-9 .nasa-product-content-select-wrap { margin-top: 10px; } .nasa-modern-9 .nasa-product-content-color-image-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; position: static; margin-top: 7px; gap: 8px; } .nasa-modern-9 .nasa-product-content-color-image-wrap .nasa-product-content-child { float: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 5px; } .nasa-modern-9 .nasa-product-content-color-image-wrap .nasa-product-content-child > a { margin: 0; } .nasa-modern-9 .nasa-product-content-color-image-wrap .nasa-attr-ux-nasa_color { margin: 0; } .nasa-modern-9 .nasa-product-content-nasa_label-wrap { position: static; margin-top: 8px; visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-product-content-child { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; } .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-product-content-child:last-child { margin-bottom: 0; } .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item { border: 1px solid #cccccc; color: #999; font-size: 11px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item:hover, .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item.nasa-active { border-color: #555; color: #000; font-weight: bold; } .nasa-modern-9 .info.nasa-static-focus { position: relative !important; } .nasa-modern-9 .nasa-fog-variants { left: 0; right: 0; } .nasa-modern-9 .nasa-fog-variants.nasa-open { opacity: 1; } .nasa-modern-9 .has-add .nasa-fog-variants { bottom: -35px; } .nasa-modern-9 .has-add .nasa-toggle-variants { bottom: -25px; } .nasa-modern-9 .products.list .product-item { border-bottom: none; border-left: none; border-right: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nasa-modern-9 .products.list .product-item:hover .product-img-wrap .product-img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nasa-modern-9 .products.list .product-item .add-to-cart-grid.loading::before { position: absolute; top: 50%; left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -10px; margin-left: -10px; } .nasa-modern-9 .products.list .product-item .add-to-cart-grid.loading .add_to_cart_text { color: transparent !important; } .nasa-modern-9 .products.list .product-item .add-to-cart-grid .add_to_cart_text { max-width: 100%; } .nasa-modern-9 .products.list .product-item .info { z-index: 1; } .nasa-modern-9.nasa-accessories-wrap .product-item { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: visible; } .nasa-modern-9.nasa-accessories-wrap .product-item:hover .product-img-wrap .product-img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nasa-modern-9.nasa-accessories-wrap .product-item:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nasa-modern-9.nasa-accessories-wrap .product-item .nasa-list-category { position: absolute; left: 0; top: 0; max-width: 100%; padding: 10px; font-size: 70%; } .nasa-modern-9.nasa-accessories-wrap .product-item .info { padding: 0; } .nasa-modern-9.nasa-accessories-wrap .product-item .info .price { font-size: 100%; } .nasa-image-square .nasa-modern-9 .nasa-product-content-color-image-wrap .nasa-attr-ux-nasa_image { margin-top: 5px; } .nasa-dark .nasa-modern-9 .product-item .info { background-color: #000; } .nasa-dark .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item { border-color: #555; color: #999; } .nasa-dark .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item:hover, .nasa-dark .nasa-modern-9 .nasa-product-content-nasa_label-wrap .nasa-attr-ux-item.nasa-active { color: #c1c1c1; border-color: #999; } .nasa-dark .nasa-modern-9 .nasa-product-grid .btn-link .nasa-icon { color: #333; } .html-ready .nasa-modern-9 .product-img-wrap .product-img, .html-ready .nasa-modern-9 .nasa-product-grid, .html-ready .nasa-modern-9 .product-item .info { -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -o-transition: all 350ms ease; transition: all 350ms ease; } .html-ready .nasa-modern-9 .nasa-product-grid .btn-link .nasa-icon { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .crazy-loading .nasa-modern-9 .product-item .info .name, .crazy-loading .nasa-modern-9 .product-item .info .price { margin-left: auto; margin-right: auto; } .crazy-loading .nasa-modern-9 .product-item .info .add-to-cart-grid { display: none; } .crazy-loading .nasa-modern-9 .product-item .nasa-product-content-variable-warp { display: none; } .crazy-loading .nasa-modern-9 .products.list .product-item .info .name, .crazy-loading .nasa-modern-9 .products.list .product-item .info .price { margin-left: 0; margin-right: 0; } .crazy-loading .nasa-modern-9 .products.list .product-item .info .nasa-sc-pdeal-countdown { display: none; } body.nasa-rtl .nasa-modern-9 .product-item .nasa-product-grid .btn-wishlist { left: 46px; } body.nasa-rtl .nasa-modern-9 .product-item .nasa-badges-wrap { right: 15px; left: auto; } body.nasa-rtl .nasa-modern-9 .product-item .nasa-list-category { right: 0; left: auto; } body.nasa-rtl .nasa-modern-9 .nasa-product-content-color-image-wrap .nasa-product-content-child { float: none; } .small_spacing .ns-items-gap.nasa-modern-9 .product-item .add-to-cart-grid { max-width: calc(100% - 10px); left: 5px; } .large_spacing .ns-items-gap.nasa-modern-9 .product-item .add-to-cart-grid { max-width: calc(100% - 30px); left: 15px; } } @media only screen and (max-width: 767px) { .nasa-modern-9 .add-to-cart-grid .nasa-icon { display: none; } .nasa-modern-9 .product-img-wrap .nasa-list-category { position: absolute; top: 0; left: 0; } } .nasa-products-special-deal .nasa-modern-9 .add-to-cart-grid { display: none; }