.wr-mobile.archive .wrapper-outer, .wr-mobile.archive #shop-mobile-sidebar {
-webkit-transition: 0.3s all;
transition: 0.3s all;
} .mobile-list-layout .product__wrap, .catalog.wr-mobile .single-mobile-layout .p-single-action {
display: -ms-flexbox;
display: flex;
display: -webkit-box;
display: -webkit-flex;
} .wr-mobile .blog.fc,
.wr-mobile .blog-single.fc,
.wr-mobile .page-content > .fc {
display: block;
}
.wr-mobile .btn-quickview {
display: none;
}
.wr-mobile.archive #shop-main {
padding: 0;
width: 100%;
}
.wr-mobile.archive .shop-actions {
padding: 0 30px;
margin-bottom: 30px;
}
.wr-mobile.archive .mobile-product-categories {
max-width: 100%;
}
.wr-mobile.archive .mobile-product-categories:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 100%;
pointer-events: none;
background-image: -moz-linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
background-image: -webkit-linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
background-image: -ms-linear-gradient(0deg, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
}
.wr-mobile.archive .mobile-product-categories > div {
padding: 30px 0;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-scroll-chaining: none;
}
.wr-mobile.archive .mobile-product-categories > div::-webkit-scrollbar {
display: none;
height: 0 !important;
}
.wr-mobile.archive .mobile-product-categories a {
padding: 0 30px;
font-size: 16px;
white-space: nowrap;
}
.wr-mobile.archive .wc-show-sidebar {
-webkit-tap-highlight-color: transparent;
display: block;
}
.wr-mobile.archive #shop-mobile-sidebar {
position: fixed;
top: 0;
right: 0;
bottom: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
height: 100vh;
width: 300px;
padding: 20px;
background: #fff;
z-index: 999;
pointer-events: all;
overflow-y: auto;
}
@media (max-width: 320px) {
.wr-mobile.archive #shop-mobile-sidebar {
width: 270px;
}
}
.wr-mobile.archive.admin-bar #shop-mobile-sidebar {
top: 32px;
padding-bottom: 32px;
}
@media (max-width: 782px) {
.wr-mobile.archive.admin-bar #shop-mobile-sidebar {
top: 46px;
padding-bottom: 46px;
}
}
.wr-mobile.archive .wrapper-outer {
position: relative;
right: 0;
}
.wr-mobile.archive.slide-to-left .wrapper-outer {
right: 300px;
}
.wr-mobile.archive.slide-to-left .wrapper-outer .wc-show-sidebar,
.wr-mobile.archive.slide-to-left .wrapper-outer .wrapper {
pointer-events: none;
}
.wr-mobile.archive.slide-to-left .wrapper-outer #shop-mobile-sidebar {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media (max-width: 320px) {
.wr-mobile.archive.slide-to-left .wrapper-outer {
right: 270px;
}
}
.wr-mobile.archive .mobile-sidebar > div {
margin-bottom: 20px;
}
.wr-mobile.archive #woof_results_by_ajax {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.wr-mobile.archive #woof_results_by_ajax .products {
width: auto;
margin-top: 20px;
}
.wr-mobile.archive #woof_results_by_ajax + .mobile-layout {
margin-top: 30px;
}
.wr-mobile.archive .woof_shortcode_output .column-2.mobile-layout {
margin: 0 -32.5px;
}
.wr-mobile.archive .woof_shortcode_output .mobile-layout {
margin: 0 -30px;
}
.wr-mobile.archive .woocommerce-pagination {
margin-top: 10px;
border: none;
}
.wr-mobile.archive .widget-before-product-list,
.wr-mobile.archive .widget-after-product-list {
padding: 30px;
}
.wr-mobile.archive .woof_shortcode_output .widget-after-product-list {
padding: 0;
}
.wr-mobile.archive .footer {
overflow-x: hidden;
}
.wr-mobile.archive .mobile-list-layout {
display: block;
}
.mobile-layout {
margin: 0 -2.5px;
}
.mobile-layout .product {
padding: 0 !important;
margin-bottom: 5px;
}
.mobile-layout .yith-wcwl-add-to-wishlist a {
border: none;
}
.mobile-layout .product__action .tooltip {
display: none;
}
.mobile-layout .product__action .bts-50,
.mobile-layout .yith-wcwl-add-to-wishlist a {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
}
.mobile-layout .product__action .bts-50 i,
.mobile-layout .yith-wcwl-add-to-wishlist a i {
font-size: 18px;
}
.mobile-layout .product__image img {
padding: 0 !important;
}
.mobile-layout .star-rating {
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
}
.mobile-layout .product__title > * {
font-size: 18px;
line-height: 28px;
margin-top: 0;
}
.mobile-layout .product__badge {
padding: 0 5px;
font-size: 11px;
line-height: 20px;
}
.mobile-layout .yith-wcwl-add-to-wishlist .ajax-loading {
bottom: 22px;
left: 16px;
}
.mobile-grid-layout {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mobile-grid-layout.column-2 .product {
-ms-flex: 0 0 49%;
flex: 0 0 49%;
max-width: 49%;
margin: .5%;
}
.mobile-grid-layout .product__wrap {
height: 100%;
}
.mobile-grid-layout .product__badge {
left: 20px;
top: 20px;
}
.mobile-grid-layout .product__content {
padding: 20px 20px 65px;
}
.mobile-grid-layout .product__price {
min-height: 26px;
}
.mobile-grid-layout .product__description {
display: none;
}
.mobile-grid-layout .product__action {
border-top: 1px solid #ebebeb;
bottom: 0;
top: auto;
left: 0;
width: 100%;
}
.mobile-list-layout .product__info {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
z-index: 1;
}
.mobile-list-layout .product__info .star-rating {
position: absolute;
right: 0;
}
.mobile-list-layout .product__image {
overflow: hidden;
width: 30%;
}
.mobile-list-layout .product__content {
position: relative;
width: 70%;
padding: 20px 20px 50px;
}
.mobile-list-layout .product__content .tc {
text-align: left;
}
.mobile-list-layout .star-rating {
top: 0;
}
.mobile-list-layout .product__action.fc {
justify-content: flex-start;
-ms-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
top: auto;
left: 0;
width: 100%;
bottom: 0;
}
.mobile-list-layout .product__action.fc > *:not(:last-child) {
margin-right: 30px;
}
.wr-mobile .ui-select .ui-btn > span.orderby {
display: none;
} .single-mobile-layout .flex-control-paging {
position: absolute;
bottom: 10px;
width: 100%;
}
.single-mobile-layout .woocommerce-product-gallery__image img {
width: 100%;
}
.single-mobile-layout .p-video {
right: auto;
left: 20px;
}
.single-mobile-layout .product__countdown {
bottom: 45px;
}
.single-mobile-layout .wishlist-btn {
position: absolute;
top: 10px;
right: 10px;
z-index: 11;
}
.single-mobile-layout .wishlist-btn a {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.single-mobile-layout .wishlist-btn a .tooltip {
display: none;
}
.single-mobile-layout .p-single-info {
border-top: 1px solid #ebebeb;
}
.single-mobile-layout .p-single-info > * {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.single-mobile-layout .p-single-info.fixed .product-tabs {
margin-top: 20px;
}
.single-mobile-layout .p-single-info .p-single-action {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
border-bottom: 0;
}
.single-mobile-layout .p-single-info .p-single-action .cart {
width: 100%;
}
.single-mobile-layout .p-single-info .product-tabs {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
.single-mobile-layout .p-single-info .product-tabs .woocommerce-tabs {
margin-top: 0;
}
.single-mobile-layout .p-single-info .product-share {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.single-mobile-layout .p-single-info .product-share > span {
width: 130px;
}
.single-mobile-layout .p-single-info + .yith-wcwl-add-to-wishlist {
display: none;
}
.single-mobile-layout.product-type-variable .p-single-info.fixed .p-single-action {
position: relative;
padding: 0;
}
.single-mobile-layout.product-type-variable .reset_variations {
right: auto;
left: 0;
}
.single-mobile-layout.product-type-variable .p-single-info.fixed .single_variation_wrap {
padding: 10px 0 !important;
}
.single-mobile-layout.product-type-variable .p-single-info.fixed .single_variation_wrap .variations_button > * {
margin-top: 0;
}
.single-mobile-layout .p-single-info.fixed .p-action-sticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9;
padding: 10px 0;
}
.single-mobile-layout .p-single-info.fixed .p-action-sticky > *:not(:last-child) {
margin-right: 10px;
}
.single-mobile-layout .p-single-info.fixed .p-action-sticky > * {
margin: 0;
}
.single-mobile-layout.product-type-variable .p-single-info.fixed .single_variation_wrap .variations_button .single_add_to_cart_button + .button {
margin-right: 0;
}
.single-mobile-layout .woocommerce-review-link {
display: none;
}
.single-mobile-layout .addition-product {
padding: 12.5px !important;
}
.single-mobile-layout .addition-product .mobile-layout .yith-wcwl-add-to-wishlist a {
width: 50px !important;
height: 50px !important;
line-height: 50px !important;
}
.single-mobile-layout .addition-product .wr-nitro-carousel.owl-drag .owl-item {
padding: 2.5px;
}
.single-mobile-layout .addition-product .add_to_cart_button {
height: 50px;
width: 50px;
line-height: 50px;
background: none;
border: none;
margin: 0;
}
.single-mobile-layout .addition-product .add_to_cart_button i {
margin: 0;
}
.single-mobile-layout .addition-product .add_to_cart_button > span {
display: none;
}
.catalog.wr-mobile .single-mobile-layout .p-single-action {
padding: 10px 10px 0;
margin-bottom: 0;
}
@media (max-width: 375px) {
.wr-mobile .p-video {
left: 10px;
top: 10px;
}
.wr-mobile .p-video > a {
width: 40px;
height: 40px;
line-height: 36px;
}
.mobile-layout .product__title > * {
font-size: 14px;
line-height: 22px;
}
.mobile-layout .product__action .bts-50 i,
.mobile-layout .yith-wcwl-add-to-wishlist a i {
font-size: 15px;
}
.mobile-layout .product__price .amount {
font-size: 13px;
}
.mobile-list-layout .product__content {
padding: 10px 10px 50px;
}
.mobile-list-layout .product__description {
display: none;
}
.mobile-list-layout .product__info {
top: 0;
left: 0;
}
.mobile-grid-layout .product__badge {
top: 0;
left: 0;
}
.mobile-grid-layout .product__content {
padding: 10px 10px 55px;
}
.wc-heading {
font-size: 20px !important;
letter-spacing: 0;
}
.wr-mobile.archive .product-categories div {
padding: 20px 0;
}
.wr-mobile.archive .product-categories div a {
padding: 0 20px;
}
.variations_form .variations .value {
flex: 1;
}
}